mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-12-18 00:30:30 +00:00
506d998767
This patch adds an icon displayed above the cursor inside a template. By clicking it, the template parameters become hidden and replaced by three dots, while the template name remains visible. Clicking the dots will unfold the template. New key bindings include fold (Ctrl-Shift-[/Cmd-Alt-[), unfold (Ctrl-Shift-]/Cmd-Alt-]) and unfoldAll (Ctrl-Alt-]). Bug: T30684 Change-Id: I631fe0ecf21d0a80306bd40d66d22478a1aefe58
55 lines
2.3 KiB
JavaScript
55 lines
2.3 KiB
JavaScript
'use strict';
|
|
|
|
const assert = require( 'assert' ),
|
|
EditPage = require( '../pageobjects/edit.page' ),
|
|
FixtureContent = require( '../fixturecontent' ),
|
|
LoginPage = require( 'wdio-mediawiki/LoginPage' ),
|
|
UserPreferences = require( '../userpreferences' ),
|
|
Util = require( 'wdio-mediawiki/Util' );
|
|
|
|
describe( 'CodeMirror template folding for the wikitext 2010 editor', () => {
|
|
let title, parserFunctionNode;
|
|
|
|
before( async () => {
|
|
title = Util.getTestString( 'CodeMirror-fixture1-' );
|
|
await LoginPage.loginAdmin();
|
|
await FixtureContent.createFixturePage( title );
|
|
await UserPreferences.enableWikitext2010EditorWithCodeMirror();
|
|
await EditPage.openForEditing( title, true );
|
|
await EditPage.wikiEditorToolbar.waitForDisplayed();
|
|
await browser.execute( () => {
|
|
$( '.cm-editor' ).textSelection( 'setContents', '{{foo|1={{bar|{{baz|{{PAGENAME}}}}}}}}' );
|
|
} );
|
|
parserFunctionNode = $( '.cm-mw-parserfunction-name' );
|
|
} );
|
|
|
|
it( 'folds the template parameters via the button', async () => {
|
|
// First make sure the parser function node is visible.
|
|
assert( await parserFunctionNode.waitForDisplayed() );
|
|
// Insert the cursor.
|
|
await browser.execute( () => {
|
|
// Just after the '{{' in '{{PAGENAME}}'
|
|
$( '.cm-editor' ).textSelection( 'setSelection', { start: 22, end: 22 } );
|
|
} );
|
|
await EditPage.codeMirrorTemplateFoldingButton.waitForDisplayed();
|
|
// Fold the template, which should hide the parser function node.
|
|
await EditPage.codeMirrorTemplateFoldingButton.click();
|
|
// The parser function node should be hidden, while the placeholder should be visible.
|
|
assert( await parserFunctionNode.waitForDisplayed( { reverse: true } ) );
|
|
assert( await EditPage.codeMirrorTemplateFoldingPlaceholder.isDisplayedInViewport() );
|
|
} );
|
|
|
|
it( 'expands the template parameters via the button', async () => {
|
|
// Parser function node should be hidden.
|
|
assert( await parserFunctionNode.waitForDisplayed( { reverse: true } ) );
|
|
// Expand the template.
|
|
await EditPage.codeMirrorTemplateFoldingPlaceholder.click();
|
|
// Parser function node should be visible, while the placeholder should be hidden.
|
|
assert( await parserFunctionNode.waitForDisplayed() );
|
|
assert(
|
|
await EditPage.codeMirrorTemplateFoldingPlaceholder
|
|
.waitForDisplayed( { reverse: true } )
|
|
);
|
|
} );
|
|
} );
|