init

public/tinymce/src/plugins/noneditable/test/ts/browser/NonEditablePluginTest.ts

@@ -0,0 +1,50 @@
+import { Pipeline } from '@ephox/agar';
+import { UnitTest } from '@ephox/bedrock';
+import { LegacyUnit, TinyLoader } from '@ephox/mcagar';
+
+import Plugin from 'tinymce/plugins/noneditable/Plugin';
+import Theme from 'tinymce/themes/modern/Theme';
+
+UnitTest.asynctest('browser.tinymce.plugins.noneditable.NonEditablePluginTest', function () {
+  const success = arguments[arguments.length - 2];
+  const failure = arguments[arguments.length - 1];
+  const suite = LegacyUnit.createSuite();
+
+  Plugin();
+  Theme();
+
+  suite.test('noneditable class', function (editor) {
+    editor.setContent('<p><span class="mceNonEditable">abc</span></p>');
+    LegacyUnit.equal(editor.dom.select('span')[0].contentEditable, 'false');
+  });
+
+  suite.test('editable class', function (editor) {
+    editor.setContent('<p><span class="mceEditable">abc</span></p>');
+    LegacyUnit.equal(editor.dom.select('span')[0].contentEditable, 'true');
+  });
+
+  suite.test('noneditable regexp', function (editor) {
+    editor.setContent('<p>{test1}{test2}</p>');
+
+    LegacyUnit.equal(editor.dom.select('span').length, 2);
+    LegacyUnit.equal(editor.dom.select('span')[0].contentEditable, 'false');
+    LegacyUnit.equal(editor.dom.select('span')[1].contentEditable, 'false');
+    LegacyUnit.equal(editor.getContent(), '<p>{test1}{test2}</p>');
+  });
+
+  suite.test('noneditable regexp inside cE=false', function (editor) {
+    editor.setContent('<span contenteditable="false">{test1}</span>');
+    LegacyUnit.equal(editor.dom.select('span').length, 1);
+  });
+
+  TinyLoader.setup(function (editor, onSuccess, onFailure) {
+    Pipeline.async({}, suite.toSteps(editor), onSuccess, onFailure);
+  }, {
+    add_unload_trigger: false,
+    indent: false,
+    noneditable_regexp: [/\{[^\}]+\}/g],
+    plugins: 'noneditable',
+    entities: 'raw',
+    skin_url: '/project/js/tinymce/skins/lightgray'
+  }, success, failure);
+});