mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-12-13 14:48:16 +00:00
4d2783eb3e
Bug: T169592 Change-Id: I0750d3a320af5451f847e6062f82523fb18f12bc
139 lines
14 KiB
JavaScript
139 lines
14 KiB
JavaScript
/**
|
|
* MediaWiki CodeMirror tests.
|
|
*/
|
|
|
|
( function ( $, mw ) {
|
|
/**
|
|
* Keys are the titles of the test cases. Each has an 'input' and the expected 'output'.
|
|
* @type {Object}
|
|
*/
|
|
var config = mw.config.get( 'extCodeMirrorConfig' ),
|
|
testCases = [
|
|
{
|
|
title: 'p tags, extra closing tag',
|
|
input: 'this is <p><div>content</p></p>',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">this is <span class="cm-mw-htmltag-bracket"><</span><span class="cm-mw-htmltag-name">p</span><span class="cm-mw-htmltag-bracket">><</span><span class="cm-mw-htmltag-name">div</span><span class="cm-mw-htmltag-bracket">></span>content<span class="cm-error"></p</span>><span class="cm-mw-htmltag-bracket"></</span><span class="cm-mw-htmltag-name">p</span><span class="cm-mw-htmltag-bracket">></span></span></pre>'
|
|
},
|
|
{
|
|
title: 'indented table with caption and inline headings',
|
|
input: ' ::{| class="wikitable"\n |+ Caption\n |-\n ! Uno !! Dos\n |-\n | Foo || Bar\n |}',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-indenting"> ::</span><span class="cm-mw-table-bracket">{| </span><span class="cm-mw-table-definition">class="wikitable"</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-table-delimiter"> |+ </span><span class="cm-mw-table-caption">Caption</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-table-delimiter"> |-</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-table-delimiter"> ! </span><span class="cm-strong">Uno </span><span class="cm-mw-table-delimiter">!!</span><span class="cm-strong"> Dos</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-table-delimiter"> |-</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-table-delimiter"> | </span>Foo <span class="cm-mw-table-delimiter">||</span> Bar</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-table-bracket"> |}</span></span></pre>'
|
|
},
|
|
{
|
|
title: 'apostrophe before italic',
|
|
input: 'plain l\'\'\'italic\'\'plain',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">plain l\'<span class="cm-mw-apostrophes-italic">\'\'</span><span class=" cm-em">italic</span><span class="cm-mw-apostrophes-italic">\'\'</span>plain</span></pre>'
|
|
},
|
|
{
|
|
title: 'free external links',
|
|
input: 'https://wikimedia.org [ftp://foo.bar FOO] //archive.org',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-free-extlink-protocol">https://</span><span class="cm-mw-free-extlink">wikimedia.org</span> <span class="cm-mw-link-ground cm-mw-extlink-bracket">[</span><span class="cm-mw-link-ground cm-mw-extlink-protocol">ftp://</span><span class="cm-mw-link-ground cm-mw-extlink">foo.bar</span><span class="cm-mw-link-ground "> </span><span class="cm-mw-link-ground cm-mw-extlink-text">FOO</span><span class="cm-mw-link-ground cm-mw-extlink-bracket">]</span> //archive.org</span></pre>'
|
|
},
|
|
{
|
|
title: 'void tags',
|
|
input: 'a<br>b</br>c a<div>b<br>c</div>d',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">a<span class="cm-mw-htmltag-bracket"><</span><span class="cm-mw-htmltag-name">br</span><span class="cm-mw-htmltag-bracket">></span>b<span class="cm-error"></br</span>>c a<span class="cm-mw-htmltag-bracket"><</span><span class="cm-mw-htmltag-name">div</span><span class="cm-mw-htmltag-bracket">></span>b<span class="cm-mw-htmltag-bracket"><</span><span class="cm-mw-htmltag-name">br</span><span class="cm-mw-htmltag-bracket">></span>c<span class="cm-mw-htmltag-bracket"></</span><span class="cm-mw-htmltag-name">div</span><span class="cm-mw-htmltag-bracket">></span>d</span></pre>'
|
|
},
|
|
{
|
|
title: 'magic words',
|
|
input: '__NOTOC__',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-doubleUnderscore">__NOTOC__</span></span></pre>'
|
|
},
|
|
{
|
|
title: 'nowiki',
|
|
input: '<nowiki>{{foo}}<p> </div> {{{</nowiki>',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-exttag-bracket cm-mw-ext-nowiki"><</span><span class="cm-mw-exttag-name cm-mw-ext-nowiki">nowiki</span><span class="cm-mw-exttag-bracket cm-mw-ext-nowiki">></span><span class="cm-mw-tag-nowiki cm-mw-tag-nowiki">{{foo}}<p> </div> {{{</span><span class="cm-mw-exttag-bracket cm-mw-ext-nowiki"></</span><span class="cm-mw-exttag-name cm-mw-ext-nowiki">nowiki</span><span class="cm-mw-exttag-bracket cm-mw-ext-nowiki">></span></span></pre>'
|
|
},
|
|
{
|
|
title: 'ref tag with cite web, extraneous curly braces',
|
|
input: '<ref>{{cite web|2=foo}}}}</ref>',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-exttag-bracket cm-mw-ext-ref"><</span><span class="cm-mw-exttag-name cm-mw-ext-ref">ref</span><span class="cm-mw-exttag-bracket cm-mw-ext-ref">></span><span class="cm-mw-tag-ref cm-mw-template-ground cm-mw-template-bracket">{{</span><span class="cm-mw-tag-ref cm-mw-template-ground cm-mw-template-name cm-mw-pagename">cite web</span><span class="cm-mw-tag-ref cm-mw-template-ground cm-mw-template-delimiter">|</span><span class="cm-mw-tag-ref cm-mw-template-ground cm-mw-template-argument-name">2=</span><span class="cm-mw-tag-ref cm-mw-template-ground cm-mw-template">foo</span><span class="cm-mw-tag-ref cm-mw-template-ground cm-mw-template-bracket">}}</span><span class="cm-mw-tag-ref ">}}</span><span class="cm-mw-exttag-bracket cm-mw-ext-ref"></</span><span class="cm-mw-exttag-name cm-mw-ext-ref">ref</span><span class="cm-mw-exttag-bracket cm-mw-ext-ref">></span></span></pre>'
|
|
},
|
|
{
|
|
title: 'template with params and parser function',
|
|
input: '{{foo|1=bar|2={{{param|blah}}}|{{#if:{{{3|}}}|yes|no}}}}',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-template-ground cm-mw-template-bracket">{{</span><span class="cm-mw-template-ground cm-mw-template-name cm-mw-pagename">foo</span><span class="cm-mw-template-ground cm-mw-template-delimiter">|</span><span class="cm-mw-template-ground cm-mw-template-argument-name">1=</span><span class="cm-mw-template-ground cm-mw-template">bar</span><span class="cm-mw-template-ground cm-mw-template-delimiter">|</span><span class="cm-mw-template-ground cm-mw-template-argument-name">2=</span><span class="cm-mw-template-ground cm-mw-templatevariable-bracket">{{{</span><span class="cm-mw-template-ground cm-mw-templatevariable-name">param</span><span class="cm-mw-template-ground cm-mw-templatevariable-delimiter">|</span><span class="cm-mw-template-ground cm-mw-templatevariable">blah</span><span class="cm-mw-template-ground cm-mw-templatevariable-bracket">}}}</span><span class="cm-mw-template-ground cm-mw-template-delimiter">|</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction-bracket">{{</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction-name">#if</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction-delimiter">:</span><span class="cm-mw-template-ext-ground cm-mw-templatevariable-bracket">{{{</span><span class="cm-mw-template-ext-ground cm-mw-templatevariable-name">3</span><span class="cm-mw-template-ext-ground cm-mw-templatevariable-delimiter">|</span><span class="cm-mw-template-ext-ground cm-mw-templatevariable-bracket">}}}</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction-delimiter">|</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction">yes</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction-delimiter">|</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction">no</span><span class="cm-mw-template-ext-ground cm-mw-parserfunction-bracket">}}</span><span class="cm-mw-template-ground cm-mw-template-bracket">}}</span></span></pre>'
|
|
},
|
|
{
|
|
title: 'section headings',
|
|
input: '== My section ==\nFoo bar\n=== Blah ===\nBaz',
|
|
output: '<pre class=" cm-mw-section-2 CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-section-header">==</span> My section <span class="cm-mw-section-header">==</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">Foo bar</span></pre><pre class=" cm-mw-section-3 CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-section-header">===</span> Blah <span class="cm-mw-section-header">===</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">Baz</span></pre>'
|
|
},
|
|
{
|
|
title: 'bullets and numbering, with invalid leading spacing',
|
|
input: '* bullet A\n* bullet B\n# one\n # two',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-list">*</span> bullet A</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-list">*</span> bullet B</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-list">#</span> one</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-skipformatting"> </span># two</span></pre>'
|
|
},
|
|
{
|
|
title: 'link with bold text',
|
|
input: '[[Link title|\'\'\'bold link\'\'\']]',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-link-ground cm-mw-link-bracket">[[</span><span class="cm-mw-link-ground cm-mw-link-pagename cm-mw-pagename">Link title</span><span class="cm-mw-link-ground cm-mw-link-delimiter">|</span><span class="cm-mw-link-ground cm-mw-link-text cm-mw-apostrophes">\'\'\'</span><span class="cm-mw-link-ground cm-mw-link-text cm-strong">bold link</span><span class="cm-mw-link-ground cm-mw-link-text cm-mw-apostrophes">\'\'\'</span><span class="cm-mw-link-ground cm-mw-link-bracket">]]</span></span></pre>'
|
|
},
|
|
{
|
|
title: 'horizontal rule',
|
|
input: 'One\n----\nTwo',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">One</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-hr">----</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">Two</span></pre>'
|
|
},
|
|
{
|
|
title: 'comments',
|
|
input: '<!-- foo [[bar]] {{{param}}} -->',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-mw-comment"><!-- foo [[bar]] {{{param}}} --></span></span></pre>'
|
|
},
|
|
{
|
|
title: 'signatures',
|
|
input: 'my sig ~~~ ~~~~ ~~~~~~~',
|
|
output: '<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">my sig <span class="cm-mw-signature">~~~</span> <span class="cm-mw-signature">~~~~</span> <span class="cm-mw-signature">~~~~~</span>~~</span></pre>'
|
|
}
|
|
];
|
|
|
|
QUnit.module( 'ext.CodeMirror.mediawiki.test', QUnit.newMwEnvironment() );
|
|
|
|
/**
|
|
* For some reason in QUnit we have to make the textarea, and supply it with the
|
|
* wikitext prior to initializing CodeMirror. So this function will do this and
|
|
* destroy CodeMirror after the test has completed, so that we have a clean slate
|
|
* for the next iteration.
|
|
* @param {String} wikitext
|
|
* @param {Function} callback Ran after CodeMirror has been initialized.
|
|
*/
|
|
function setup( wikitext, callback ) {
|
|
var $textarea = $( '<textarea>' );
|
|
|
|
$textarea.val( wikitext );
|
|
$( 'body' ).append( $textarea );
|
|
|
|
CodeMirror.fromTextArea( $textarea[ 0 ], {
|
|
mwConfig: config,
|
|
lineWrapping: true,
|
|
readOnly: false,
|
|
mode: 'text/mediawiki',
|
|
inputStyle: 'contenteditable',
|
|
viewportMargin: Infinity
|
|
} );
|
|
|
|
callback();
|
|
|
|
// Tear down.
|
|
$textarea.remove();
|
|
$( '.CodeMirror-code' ).remove();
|
|
}
|
|
|
|
testCases.forEach( function ( testCase ) {
|
|
QUnit.test( 'Syntax highlighting: ' + testCase.title, function ( assert ) {
|
|
return mw.loader.using( config.pluginModules ).then( function () {
|
|
setup( testCase.input, function () {
|
|
assert.strictEqual(
|
|
$( '.CodeMirror-code' ).html(),
|
|
|
|
// HACK: for some browsers these inline styles are apparently
|
|
// programmatically added. We need to strip them out to ensure
|
|
// tests pass across all clients.
|
|
testCase.output.replace( / style=\\"padding-right: 0.1px;\\"/g, '' ),
|
|
'Textarea contents'
|
|
);
|
|
} );
|
|
} );
|
|
} );
|
|
} );
|
|
}( jQuery, mediaWiki ) );
|