mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-27 10:02:59 +08:00
114 lines
3.0 KiB
JavaScript
114 lines
3.0 KiB
JavaScript
import { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic';
|
|
import { Paragraph } from '@ckeditor/ckeditor5-paragraph';
|
|
import {
|
|
_setModelData as setModelData,
|
|
_getModelData as getModelData
|
|
} from '@ckeditor/ckeditor5-engine';
|
|
|
|
import MermaidSourceViewCommand from '../../src/commands/mermaidSourceViewCommand.js';
|
|
import MermaidEditing from '../../src/mermaidediting.js';
|
|
|
|
/* global document */
|
|
|
|
describe( 'MermaidSourceViewCommand', () => {
|
|
let domElement, editor, model, command;
|
|
|
|
beforeEach( async () => {
|
|
domElement = document.createElement( 'div' );
|
|
document.body.appendChild( domElement );
|
|
|
|
editor = await ClassicEditor.create( domElement, {
|
|
plugins: [
|
|
MermaidEditing,
|
|
Paragraph
|
|
]
|
|
} );
|
|
|
|
model = editor.model;
|
|
|
|
command = new MermaidSourceViewCommand( editor );
|
|
} );
|
|
|
|
afterEach( () => {
|
|
domElement.remove();
|
|
return editor.destroy();
|
|
} );
|
|
|
|
describe( '#value', () => {
|
|
it( 'should be true when mermaid element has displayMode attribute equal to "preview"', () => {
|
|
setModelData( model, '<mermaid displayMode="preview" source="foo"></mermaid>' );
|
|
|
|
expect( command.value ).to.equal( false );
|
|
} );
|
|
|
|
it( 'should be false when mermaid element has displayMode attribute equal to "split"', () => {
|
|
setModelData( model, '<mermaid displayMode="split" source="foo"></mermaid>' );
|
|
|
|
expect( command.value ).to.equal( false );
|
|
} );
|
|
|
|
it( 'should be false when mermaid element has displayMode attribute equal to "source"', () => {
|
|
setModelData( model, '<mermaid displayMode="source" source="foo"></mermaid>' );
|
|
|
|
expect( command.value ).to.equal( true );
|
|
} );
|
|
} );
|
|
|
|
describe( '#isEnabled', () => {
|
|
describe( 'should be false', () => {
|
|
it( 'when text is selected', () => {
|
|
setModelData( model,
|
|
'<paragraph>[foo]</paragraph>' +
|
|
'<mermaid source="flowchart TB\nA --> B\nB --> C"></mermaid>'
|
|
);
|
|
|
|
expect( command.isEnabled ).to.be.false;
|
|
} );
|
|
|
|
it( 'when mermaid is part of the selection', () => {
|
|
setModelData( model,
|
|
'<paragraph>[foo</paragraph>' +
|
|
'<mermaid source="flowchart TB\nA --> B\nB --> C"></mermaid>' +
|
|
'<paragraph>b]az</paragraph>'
|
|
);
|
|
|
|
expect( command.isEnabled ).to.be.false;
|
|
} );
|
|
} );
|
|
|
|
describe( 'should be true', () => {
|
|
it( 'when selection is inside mermaid', () => {
|
|
setModelData( model,
|
|
'<paragraph>foo</paragraph>' +
|
|
'<mermaid source="flowchart TB\nA --> B\nB --> C">[]</mermaid>'
|
|
);
|
|
|
|
expect( command.isEnabled ).to.be.true;
|
|
} );
|
|
|
|
it( 'when mermaid is selected', () => {
|
|
setModelData( model,
|
|
'<paragraph>foo</paragraph>' +
|
|
'[<mermaid source="flowchart TB\nA --> B\nB --> C"></mermaid>]'
|
|
);
|
|
|
|
expect( command.isEnabled ).to.be.true;
|
|
} );
|
|
} );
|
|
} );
|
|
|
|
describe( 'execute()', () => {
|
|
it( 'should add text', () => {
|
|
setModelData( model,
|
|
'[<mermaid displayMode="preview" source="foo"></mermaid>]'
|
|
);
|
|
|
|
command.execute();
|
|
|
|
expect( getModelData( model ) ).to.equal(
|
|
'[<mermaid displayMode="source" source="foo"></mermaid>]'
|
|
);
|
|
} );
|
|
} );
|
|
} );
|