mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-11-24 06:13:31 +00:00
880c690a10
Add a new $wgCodeMirrorV6 temporary feature flag that when enabled, will load the 'ext.CodeMirror.v6.WikiEditor' module that is built against CodeMirror 6. You can also pass in the ?cm6enable=1 query parameter to force use of CodeMirror 6. This is currently only implemented for the 2010 editor. Due to packaging constraints with CodeMirror 6, we now use Webpack to bundle the files, which are then used by ResourceLoader. This is similar to what is done for Extension:Popups, MobileFrontend, among other extensions. A new generic class CodeMirror can be used on other areas where syntax highlighting is desirable, but not necessarily for editing (i.e. without WikiEditor). This commit merely lays the foundation for CodeMirror 6 and updates WikiEditor to use it. The actual MediaWiki syntax highlighting will come with a future commit. With the new Webpack build, the Gruntfile was removed and the tasks moved to npm commands. Bug: T317243 Change-Id: I2239d2449b2db3b638551f847eb4eff1aafa6276
56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
mw.loader = {
|
|
getState: jest.fn().mockReturnValue( '1' )
|
|
};
|
|
|
|
const CodeMirrorWikiEditor = require( '../../src/codemirror.wikieditor.js' ).default,
|
|
$textarea = $( '<textarea>' )
|
|
.text( 'The Smashing Pumpkins' ),
|
|
cmWe = new CodeMirrorWikiEditor( $textarea );
|
|
|
|
beforeEach( () => {
|
|
// Simulate the button that enables/disables CodeMirror as WikiEditor doesn't exist here.
|
|
const btn = document.createElement( 'span' );
|
|
btn.id = 'mw-editbutton-codemirror';
|
|
btn.classList.add( 'tool' );
|
|
btn.setAttribute( 'rel', 'CodeMirror' );
|
|
document.body.appendChild( btn );
|
|
|
|
// Add WikiEditor context to the textarea.
|
|
cmWe.$textarea.data = jest.fn().mockReturnValue( {
|
|
modules: {
|
|
toolbar: {
|
|
$toolbar: $( btn )
|
|
}
|
|
}
|
|
} );
|
|
|
|
// Initialize CodeMirror.
|
|
cmWe.initialize();
|
|
} );
|
|
|
|
describe( 'addCodeMirrorToWikiEditor', () => {
|
|
cmWe.$textarea.wikiEditor = jest.fn();
|
|
|
|
it( 'should add the button to the toolbar', () => {
|
|
cmWe.addCodeMirrorToWikiEditor();
|
|
expect( cmWe.$textarea.wikiEditor ).toHaveBeenCalledWith(
|
|
'addToToolbar',
|
|
expect.objectContaining( {
|
|
groups: { codemirror: expect.any( Object ) }
|
|
} )
|
|
);
|
|
} );
|
|
} );
|
|
|
|
describe( 'updateToolbarButton', () => {
|
|
it( 'should update the toolbar button based on the current CodeMirror state', () => {
|
|
const btn = document.getElementById( 'mw-editbutton-codemirror' );
|
|
cmWe.setCodeMirrorPreference( false );
|
|
cmWe.updateToolbarButton();
|
|
expect( btn.classList.contains( 'mw-editbutton-codemirror-active' ) ).toBeFalsy();
|
|
cmWe.setCodeMirrorPreference( true );
|
|
cmWe.updateToolbarButton();
|
|
expect( btn.classList.contains( 'mw-editbutton-codemirror-active' ) ).toBeTruthy();
|
|
} );
|
|
} );
|