Change the Anonymous Edit Warning to add TempUser support

In the case that the Mediawiki has temporary users enabled, the
user's IP address will no longer be displayed in the case of an
anonymous edit. Update AnonymousEditWarning to reflect this.

Bug: T352016

index.html

@@ -21,6 +21,7 @@ <h1>New Lexeme</h1>
 				const config = {
 					rootSelector: '#app',
 					isAnonymous: false,
+					tempUserEnabled: false,
 					licenseUrl: 'https://creativecommons.org/publicdomain/zero/1.0/',
 					licenseName: 'Creative Commons CC0',
 					wikibaseLexemeTermLanguages: new Map([

src/components/AnonymousEditWarning.vue

@@ -4,16 +4,21 @@ import { useConfig } from '@/plugins/ConfigPlugin/Config';
 import { useMessages } from '@/plugins/MessagesPlugin/Messages';
 import { computed } from 'vue';
 import { useAuthenticationLinker } from '@/plugins/AuthenticationLinkerPlugin/AuthenticationLinker';
+import MessageKeys from '@/plugins/MessagesPlugin/MessageKeys';
 
 const authenticationLinker = useAuthenticationLinker();
 const messages = useMessages();
+const config = useConfig();
+let messageKey: MessageKeys = 'wikibase-anonymouseditwarning';
+if ( config.tempUserEnabled ) {
+	messageKey = 'wikibase-anonymouseditnotificationtempuser';
+}
 const warning = computed(
 	() => messages.get(
-		'wikibase-anonymouseditwarning',
+		messageKey,
 		authenticationLinker.getLoginLink(),
 		authenticationLinker.getCreateAccountLink(),
 	) );
-const config = useConfig();
 
 </script>
 

src/plugins/ConfigPlugin/Config.ts

@@ -8,6 +8,7 @@ export interface Config {
 	readonly isAnonymous: boolean;
 	readonly licenseUrl: string;
 	readonly licenseName: string;
+	readonly tempUserEnabled: boolean;
 	readonly wikibaseLexemeTermLanguages: Map<string, string>;
 	readonly lexicalCategorySuggestions: SearchedItemOption[];
 	readonly placeholderExampleData: {

src/plugins/MessagesPlugin/MessageKeys.ts

@@ -23,6 +23,7 @@ type MessageKeys
  | 'wikibaselexeme-newlexeme-lemma-too-long-error'
  | 'wikibaselexeme-newlexeme-invalid-language-code-warning'
  | 'wikibase-anonymouseditwarning'
+ | 'wikibase-anonymouseditnotificationtempuser'
  | 'wikibase-lexeme-lemma-language-option'
  | 'wikibase-entityselector-notfound'
  | 'wikibase-shortcopyrightwarning'

tests/unit/components/AnonymousEditWarning.test.ts

@@ -50,4 +50,26 @@ describe( 'AnonymousEditWarning', () => {
 		expect( messages.get ).toHaveBeenCalledWith( 'wikibase-anonymouseditwarning', 'loginLink', 'createAccountLink' );
 	} );
 
+	it( 'uses alternative message if tempuser is enabled', () => {
+		const messages = { get: jest.fn().mockImplementation( ( ...params ) =>
+			`(${params.join( ', ' )})`,
+		) };
+		const authenticationLinker = {
+			getLoginLink: jest.fn().mockReturnValue( 'loginLink' ),
+			getCreateAccountLink: jest.fn().mockReturnValue( 'createAccountLink' ),
+		};
+		const warning = mount( AnonymousEditWarning, {
+			global: {
+				provide: {
+					[ ConfigKey as symbol ]: { isAnonymous: true, tempUserEnabled: true },
+					[ MessagesKey as symbol ]: messages,
+					[ AuthenticationLinkerKey as symbol ]: authenticationLinker,
+				},
+			},
+		} );
+
+		expect( warning.html() ).toMatchSnapshot();
+		expect( messages.get ).toHaveBeenCalledWith( 'wikibase-anonymouseditnotificationtempuser', 'loginLink', 'createAccountLink' );
+	} );
+
 } );

tests/unit/components/__snapshots__/AnonymousEditWarning.test.ts.snap

@@ -1,3 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AnonymousEditWarning matches snapshot if anonymous 1`] = `"<div class="wikit wikit-Message wikit-Message--warning wbl-snl-anonymous-edit-warning"><span class="wikit-Message__content"><span class="wikit wikit-Icon wikit-Icon--large wikit-Icon--warning wikit-Message__icon"><svg class="wikit-Icon__svg" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false" viewBox="0 0 16 16"><path fill="currentColor" d="M9.163 1.68234C9.06078 1.4381 8.89901 1.22746 8.69449 1.07231C8.48997 0.917151 8.25017 0.823144 7.99999 0.800049C7.75116 0.82453 7.51294 0.919178 7.30987 1.07425C7.10679 1.22933 6.94619 1.43922 6.84459 1.68234L0.672272 13.0631C0.0337565 14.2368 0.558251 15.2 1.82768 15.2H14.1723C15.4417 15.2 15.9662 14.2368 15.3277 13.0631L9.163 1.68234ZM8.76013 12.7717H7.23986V11.1528H8.76013V12.7717ZM8.76013 9.53394H7.23986V4.67728H8.76013V9.53394Z"></path></svg></span><span><!-- eslint-disable-next-line vue/no-v-html --><span>(wikibase-anonymouseditwarning, loginLink, createAccountLink)</span></span></span></div>"`;
+
+exports[`AnonymousEditWarning uses alternative message if tempuser is enabled 1`] = `"<div class="wikit wikit-Message wikit-Message--warning wbl-snl-anonymous-edit-warning"><span class="wikit-Message__content"><span class="wikit wikit-Icon wikit-Icon--large wikit-Icon--warning wikit-Message__icon"><svg class="wikit-Icon__svg" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false" viewBox="0 0 16 16"><path fill="currentColor" d="M9.163 1.68234C9.06078 1.4381 8.89901 1.22746 8.69449 1.07231C8.48997 0.917151 8.25017 0.823144 7.99999 0.800049C7.75116 0.82453 7.51294 0.919178 7.30987 1.07425C7.10679 1.22933 6.94619 1.43922 6.84459 1.68234L0.672272 13.0631C0.0337565 14.2368 0.558251 15.2 1.82768 15.2H14.1723C15.4417 15.2 15.9662 14.2368 15.3277 13.0631L9.163 1.68234ZM8.76013 12.7717H7.23986V11.1528H8.76013V12.7717ZM8.76013 9.53394H7.23986V4.67728H8.76013V9.53394Z"></path></svg></span><span><!-- eslint-disable-next-line vue/no-v-html --><span>(wikibase-anonymouseditnotificationtempuser, loginLink, createAccountLink)</span></span></span></div>"`;