jodit/test/tests/acceptance/creatorTest.js

Jodit is awesome and usefully wysiwyg editor with filebrowser

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Released under MIT see LICENSE.txt in the project root for license information.
 * Copyright (c) 2013-2020 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
 */
describe('Test Creator module', function() {
	describe('Create inside element', function() {
		it('Should be different in iframe mode', function() {
			const editor1 = getJodit();
			const editor2 = Jodit.make(appendTestArea(), {iframe: true});

			const div1 = editor1.createInside.div();
			expect(div1.ownerDocument).equals(document);

			const div2 = editor2.createInside.div();
			expect(div2.ownerDocument).does.not.equal(document);
			expect(div2.ownerDocument).equals(editor2.ed);

			const div3 = editor2.create.div();
			expect(div3.ownerDocument).equals(document);
		});
	});

	describe('createAttributes', function() {
		it('Should add to every nodes some attributes', function() {
			const editor = getJodit();
			const div = editor.createInside.div();
			expect(div.className).equals('');

			const editor2 = Jodit.make(appendTestArea(), {
				createAttributes: {
					strong: function (elm) {
						elm.setAttribute('test', 'true');
					},
					p: {
						'data-attr': 'stop'
					},
					div: {
						class: 'test'
					},
					ul: function (ul) {
						ul.classList.add('ui-test');
					}
				}
			});

			const div2 = editor2.createInside.div();
			expect(div2.className).equals('test');

			const ul = editor2.createInside.element('ul');
			expect(ul.className).equals('ui-test');

			editor2.value = 'test';
			editor2.s.setCursorAfter(editor2.editor.firstChild);
			simulateEvent('keydown', 13, editor2.editor);

			expect(editor2.value).equals('<p data-attr="stop">test</p><p data-attr="stop"><br></p>');

			editor2.value = 'test';
			editor2.s.select(editor2.editor.firstChild);
			editor2.execCommand('bold');

			expect(editor2.value).equals('<p data-attr="stop"><strong test="true">test</strong></p>');
		});
	});
});