/** * 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

content

', output: '

this is <p><div>content</p></p>

' }, { title: 'indented table with caption and inline headings', input: ' ::{| class="wikitable"\n |+ Caption\n |-\n ! Uno !! Dos\n |-\n | Foo || Bar\n |}', output: '

 ::{| class="wikitable"

 |+ Caption

|-

 ! Uno !! Dos

|-

 | Foo || Bar

|}

' }, { title: 'apostrophe before italic', input: 'plain l\'\'\'italic\'\'plain', output: '

plain l\'\'\'italic\'\'plain

' }, { title: 'free external links', input: 'https://wikimedia.org [ftp://foo.bar FOO] //archive.org', output: '

https://wikimedia.org [ftp://foo.bar FOO] //archive.org

' }, { title: 'void tags', input: 'a
b
c a

b
c

d', output: '

a<br>b</br>c a<div>b<br>c</div>d

' }, { title: 'magic words', input: '__NOTOC__', output: '

__NOTOC__

' }, { title: 'nowiki', input: '{{foo}}

{{{', output: '

<nowiki>{{foo}}<p> </div> {{{</nowiki>

' }, { title: 'ref tag with cite web, extraneous curly braces', input: '{{cite web|2=foo}}}}', output: '

<ref>{{cite web|2=foo}}}}</ref>

' }, { title: 'template with params and parser function', input: '{{foo|1=bar|2={{{param|blah}}}|{{#if:{{{3|}}}|yes|no}}}}', output: '

{{foo|1=bar|2={{{param|blah}}}|{{#if:{{{3|}}}|yes|no}}}}

' }, { title: 'section headings', input: '== My section ==\nFoo bar\n=== Blah ===\nBaz', output: '

== My section ==

Foo bar

=== Blah ===

Baz

' }, { title: 'bullets and numbering, with invalid leading spacing', input: '* bullet A\n* bullet B\n# one\n # two', output: '

* bullet A

* bullet B

# one

 # two

' }, { title: 'link with bold text', input: '[[Link title|\'\'\'bold link\'\'\']]', output: '

[[Link title|\'\'\'bold link\'\'\']]

' }, { title: 'horizontal rule', input: 'One\n----\nTwo', output: '

One

----

Two

' }, { title: 'comments', input: '', output: '

<!-- foo [[bar]] {{{param}}} -->

' }, { title: 'signatures', input: 'my sig ~~~ ~~~~ ~~~~~~~', output: '

my sig ~~~ ~~~~ ~~~~~~~

' } ]; 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.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 ) );