Merge "mw.loader: Fix regression that caused CSS load after scripts."
[lhc/web/wiklou.git] / tests / qunit / suites / resources / mediawiki / mediawiki.jqueryMsg.test.js
1 ( function ( mw, $ ) {
2 var mwLanguageCache = {}, formatnumTests, specialCharactersPageName,
3 expectedListUsers, expectedEntrypoints;
4
5 QUnit.module( 'mediawiki.jqueryMsg', QUnit.newMwEnvironment( {
6 setup: function () {
7 this.orgMwLangauge = mw.language;
8 mw.language = $.extend( true, {}, this.orgMwLangauge );
9
10 // Messages that are reused in multiple tests
11 mw.messages.set( {
12 // The values for gender are not significant,
13 // what matters is which of the values is choosen by the parser
14 'gender-msg': '$1: {{GENDER:$2|blue|pink|green}}',
15
16 'plural-msg': 'Found $1 {{PLURAL:$1|item|items}}',
17
18 // Assume the grammar form grammar_case_foo is not valid in any language
19 'grammar-msg': 'Przeszukaj {{GRAMMAR:grammar_case_foo|{{SITENAME}}}}',
20
21 'formatnum-msg': '{{formatnum:$1}}',
22
23 'portal-url': 'Project:Community portal',
24 'see-portal-url': '{{Int:portal-url}} is an important community page.',
25
26 'jquerymsg-test-statistics-users': '注册[[Special:ListUsers|用户]]',
27
28 'jquerymsg-test-version-entrypoints-index-php': '[https://www.mediawiki.org/wiki/Manual:index.php index.php]',
29
30 'external-link-replace': 'Foo [$1 bar]'
31 } );
32
33 mw.config.set( {
34 wgArticlePath: '/wiki/$1'
35 } );
36
37 specialCharactersPageName = '"Who" wants to be a millionaire & live on \'Exotic Island\'?';
38
39 expectedListUsers = '注册<a title="Special:ListUsers" href="/wiki/Special:ListUsers">用户</a>';
40
41 expectedEntrypoints = '<a href="https://www.mediawiki.org/wiki/Manual:index.php">index.php</a>';
42 },
43 teardown: function () {
44 mw.language = this.orgMwLangauge;
45 }
46 } ) );
47
48 function getMwLanguage( langCode, cb ) {
49 if ( mwLanguageCache[langCode] !== undefined ) {
50 mwLanguageCache[langCode].add( cb );
51 return;
52 }
53 mwLanguageCache[langCode] = $.Callbacks( 'once memory' );
54 mwLanguageCache[langCode].add( cb );
55 $.ajax( {
56 url: mw.util.wikiScript( 'load' ),
57 data: {
58 skin: mw.config.get( 'skin' ),
59 lang: langCode,
60 debug: mw.config.get( 'debug' ),
61 modules: [
62 'mediawiki.language.data',
63 'mediawiki.language'
64 ].join( '|' ),
65 only: 'scripts'
66 },
67 dataType: 'script'
68 } ).done(function () {
69 mwLanguageCache[langCode].fire( mw.language );
70 } ).fail( function () {
71 mwLanguageCache[langCode].fire( false );
72 } );
73 }
74
75 QUnit.test( 'Replace', 9, function ( assert ) {
76 var parser = mw.jqueryMsg.getMessageFunction();
77
78 mw.messages.set( 'simple', 'Foo $1 baz $2' );
79
80 assert.equal( parser( 'simple' ), 'Foo $1 baz $2', 'Replacements with no substitutes' );
81 assert.equal( parser( 'simple', 'bar' ), 'Foo bar baz $2', 'Replacements with less substitutes' );
82 assert.equal( parser( 'simple', 'bar', 'quux' ), 'Foo bar baz quux', 'Replacements with all substitutes' );
83
84 mw.messages.set( 'plain-input', '<foo foo="foo">x$1y&lt;</foo>z' );
85
86 assert.equal(
87 parser( 'plain-input', 'bar' ),
88 '&lt;foo foo="foo"&gt;xbary&amp;lt;&lt;/foo&gt;z',
89 'Input is not considered html'
90 );
91
92 mw.messages.set( 'plain-replace', 'Foo $1' );
93
94 assert.equal(
95 parser( 'plain-replace', '<bar bar="bar">&gt;</bar>' ),
96 'Foo &lt;bar bar="bar"&gt;&amp;gt;&lt;/bar&gt;',
97 'Replacement is not considered html'
98 );
99
100 mw.messages.set( 'object-replace', 'Foo $1' );
101
102 assert.equal(
103 parser( 'object-replace', $( '<div class="bar">&gt;</div>' ) ),
104 'Foo <div class="bar">&gt;</div>',
105 'jQuery objects are preserved as raw html'
106 );
107
108 assert.equal(
109 parser( 'object-replace', $( '<div class="bar">&gt;</div>' ).get( 0 ) ),
110 'Foo <div class="bar">&gt;</div>',
111 'HTMLElement objects are preserved as raw html'
112 );
113
114 assert.equal(
115 parser( 'object-replace', $( '<div class="bar">&gt;</div>' ).toArray() ),
116 'Foo <div class="bar">&gt;</div>',
117 'HTMLElement[] arrays are preserved as raw html'
118 );
119
120 assert.equal(
121 parser( 'external-link-replace', 'http://example.org/?x=y&z' ),
122 'Foo <a href="http://example.org/?x=y&amp;z">bar</a>',
123 'Href is not double-escaped in wikilink function'
124 );
125 } );
126
127 QUnit.test( 'Plural', 3, function ( assert ) {
128 var parser = mw.jqueryMsg.getMessageFunction();
129
130 assert.equal( parser( 'plural-msg', 0 ), 'Found 0 items', 'Plural test for english with zero as count' );
131 assert.equal( parser( 'plural-msg', 1 ), 'Found 1 item', 'Singular test for english' );
132 assert.equal( parser( 'plural-msg', 2 ), 'Found 2 items', 'Plural test for english' );
133 } );
134
135 QUnit.test( 'Gender', 11, function ( assert ) {
136 // TODO: These tests should be for mw.msg once mw.msg integrated with mw.jqueryMsg
137 // TODO: English may not be the best language for these tests. Use a language like Arabic or Russian
138 var user = mw.user,
139 parser = mw.jqueryMsg.getMessageFunction();
140
141 user.options.set( 'gender', 'male' );
142 assert.equal(
143 parser( 'gender-msg', 'Bob', 'male' ),
144 'Bob: blue',
145 'Masculine from string "male"'
146 );
147 assert.equal(
148 parser( 'gender-msg', 'Bob', user ),
149 'Bob: blue',
150 'Masculine from mw.user object'
151 );
152
153 user.options.set( 'gender', 'unknown' );
154 assert.equal(
155 parser( 'gender-msg', 'Foo', user ),
156 'Foo: green',
157 'Neutral from mw.user object' );
158 assert.equal(
159 parser( 'gender-msg', 'Alice', 'female' ),
160 'Alice: pink',
161 'Feminine from string "female"' );
162 assert.equal(
163 parser( 'gender-msg', 'User' ),
164 'User: green',
165 'Neutral when no parameter given' );
166 assert.equal(
167 parser( 'gender-msg', 'User', 'unknown' ),
168 'User: green',
169 'Neutral from string "unknown"'
170 );
171
172 mw.messages.set( 'gender-msg-one-form', '{{GENDER:$1|User}}: $2 {{PLURAL:$2|edit|edits}}' );
173
174 assert.equal(
175 parser( 'gender-msg-one-form', 'male', 10 ),
176 'User: 10 edits',
177 'Gender neutral and plural form'
178 );
179 assert.equal(
180 parser( 'gender-msg-one-form', 'female', 1 ),
181 'User: 1 edit',
182 'Gender neutral and singular form'
183 );
184
185 mw.messages.set( 'gender-msg-lowercase', '{{gender:$1|he|she}} is awesome' );
186 assert.equal(
187 parser( 'gender-msg-lowercase', 'male' ),
188 'he is awesome',
189 'Gender masculine'
190 );
191 assert.equal(
192 parser( 'gender-msg-lowercase', 'female' ),
193 'she is awesome',
194 'Gender feminine'
195 );
196
197 mw.messages.set( 'gender-msg-wrong', '{{gender}} test' );
198 assert.equal(
199 parser( 'gender-msg-wrong', 'female' ),
200 ' test',
201 'Invalid syntax should result in {{gender}} simply being stripped away'
202 );
203 } );
204
205 QUnit.test( 'Grammar', 2, function ( assert ) {
206 var parser = mw.jqueryMsg.getMessageFunction();
207
208 assert.equal( parser( 'grammar-msg' ), 'Przeszukaj ' + mw.config.get( 'wgSiteName' ), 'Grammar Test with sitename' );
209
210 mw.messages.set( 'grammar-msg-wrong-syntax', 'Przeszukaj {{GRAMMAR:grammar_case_xyz}}' );
211 assert.equal( parser( 'grammar-msg-wrong-syntax' ), 'Przeszukaj ', 'Grammar Test with wrong grammar template syntax' );
212 } );
213
214 QUnit.test( 'Match PHP parser', mw.libs.phpParserData.tests.length, function ( assert ) {
215 mw.messages.set( mw.libs.phpParserData.messages );
216 $.each( mw.libs.phpParserData.tests, function ( i, test ) {
217 QUnit.stop();
218 getMwLanguage( test.lang, function ( langClass ) {
219 QUnit.start();
220 if ( !langClass ) {
221 assert.ok( false, 'Language "' + test.lang + '" failed to load' );
222 return;
223 }
224 mw.config.set( 'wgUserLanguage', test.lang );
225 var parser = new mw.jqueryMsg.parser( { language: langClass } );
226 assert.equal(
227 parser.parse( test.key, test.args ).html(),
228 test.result,
229 test.name
230 );
231 } );
232 } );
233 } );
234
235 QUnit.test( 'Links', 6, function ( assert ) {
236 var parser = mw.jqueryMsg.getMessageFunction(),
237 expectedDisambiguationsText,
238 expectedMultipleBars,
239 expectedSpecialCharacters;
240
241 /*
242 The below three are all identical to or based on real messages. For disambiguations-text,
243 the bold was removed because it is not yet implemented.
244 */
245
246 assert.htmlEqual(
247 parser( 'jquerymsg-test-statistics-users' ),
248 expectedListUsers,
249 'Piped wikilink'
250 );
251
252 expectedDisambiguationsText = 'The following pages contain at least one link to a disambiguation page.\nThey may have to link to a more appropriate page instead.\nA page is treated as a disambiguation page if it uses a template that is linked from ' +
253 '<a title="MediaWiki:Disambiguationspage" href="/wiki/MediaWiki:Disambiguationspage">MediaWiki:Disambiguationspage</a>.';
254
255 mw.messages.set( 'disambiguations-text', 'The following pages contain at least one link to a disambiguation page.\nThey may have to link to a more appropriate page instead.\nA page is treated as a disambiguation page if it uses a template that is linked from [[MediaWiki:Disambiguationspage]].' );
256 assert.htmlEqual(
257 parser( 'disambiguations-text' ),
258 expectedDisambiguationsText,
259 'Wikilink without pipe'
260 );
261
262 assert.htmlEqual(
263 parser( 'jquerymsg-test-version-entrypoints-index-php' ),
264 expectedEntrypoints,
265 'External link'
266 );
267
268 // Pipe trick is not supported currently, but should not parse as text either.
269 mw.messages.set( 'pipe-trick', '[[Tampa, Florida|]]' );
270 assert.equal(
271 parser( 'pipe-trick' ),
272 'pipe-trick: Parse error at position 0 in input: [[Tampa, Florida|]]',
273 'Pipe trick should return error string.'
274 );
275
276 expectedMultipleBars = '<a title="Main Page" href="/wiki/Main_Page">Main|Page</a>';
277 mw.messages.set( 'multiple-bars', '[[Main Page|Main|Page]]' );
278 assert.htmlEqual(
279 parser( 'multiple-bars' ),
280 expectedMultipleBars,
281 'Bar in anchor'
282 );
283
284 expectedSpecialCharacters = '<a title="&quot;Who&quot; wants to be a millionaire &amp; live on &#039;Exotic Island&#039;?" href="/wiki/%22Who%22_wants_to_be_a_millionaire_%26_live_on_%27Exotic_Island%27%3F">&quot;Who&quot; wants to be a millionaire &amp; live on &#039;Exotic Island&#039;?</a>';
285
286 mw.messages.set( 'special-characters', '[[' + specialCharactersPageName + ']]' );
287 assert.htmlEqual(
288 parser( 'special-characters' ),
289 expectedSpecialCharacters,
290 'Special characters'
291 );
292 } );
293
294 // Tests that {{-transformation vs. general parsing are done as requested
295 QUnit.test( 'Curly brace transformation', 14, function ( assert ) {
296 var formatText, formatParse, oldUserLang;
297
298 oldUserLang = mw.config.get( 'wgUserLanguage' );
299
300 formatText = mw.jqueryMsg.getMessageFunction( {
301 format: 'text'
302 } );
303
304 formatParse = mw.jqueryMsg.getMessageFunction( {
305 format: 'parse'
306 } );
307
308 // When the expected result is the same in both modes
309 function assertBothModes( parserArguments, expectedResult, assertMessage ) {
310 assert.equal( formatText.apply( null, parserArguments ), expectedResult, assertMessage + ' when format is \'text\'' );
311 assert.equal( formatParse.apply( null, parserArguments ), expectedResult, assertMessage + ' when format is \'parse\'' );
312 }
313
314 assertBothModes( ['gender-msg', 'Bob', 'male'], 'Bob: blue', 'gender is resolved' );
315
316 assertBothModes( ['plural-msg', 5], 'Found 5 items', 'plural is resolved' );
317
318 assertBothModes( ['grammar-msg'], 'Przeszukaj ' + mw.config.get( 'wgSiteName' ), 'grammar is resolved' );
319
320 mw.config.set( 'wgUserLanguage', 'en' );
321 assertBothModes( ['formatnum-msg', '987654321.654321'], '987,654,321.654', 'formatnum is resolved' );
322
323 // Test non-{{ wikitext, where behavior differs
324
325 // Wikilink
326 assert.equal(
327 formatText( 'jquerymsg-test-statistics-users' ),
328 mw.messages.get( 'jquerymsg-test-statistics-users' ),
329 'Internal link message unchanged when format is \'text\''
330 );
331 assert.htmlEqual(
332 formatParse( 'jquerymsg-test-statistics-users' ),
333 expectedListUsers,
334 'Internal link message parsed when format is \'parse\''
335 );
336
337 // External link
338 assert.equal(
339 formatText( 'jquerymsg-test-version-entrypoints-index-php' ),
340 mw.messages.get( 'jquerymsg-test-version-entrypoints-index-php' ),
341 'External link message unchanged when format is \'text\''
342 );
343 assert.htmlEqual(
344 formatParse( 'jquerymsg-test-version-entrypoints-index-php' ),
345 expectedEntrypoints,
346 'External link message processed when format is \'parse\''
347 );
348
349 // External link with parameter
350 assert.equal(
351 formatText( 'external-link-replace', 'http://example.com' ),
352 'Foo [http://example.com bar]',
353 'External link message only substitutes parameter when format is \'text\''
354 );
355 assert.htmlEqual(
356 formatParse( 'external-link-replace', 'http://example.com' ),
357 'Foo <a href="http://example.com">bar</a>',
358 'External link message processed when format is \'parse\''
359 );
360
361 mw.config.set( 'wgUserLanguage', oldUserLang );
362 } );
363
364 QUnit.test( 'Int', 4, function ( assert ) {
365 var parser = mw.jqueryMsg.getMessageFunction(),
366 newarticletextSource = 'You have followed a link to a page that does not exist yet. To create the page, start typing in the box below (see the [[{{Int:Helppage}}|help page]] for more info). If you are here by mistake, click your browser\'s back button.',
367 expectedNewarticletext,
368 helpPageTitle = 'Help:Contents';
369
370 mw.messages.set( 'helppage', helpPageTitle );
371
372 expectedNewarticletext = 'You have followed a link to a page that does not exist yet. To create the page, start typing in the box below (see the ' +
373 '<a title="Help:Contents" href="/wiki/Help:Contents">help page</a> for more info). If you are here by mistake, click your browser\'s back button.';
374
375 mw.messages.set( 'newarticletext', newarticletextSource );
376
377 assert.htmlEqual(
378 parser( 'newarticletext' ),
379 expectedNewarticletext,
380 'Link with nested message'
381 );
382
383 assert.equal(
384 parser( 'see-portal-url' ),
385 'Project:Community portal is an important community page.',
386 'Nested message'
387 );
388
389 mw.messages.set( 'newarticletext-lowercase',
390 newarticletextSource.replace( 'Int:Helppage', 'int:helppage' ) );
391
392 assert.htmlEqual(
393 parser( 'newarticletext-lowercase' ),
394 expectedNewarticletext,
395 'Link with nested message, lowercase include'
396 );
397
398 mw.messages.set( 'uses-missing-int', '{{int:doesnt-exist}}' );
399
400 assert.equal(
401 parser( 'uses-missing-int' ),
402 '[doesnt-exist]',
403 'int: where nested message does not exist'
404 );
405 } );
406
407 // Tests that getMessageFunction is used for non-plain messages with curly braces or
408 // square brackets, but not otherwise.
409 QUnit.test( 'mw.Message.prototype.parser monkey-patch', 22, function ( assert ) {
410 var oldGMF, outerCalled, innerCalled;
411
412 mw.messages.set( {
413 'curly-brace': '{{int:message}}',
414 'single-square-bracket': '[https://www.mediawiki.org/ MediaWiki]',
415 'double-square-bracket': '[[Some page]]',
416 'regular': 'Other message'
417 } );
418
419 oldGMF = mw.jqueryMsg.getMessageFunction;
420
421 mw.jqueryMsg.getMessageFunction = function () {
422 outerCalled = true;
423 return function () {
424 innerCalled = true;
425 };
426 };
427
428 function verifyGetMessageFunction( key, format, shouldCall ) {
429 var message;
430 outerCalled = false;
431 innerCalled = false;
432 message = mw.message( key );
433 message[format]();
434 assert.strictEqual( outerCalled, shouldCall, 'Outer function called for ' + key );
435 assert.strictEqual( innerCalled, shouldCall, 'Inner function called for ' + key );
436 }
437
438 verifyGetMessageFunction( 'curly-brace', 'parse', true );
439 verifyGetMessageFunction( 'curly-brace', 'plain', false );
440
441 verifyGetMessageFunction( 'single-square-bracket', 'parse', true );
442 verifyGetMessageFunction( 'single-square-bracket', 'plain', false );
443
444 verifyGetMessageFunction( 'double-square-bracket', 'parse', true );
445 verifyGetMessageFunction( 'double-square-bracket', 'plain', false );
446
447 verifyGetMessageFunction( 'regular', 'parse', false );
448 verifyGetMessageFunction( 'regular', 'plain', false );
449
450 verifyGetMessageFunction( 'jquerymsg-test-pagetriage-del-talk-page-notify-summary', 'plain', false );
451 verifyGetMessageFunction( 'jquerymsg-test-categorytree-collapse-bullet', 'plain', false );
452 verifyGetMessageFunction( 'jquerymsg-test-wikieditor-toolbar-help-content-signature-result', 'plain', false );
453
454 mw.jqueryMsg.getMessageFunction = oldGMF;
455 } );
456
457 formatnumTests = [
458 {
459 lang: 'en',
460 number: 987654321.654321,
461 result: '987,654,321.654',
462 description: 'formatnum test for English, decimal seperator'
463 },
464 {
465 lang: 'ar',
466 number: 987654321.654321,
467 result: '٩٨٧٬٦٥٤٬٣٢١٫٦٥٤',
468 description: 'formatnum test for Arabic, with decimal seperator'
469 },
470 {
471 lang: 'ar',
472 number: '٩٨٧٦٥٤٣٢١٫٦٥٤٣٢١',
473 result: 987654321,
474 integer: true,
475 description: 'formatnum test for Arabic, with decimal seperator, reverse'
476 },
477 {
478 lang: 'ar',
479 number: -12.89,
480 result: '-١٢٫٨٩',
481 description: 'formatnum test for Arabic, negative number'
482 },
483 {
484 lang: 'ar',
485 number: '-١٢٫٨٩',
486 result: -12,
487 integer: true,
488 description: 'formatnum test for Arabic, negative number, reverse'
489 },
490 {
491 lang: 'nl',
492 number: 987654321.654321,
493 result: '987.654.321,654',
494 description: 'formatnum test for Nederlands, decimal seperator'
495 },
496 {
497 lang: 'nl',
498 number: -12.89,
499 result: '-12,89',
500 description: 'formatnum test for Nederlands, negative number'
501 },
502 {
503 lang: 'nl',
504 number: '.89',
505 result: '0,89',
506 description: 'formatnum test for Nederlands'
507 },
508 {
509 lang: 'nl',
510 number: 'invalidnumber',
511 result: 'invalidnumber',
512 description: 'formatnum test for Nederlands, invalid number'
513 },
514 {
515 lang: 'ml',
516 number: '1000000000',
517 result: '1,00,00,00,000',
518 description: 'formatnum test for Malayalam'
519 },
520 {
521 lang: 'ml',
522 number: '-1000000000',
523 result: '-1,00,00,00,000',
524 description: 'formatnum test for Malayalam, negative number'
525 },
526 /*
527 * This will fail because of wrong pattern for ml in MW(different from CLDR)
528 {
529 lang: 'ml',
530 number: '1000000000.000',
531 result: '1,00,00,00,000.000',
532 description: 'formatnum test for Malayalam with decimal place'
533 },
534 */
535 {
536 lang: 'hi',
537 number: '123456789.123456789',
538 result: '१२,३४,५६,७८९',
539 description: 'formatnum test for Hindi'
540 },
541 {
542 lang: 'hi',
543 number: '१२,३४,५६,७८९',
544 result: '१२,३४,५६,७८९',
545 description: 'formatnum test for Hindi, Devanagari digits passed'
546 },
547 {
548 lang: 'hi',
549 number: '१२३४५६,७८९',
550 result: '123456',
551 integer: true,
552 description: 'formatnum test for Hindi, Devanagari digits passed to get integer value'
553 }
554 ];
555
556 QUnit.test( 'formatnum', formatnumTests.length, function ( assert ) {
557 mw.messages.set( 'formatnum-msg', '{{formatnum:$1}}' );
558 mw.messages.set( 'formatnum-msg-int', '{{formatnum:$1|R}}' );
559 $.each( formatnumTests, function ( i, test ) {
560 QUnit.stop();
561 getMwLanguage( test.lang, function ( langClass ) {
562 QUnit.start();
563 if ( !langClass ) {
564 assert.ok( false, 'Language "' + test.lang + '" failed to load' );
565 return;
566 }
567 mw.messages.set(test.message );
568 mw.config.set( 'wgUserLanguage', test.lang ) ;
569 var parser = new mw.jqueryMsg.parser( { language: langClass } );
570 assert.equal(
571 parser.parse( test.integer ? 'formatnum-msg-int' : 'formatnum-msg',
572 [ test.number ] ).html(),
573 test.result,
574 test.description
575 );
576 } );
577 } );
578 } );
579
580 }( mediaWiki, jQuery ) );