jodit 3.8.1 → 3.8.2

package/test/tests/acceptance/interfaceTest.js

@@ -1,119 +0,0 @@
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-
-describe('Test interface', function () {
-	describe('Style values', function () {
-		describe('Set styleValues dictionary', () => {
-			it('Should apply keys of it ass custom properties in CSS in instance', () => {
-				const getKey = (elm, key) =>
-					window
-						.getComputedStyle(elm)
-						.getPropertyValue('--jd-' + key)
-						.trim();
-
-				const editor = getJodit({
-					styleValues: {
-						'color-text': '#F9D90F',
-						colorBorder: '#1AB942',
-						'color-Panel': '#E23DAA'
-					}
-				});
-
-				expect(getKey(editor.container, 'color-text')).eq('#F9D90F');
-				expect(getKey(editor.container, 'color-border')).eq('#1AB942');
-				expect(getKey(editor.container, 'color-panel')).eq('#E23DAA');
-
-				expect(getKey(document.body, 'color-text')).eq('#222222'); // only for instance
-
-				expect(
-					Jodit.modules.Helpers.normalizeColor(
-						window.getComputedStyle(
-							editor.toolbar.container.parentNode
-						).backgroundColor
-					)
-				).eq('#E23DAA'); // only for instance
-			});
-		});
-	});
-
-	describe('About dialog', function () {
-		it('Should contains License element', function () {
-			const editor = getJodit({
-				license: '111',
-				toolbarAdaptive: false
-			});
-
-			const aboutButton = getButton('about', editor);
-
-			expect(aboutButton).is.not.null;
-			simulateEvent('click', 0, aboutButton);
-
-			const dialog = getOpenedDialog(editor);
-
-			expect(dialog).is.not.null;
-
-			expect(dialog.textContent.match(/License:.*(MIT)/)).is.not.null;
-		});
-
-		describe('Set license', function () {
-			it('Should show License in about dialog', function () {
-				const editor = getJodit({
-					license: '12345-67890-12345-67890', // don't use this key - it is wrong
-					toolbarAdaptive: false
-				});
-
-				const aboutButton = getButton('about', editor);
-
-				expect(aboutButton).is.not.null;
-				simulateEvent('click', 0, aboutButton);
-
-				const dialog = getOpenedDialog(editor);
-				expect(dialog).is.not.null;
-
-				expect(dialog.textContent.match(/License:.*(GPL|GNU)/)).is.null;
-
-				expect(
-					dialog.textContent.match(
-						/License: 12345-67-\*\*\*\*\*\*\*\*-\*\*\*\*\*\*\*/
-					)
-				).is.not.null;
-			});
-		});
-	});
-
-	describe('Direction', function () {
-		describe('Set RTL direction', function () {
-			it('Should have RTL direction', function () {
-				const editor = getJodit({
-					direction: 'rtl'
-				});
-
-				expect('rtl').equals(editor.editor.getAttribute('dir'));
-				expect('rtl').equals(editor.container.getAttribute('dir'));
-				expect('rtl').equals(
-					editor.toolbar.container.getAttribute('dir')
-				);
-			});
-		});
-
-		describe('For iframe mode', function () {
-			it('Should have same direction and language', function () {
-				const editor = getJodit({
-					iframe: true,
-					direction: 'rtl',
-					language: 'de'
-				});
-
-				expect('rtl').equals(
-					editor.ed.documentElement.getAttribute('dir')
-				);
-				expect('de').equals(
-					editor.ed.documentElement.getAttribute('lang')
-				);
-			});
-		});
-	});
-});

package/test/tests/acceptance/mobileTest.js

@@ -1,229 +0,0 @@
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-describe('Test mobile mode', function () {
-	getBox().style.width = 'auto';
-
-	describe('Toolbar', function () {
-		it('Should have different count buttons for different container sizes', function () {
-			getBox().style.width = '1000px';
-			const editor = getJodit({
-				buttons: [
-					'source',
-					'|',
-					'bold',
-					'strikethrough',
-					'underline',
-					'italic',
-					'|',
-					'ul',
-					'ol',
-					'|',
-					'outdent',
-					'indent',
-					'|',
-					'font',
-					'fontsize',
-					'brush',
-					'paragraph',
-					'|',
-					'image',
-					'video',
-					'table',
-					'link',
-					'|',
-					'align',
-					'undo',
-					'redo',
-					'|',
-					'hr',
-					'eraser',
-					'copyformat',
-					'|',
-					'symbol',
-					'fullsize',
-					'print',
-					'about'
-				]
-			});
-
-			expect(27).to.be.below(
-				editor.container.querySelectorAll('.jodit-toolbar-button')
-					.length
-			);
-
-			getBox().style.width = '790px';
-			simulateEvent('resize', 0, window);
-
-			expect(28).to.be.above(
-				editor.container.querySelectorAll(
-					'.jodit-toolbar__box .jodit-toolbar-button'
-				).length
-			);
-
-			getBox().style.width = '690px';
-			simulateEvent('resize', 0, window);
-
-			expect(26).to.be.above(
-				editor.container.querySelectorAll(
-					'.jodit-toolbar__box .jodit-toolbar-button'
-				).length
-			);
-
-			getBox().style.width = '390px';
-			simulateEvent('resize', 0, window);
-
-			expect(15).to.be.above(
-				editor.container.querySelectorAll(
-					'.jodit-toolbar__box .jodit-toolbar-button'
-				).length
-			);
-		});
-
-		describe('If buttons were set like string', function () {
-			it('Should have different count buttons for different container sizes', function () {
-				getBox().style.width = '1000px';
-				const editor = getJodit({
-					buttons: 'source,about,print,bold',
-					buttonsMD: 'source,about,print',
-					buttonsSM: 'source,about',
-					buttonsXS: 'source'
-				});
-
-				expect(4).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '790px';
-				simulateEvent('resize', 0, window);
-
-				expect(3).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '690px';
-				simulateEvent('resize', 0, window);
-
-				expect(2).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '390px';
-				simulateEvent('resize', 0, window);
-
-				expect(1).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-			});
-		});
-		describe('Custom media points', function () {
-			it('Should works like as usual', function () {
-				getBox().style.width = '500px';
-
-				const editor = getJodit({
-					buttons: 'source,about,print,bold',
-					buttonsMD: 'source,about,print',
-					buttonsSM: 'source,about',
-					buttonsXS: 'source',
-					minWidth: 100,
-					sizeLG: 400,
-					sizeMD: 300,
-					sizeSM: 200
-				});
-
-				expect(4).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '390px';
-				simulateEvent('resize', 0, window);
-
-				expect(3).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '290px';
-				simulateEvent('resize', 0, window);
-
-				expect(2).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '190px';
-				simulateEvent('resize', 0, window);
-
-				expect(1).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-			});
-		});
-
-		describe('With toolbarAdaptive false', function () {
-			it('Should not change toolbar', function () {
-				getBox().style.width = '500px';
-
-				const editor = getJodit({
-					buttons: 'source,about,print,bold',
-					buttonsMD: 'source,about,print',
-					buttonsSM: 'source,about',
-					buttonsXS: 'source',
-					sizeLG: 400,
-					sizeMD: 300,
-					sizeSM: 200,
-					toolbarAdaptive: false
-				});
-
-				expect(4).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '390px';
-				simulateEvent('resize', 0, window);
-
-				expect(4).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '290px';
-				simulateEvent('resize', 0, window);
-
-				expect(4).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-
-				getBox().style.width = '190px';
-				simulateEvent('resize', 0, window);
-
-				expect(4).equals(
-					editor.container.querySelectorAll(
-						'.jodit-toolbar__box .jodit-toolbar-button'
-					).length
-				);
-			});
-		});
-	});
-});

package/test/tests/acceptance/plugins/classSpan.js

@@ -1,220 +0,0 @@
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-describe('classSpan test', function () {
-	describe('Open className list and select some element', function () {
-		it('Should apply this className to current selection elements', function () {
-			const editor = getJodit({
-				toolbarAdaptive: false,
-				controls: {
-					classSpan: {
-						list: {
-							class1: 'Classe 1',
-							class2: 'Classe 2',
-							class3: 'Classe 3',
-							class4: 'Classe 4',
-							class5: 'Classe 5'
-						}
-					}
-				}
-			});
-
-			const openClassNameList = function () {
-				clickTrigger('classSpan', editor);
-
-				const list = getOpenedPopup(editor);
-
-				return Array.from(list.querySelectorAll('button')).slice(1);
-			};
-
-			expect(openClassNameList()).is.not.null;
-
-			Array.from(openClassNameList()).map(function (classNames) {
-				editor.value = '<p>test</p>';
-				editor.s.select(editor.editor.firstChild.firstChild);
-
-				simulateEvent('click', 0, classNames);
-
-				const className = classNames
-					.querySelector('span[class=jodit-toolbar-button__text]')
-					.querySelector('span[class]')
-					.getAttribute('class');
-
-				expect(sortAttributes(editor.value)).equals(
-					sortAttributes(
-						'<p><span class="' + className + '">test</span></p>'
-					)
-				);
-			});
-		});
-
-		describe('Extends standard classname list', function () {
-			it('Should standart classname list elements', function () {
-				const editor = getJodit({
-					toolbarAdaptive: false,
-					controls: {
-						classSpan: {
-							list: {
-								foo: 'bar'
-							}
-						}
-					}
-				});
-
-				editor.value = '<p>test</p>';
-				editor.s.select(editor.editor.firstChild.firstChild);
-
-				clickTrigger('classSpan', editor);
-
-				const list = getOpenedPopup(editor);
-
-				expect(list).is.not.null;
-
-				const buttons = list.querySelectorAll('button'),
-					className = buttons[buttons.length - 1];
-				simulateEvent('click', 0, className);
-
-				expect(sortAttributes(editor.value)).equals(
-					sortAttributes('<p><span class="foo">test</span></p>')
-				);
-			});
-		});
-	});
-
-	describe('ClassName', function () {
-		describe('State', function () {
-			describe('First click on the button', function () {
-				it('Should open list', function () {
-					const editor = getJodit({
-						toolbarAdaptive: false,
-						controls: {
-							classSpan: {
-								list: {
-									class1: 'Classe 1',
-									class2: 'Classe 2',
-									class3: 'Classe 3',
-									class4: 'Classe 4',
-									class5: 'Classe 5'
-								}
-							}
-						}
-					});
-
-					clickButton('classSpan', editor);
-
-					const popup = getOpenedPopup(editor);
-
-					expect(popup).is.not.null;
-				});
-
-				describe('Second click on the button', function () {
-					it('Should apply previous choice', function () {
-						const editor = getJodit({
-							toolbarAdaptive: false,
-							controls: {
-								classSpan: {
-									list: {
-										class1: 'Classe 1',
-										class2: 'Classe 2',
-										class3: 'Classe 3',
-										class4: 'Classe 4',
-										class5: 'Classe 5'
-									}
-								}
-							}
-						});
-
-						editor.value = 'text2text';
-
-						const range = editor.s.createRange(true);
-
-						range.setStart(editor.editor.firstChild.firstChild, 3);
-						range.setEnd(editor.editor.firstChild.firstChild, 6);
-
-						clickButton('classSpan', editor);
-
-						const popup = getOpenedPopup(editor);
-
-						expect(popup).is.not.null;
-
-						clickButton('class3', popup);
-
-						expect(editor.value).equals(
-							'<p>tex<span class="class3">t2t</span>ext</p>'
-						);
-
-						const range2 = editor.s.createRange(true);
-
-						range2.setStartAfter(editor.editor.firstChild);
-
-						clickButton('classSpan', editor);
-
-						const popup2 = getOpenedPopup(editor);
-
-						expect(popup2).is.null;
-
-						expect(editor.value).equals(
-							'<p>tex<span class="class3">t2t</span>ext</p><p><span class="class3"></span></p>'
-						);
-					});
-				});
-			});
-		});
-	});
-
-	describe('Active', function () {
-		describe('In list', function () {
-			describe('ClassSpan button', function () {
-				it('Should be activated then element has some className', function () {
-					const editor = getJodit({
-						toolbarAdaptive: false,
-						observer: {
-							timeout: 0
-						},
-						controls: {
-							classSpan: {
-								list: {
-									class1: 'Classe 1',
-									class2: 'Classe 2',
-									class3: 'Classe 3',
-									class4: 'Classe 4',
-									class5: 'Classe 5'
-								}
-							}
-						}
-					});
-
-					editor.value =
-						'<p>test<span class="class3">bold</span></p>';
-					editor.s.focus();
-
-					const p = editor.editor.firstChild;
-					const className = getButton('classSpan', editor);
-
-					expect(className).is.not.null;
-
-					editor.s.setCursorAfter(p.firstChild);
-					simulateEvent('mousedown', 0, p);
-					expect(className.getAttribute('aria-pressed')).equals(
-						'false'
-					);
-
-					editor.s.setCursorIn(p.lastChild);
-
-					simulateEvent('mousedown', 0, p);
-
-					clickTrigger('classSpan', editor);
-
-					const popup = getOpenedPopup(editor);
-
-					const class3 = popup.querySelector('[class*=class3]');
-
-					expect(class3).does.not.equal(className);
-					expect(class3.hasAttribute('aria-pressed')).is.true;
-				});
-			});
-		});
-	});
-});