jodit 3.8.1 → 3.8.2

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

@@ -1,172 +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('Drag and drop element inside Editor', function () {
-	['mousedown|mousemove|mouseup', 'touchstart|touchmove|touchend']
-		.map(function (item) {
-			return item.split('|');
-		})
-		.forEach(function (events) {
-			describe(
-				events[0] + ' and move image inside the editor',
-				function () {
-					it('Should ' + events[1] + ' dom element', function () {
-						const editor = getJodit();
-						editor.value =
-							'<p>1111</p>' +
-							'<p>2222</p>' +
-							'<img style="width: 100px" src="https://xdsoft.net/jodit/build/images/artio.jpg" alt="">' +
-							'<p>3333</p>' +
-							'<p>4444</p>';
-
-						simulateEvent(
-							events[0],
-							0,
-							editor.editor.getElementsByTagName('img')[0]
-						);
-
-						window.scrollTo(0, 1000000);
-
-						const box = Jodit.modules.Helpers.position(
-							editor.editor.querySelectorAll('p')[1],
-							editor
-						);
-
-						simulateEvent(
-							events[1],
-							0,
-							editor.editor,
-							function (options) {
-								options.clientX = box.left + 15;
-								options.clientY = box.top + 5;
-							}
-						);
-
-						simulateEvent(
-							events[2],
-							0,
-							editor.editor,
-							function (options) {
-								options.clientX = box.left + 15;
-								options.clientY = box.top + 5;
-							}
-						);
-
-						const result =
-							'<p>1111</p>' +
-							'<p>22<img alt="" src="https://xdsoft.net/jodit/build/images/artio.jpg" style="width:100px">22</p>' +
-							'<p>3333</p>' +
-							'<p>4444</p>';
-
-						expect(
-							sortAttributes(editor.value).replace(/2+/g, '2')
-						).equals(result.replace(/2+/g, '2'));
-					});
-				}
-			);
-
-			describe(events[1] + ' image inside anchor', function () {
-				it('Should ' + events[1] + ' anchor with image', function () {
-					const editor = getJodit();
-
-					editor.value =
-						'<p>1111</p>' +
-						'<p>2222</p>' +
-						'<a href="#test"><img style="width: 100px" src="https://xdsoft.net/jodit/build/images/artio.jpg" alt=""></a>' +
-						'<p>3333</p>' +
-						'<p>4444</p>';
-
-					simulateEvent(
-						events[0],
-						0,
-						editor.editor.getElementsByTagName('img')[0]
-					);
-
-					window.scrollTo(0, 1000000);
-
-					const box = Jodit.modules.Helpers.position(
-						editor.editor.querySelectorAll('p')[1],
-						editor
-					);
-
-					simulateEvent(
-						events[1],
-						0,
-						editor.editor,
-						function (options) {
-							options.clientX = box.left + 15;
-							options.clientY = box.top + 5;
-						}
-					);
-
-					simulateEvent(
-						events[2],
-						0,
-						editor.editor,
-						function (options) {
-							options.clientX = box.left + 20;
-							options.clientY = box.top + 5;
-						}
-					);
-
-					expect(editor.value.replace(/2+/g, '2')).equals(
-						'<p>1111</p><p>22<a href="#test"><img style="width: 100px" src="https://xdsoft.net/jodit/build/images/artio.jpg" alt=""></a>22</p><p>3333</p><p>4444</p>'.replace(
-							/2+/g,
-							'2'
-						)
-					);
-				});
-			});
-
-			describe('Disable dragging', function () {
-				it('Should not move image', function () {
-					const editor = getJodit({
-						draggableTags: []
-					});
-
-					const defaultValue =
-						'<p>1111</p>' +
-						'<p>2222</p>' +
-						'<p><a href="#test"><img style="width: 100px" src="https://xdsoft.net/jodit/build/images/artio.jpg" alt=""></a></p>' +
-						'<p>3333</p>' +
-						'<p>4444</p>';
-
-					editor.value = defaultValue;
-
-					simulateEvent(
-						events[0],
-						0,
-						editor.editor.getElementsByTagName('img')[0]
-					);
-
-					const box = Jodit.modules.Helpers.position(
-						editor.editor.querySelectorAll('p')[1],
-						editor
-					);
-
-					simulateEvent(
-						events[1],
-						0,
-						editor.editor,
-						function (options) {
-							options.clientX = box.left + 15;
-							options.clientY = box.top + 5;
-						}
-					);
-					simulateEvent(
-						events[2],
-						0,
-						editor.editor,
-						function (options) {
-							options.clientX = box.left + 20;
-							options.clientY = box.top + 5;
-						}
-					);
-
-					expect(editor.value).equals(defaultValue);
-				});
-			});
-		});
-});

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

@@ -1,115 +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('Focus test', () => {
-	describe('Enable autofocus', () => {
-		it('Should set focus inside editor after init', () => {
-			const editor = getJodit({
-				autofocus: true,
-				observer: {
-					defaultTimeout: 0
-				}
-			});
-
-			expect(editor.ew.getSelection().getRangeAt(0).startContainer).eq(
-				editor.editor
-			);
-		});
-
-		describe('Cursor position', () => {
-			describe('By default', () => {
-				it('Should set cursor after content', () => {
-					const area = appendTestArea();
-
-					area.value = '<p>test <span>text</span></p>';
-
-					const editor = getJodit(
-						{
-							autofocus: true,
-							observer: {
-								defaultTimeout: 0
-							}
-						},
-						area
-					);
-
-					editor.s.insertHTML('pop');
-
-					expect(editor.value).eq('<p>test <span>textpop</span></p>');
-				});
-			});
-
-			describe('In the start', () => {
-				it('Should set cursor before content', () => {
-					const area = appendTestArea();
-
-					area.value = '<p>test <span>text</span></p>';
-
-					const editor = getJodit(
-						{
-							autofocus: true,
-							cursorAfterAutofocus: 'start',
-							observer: {
-								defaultTimeout: 0
-							}
-						},
-						area
-					);
-
-					editor.s.insertHTML('pop');
-
-					expect(editor.value).eq('<p>poptest <span>text</span></p>');
-				});
-			});
-		});
-	});
-
-	describe('Save cursor position after blur', () => {
-		describe('Enable', () => {
-			it('Should append special markers on selection range', () => {
-				const editor = getJodit();
-				editor.value = '<p>t|es|t</p>';
-				setCursorToChar(editor);
-				simulateEvent('blur', editor);
-
-				expect(
-					editor.editor.querySelectorAll(
-						'span[data-jodit-selection_marker]'
-					).length
-				).eq(2);
-
-				expect(
-					sortAttributes(editor.getNativeEditorValue()).replace(
-						/[0-9]+_[0-9]+/g,
-						''
-					)
-				).eq(
-					'<p>t' +
-						'<span data-jodit-selection_marker="start" id="jodit-selection_marker_" style="display:none;line-height:0"></span>' +
-						'es' +
-						'<span data-jodit-selection_marker="end" id="jodit-selection_marker_" style="display:none;line-height:0"></span>' +
-						't</p>'
-				);
-			});
-		});
-
-		describe('Disable', () => {
-			it('Should not append special markers on selection range', () => {
-				const editor = getJodit({
-					saveSelectionOnBlur: false
-				});
-				editor.value = '<p>t|es|t</p>';
-				setCursorToChar(editor);
-				simulateEvent('blur', editor);
-
-				expect(
-					editor.editor.querySelectorAll(
-						'span[data-jodit-selection_marker]'
-					).length
-				).eq(0);
-			});
-		});
-	});
-});

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

@@ -1,316 +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('Font test', function () {
-	describe('FontName', function () {
-		describe('Open fontname list and select some element', function () {
-			it('Should apply this font to current selection elements', function () {
-				const editor = getJodit({
-					toolbarAdaptive: false
-				});
-
-				editor.value = '<p>test</p>';
-				editor.s.select(editor.editor.firstChild.firstChild);
-
-				const openFontNameList = function () {
-					clickTrigger('font', editor);
-
-					const list = getOpenedPopup(editor);
-
-					return Array.from(list.querySelectorAll('button')).slice(1);
-				};
-
-				expect(openFontNameList()).is.not.null;
-
-				Array.from(openFontNameList()).map(function (font) {
-					simulateEvent('click', 0, font);
-
-					const fontFamily = font
-						.querySelector('span[style]')
-						.getAttribute('style')
-						.replace(/"/g, "'");
-
-					expect(sortAttributes(editor.value)).equals(
-						sortAttributes(
-							'<p><span style="' +
-								fontFamily.replace('!important', '') +
-								'">test</span></p>'
-						)
-					);
-				});
-			});
-
-			describe('Extends standard font list', function () {
-				it('Should standart font list elements', function () {
-					const editor = getJodit({
-						toolbarAdaptive: false,
-						controls: {
-							font: {
-								list: {
-									"-apple-system,BlinkMacSystemFont,'Segoe WPC','Segoe UI',HelveticaNeue-Light,Ubuntu,'Droid Sans',sans-serif":
-										'OS System Font'
-								}
-							}
-						}
-					});
-
-					editor.value = '<p>test</p>';
-					editor.s.select(editor.editor.firstChild.firstChild);
-
-					clickTrigger('font', editor);
-
-					const list = getOpenedPopup(editor);
-
-					expect(list).is.not.null;
-
-					const buttons = list.querySelectorAll('button'),
-						font = buttons[0];
-
-					simulateEvent('click', font);
-
-					expect(sortAttributes(editor.value)).equals(
-						sortAttributes(
-							"<p><span style=\"font-family:-apple-system,BlinkMacSystemFont,'Segoe WPC','Segoe UI',HelveticaNeue-Light,Ubuntu,'Droid Sans',sans-serif\">test</span></p>"
-						)
-					);
-				});
-			});
-		});
-	});
-
-	describe('Change font-family and fomt-size in same time', function () {
-		it('should save font-size after font-family', function () {
-			const editor = getJodit();
-
-			clickTrigger('fontsize', editor);
-			const list = getOpenedPopup(editor);
-
-			clickButton('10', list);
-			editor.s.insertHTML('test');
-
-			expect(editor.value).equals(
-				'<p><span style="font-size: 10px;">test</span></p>'
-			);
-
-			clickTrigger('font', editor);
-			const list2 = getOpenedPopup(editor);
-
-			clickButton('Impact_Charcoal_sans_serif', list2);
-			editor.s.insertHTML('stop');
-
-			expect(sortAttributes(editor.value)).equals(
-				'<p><span style="font-size:10px">test' +
-					'<span style="font-family:Impact,Charcoal,sans-serif">stop</span></span></p>'
-			);
-		});
-	});
-
-	['pt', 'px'].forEach(function (point) {
-		describe('Font size:' + point, function () {
-			describe('State', function () {
-				describe('First click on the button', function () {
-					it('Should open list', function () {
-						const editor = getJodit({
-							defaultFontSizePoints: point
-						});
-
-						clickButton('fontsize', 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({
-								defaultFontSizePoints: point
-							});
-
-							editor.value = 'text2text';
-
-							const range = editor.s.createRange(true);
-
-							range.setStart(
-								editor.editor.firstChild.firstChild,
-								3
-							);
-							range.setEnd(
-								editor.editor.firstChild.firstChild,
-								6
-							);
-
-							clickButton('fontsize', editor);
-
-							const popup = getOpenedPopup(editor);
-
-							expect(popup).is.not.null;
-
-							clickButton('8', popup);
-
-							expect(sortAttributes(editor.value)).equals(
-								'<p>tex<span style="font-size:8' +
-									point +
-									'">t2t</span>ext</p>'
-							);
-
-							const range2 = editor.s.createRange(true);
-
-							range2.setStartAfter(editor.editor.firstChild);
-
-							clickButton('fontsize', editor);
-
-							const popup2 = getOpenedPopup(editor);
-
-							expect(popup2).is.null;
-
-							expect(editor.value).equals(
-								'<p>tex<span style="font-size: 8' +
-									point +
-									';">t2t</span>ext</p><p><span style="font-size: 8' +
-									point +
-									';"></span></p>'
-							);
-						});
-					});
-				});
-			});
-		});
-	});
-
-	describe('Font family', function () {
-		describe('State', function () {
-			describe('First click on the button', function () {
-				it('Should open list', function () {
-					const editor = getJodit();
-
-					clickButton('font', 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();
-
-						editor.value = 'text2text';
-
-						const range = editor.s.createRange(true);
-
-						range.setStart(editor.editor.firstChild.firstChild, 3);
-						range.setEnd(editor.editor.firstChild.firstChild, 6);
-
-						clickButton('font', editor);
-
-						const popup = getOpenedPopup(editor);
-
-						expect(popup).is.not.null;
-
-						clickButton('Impact_Charcoal_sans_serif', popup);
-
-						expect(editor.value).equals(
-							'<p>tex<span style="font-family: Impact, Charcoal, sans-serif;">t2t</span>ext</p>'
-						);
-
-						const range2 = editor.s.createRange(true);
-
-						range2.setStartAfter(editor.editor.firstChild);
-
-						clickButton('font', editor);
-
-						const popup2 = getOpenedPopup(editor);
-
-						expect(popup2).is.null;
-
-						expect(editor.value).equals(
-							'<p>tex<span style="font-family: Impact, Charcoal, sans-serif;">t2t</span>ext</p><p><span style="font-family: Impact, Charcoal, sans-serif;"></span></p>'
-						);
-					});
-				});
-			});
-		});
-	});
-
-	describe('Active', function () {
-		describe('In list', function () {
-			describe('Fontsize button', function () {
-				it('Should be activated then element has some style value', function () {
-					const editor = getJodit({
-						observer: {
-							timeout: 0
-						}
-					});
-
-					editor.value =
-						'<p>test<span style="font-size: 12px">bold</span></p>';
-					editor.s.focus();
-
-					const p = editor.editor.firstChild;
-					const font = getButton('fontsize', editor);
-
-					expect(font).is.not.null;
-
-					editor.s.setCursorAfter(p.firstChild);
-					simulateEvent('mousedown', 0, p);
-
-					expect(font.getAttribute('aria-pressed')).equals('false');
-
-					editor.s.setCursorIn(p.lastChild);
-
-					simulateEvent('mousedown', 0, p);
-
-					clickTrigger('fontsize', editor);
-
-					const font12 = getOpenedPopup(editor).querySelector(
-						'[role="listitem"][class*="12"]'
-					);
-
-					expect(font12.getAttribute('aria-pressed')).equals('true');
-				});
-			});
-
-			describe('Font family button', function () {
-				it('Should be activated then element has some style value', function () {
-					const editor = getJodit({
-						toolbarAdaptive: false,
-						observer: {
-							timeout: 0
-						}
-					});
-
-					editor.value =
-						'<p>test<span style="font-family: Georgia, serif;">bold</span></p>';
-					editor.s.focus();
-
-					const p = editor.editor.firstChild;
-					const font = getButton('font', editor);
-
-					expect(font).is.not.null;
-
-					editor.s.setCursorAfter(p.firstChild);
-					simulateEvent('mousedown', 0, p);
-					expect(font.getAttribute('aria-pressed')).equals('false');
-
-					editor.s.setCursorIn(p.lastChild);
-
-					simulateEvent('mousedown', 0, p);
-
-					clickTrigger('font', editor);
-
-					const popup = getOpenedPopup(editor);
-
-					const fontGeorgia = popup.querySelector(
-						'[class*=Georgia_serif]'
-					);
-
-					expect(fontGeorgia).does.not.equal(font);
-					expect(fontGeorgia.hasAttribute('aria-pressed')).is.true;
-				});
-			});
-		});
-	});
-});

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

@@ -1,79 +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('Process Images plugins', function () {
-	describe('Toolbar', function () {
-		describe('Click on Image button', function () {
-			it('Should open image dialog and insert image by url.', function () {
-				const editor = getJodit();
-
-				editor.value = Jodit.INVISIBLE_SPACE; // IE in iframe mode can loose focus and we can not check where it paste image in start or in finish. It is only in IE
-
-				const range = editor.s.createRange(true);
-
-				range.selectNodeContents(editor.editor);
-				range.collapse(false);
-
-				clickButton('image', editor);
-
-				const list = getOpenedPopup(editor);
-
-				expect(window.getComputedStyle(list).display).equals('block');
-
-				list.querySelector('input[name=url]').value = ''; // try wrong url
-
-				list.querySelector('input[name=text]').value = '123';
-
-				simulateEvent('submit', 0, list.querySelector('form'));
-
-				expect(
-					list.querySelectorAll('.jodit-ui-input_has-error_true')
-						.length
-				).equals(1);
-
-				list.querySelector('input[name=url]').value =
-					'http://xdsoft.net/jodit/images/artio.jpg';
-
-				simulateEvent('submit', 0, list.querySelector('form'));
-
-				expect(sortAttributes(editor.value)).equals(
-					'<p><img alt="123" src="http://xdsoft.net/jodit/images/artio.jpg" style="width:300px"></p>'
-				);
-
-				simulateEvent('mousedown', 0, editor.editor);
-
-				expect(list.parentNode).is.null;
-			});
-
-			describe('When the cursor in the middle of some text', function () {
-				it('Should insert image in this position after submit', function () {
-					const editor = getJodit();
-
-					editor.value = 'hello world!';
-
-					const range = editor.s.createRange();
-
-					range.setEnd(editor.editor.firstChild.firstChild, 5);
-					range.collapse(false);
-					editor.s.selectRange(range);
-
-					clickButton('image', editor);
-
-					const list = getOpenedPopup(editor),
-						input = list.querySelector('input[name=url]');
-
-					input.focus();
-					input.value = 'http://xdsoft.net/jodit/images/artio.jpg';
-
-					simulateEvent('submit', 0, list.querySelector('form'));
-
-					expect(sortAttributes(editor.value)).equals(
-						'<p>hello<img alt="" src="http://xdsoft.net/jodit/images/artio.jpg" style="width:300px"> world!</p>'
-					);
-				});
-			});
-		});
-	});
-});