jodit 3.8.1 → 3.8.2

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

@@ -1,344 +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 editor size plugin', function () {
-	it('should show resize handler in right-bottom corner and allow resize editor by vertical', function () {
-		const editor = getJodit({
-			height: 300,
-			iframe: true
-		});
-
-		expect(
-			editor.container.querySelectorAll('.jodit-editor__resize').length
-		).equals(1);
-	});
-
-	describe('Sizes', function () {
-		describe('Set calc expression as height', function () {
-			it('Should set editor height by option', function () {
-				getBox().style.height = '400px';
-
-				const editor = getJodit({
-					height: 'calc(100% - 20px)'
-				});
-
-				editor.value = '<p>test</p>'.repeat(100);
-				expect(editor.container.offsetHeight).equals(380);
-			});
-		});
-
-		describe('Set fixed height', function () {
-			it('Should set editor height by option', function () {
-				const area = appendTestArea();
-				const editor = new Jodit(area, {
-					height: 300
-				});
-
-				editor.value = '<p>test</p>'.repeat(100);
-
-				expect(editor.container.offsetHeight).equals(300);
-			});
-
-			it('Should set editor height by option for iframe', function () {
-				const editor = getJodit({
-					height: 300,
-					iframe: true
-				});
-
-				editor.value = '<p>test</p>'.repeat(100);
-				expect(editor.container.offsetHeight).equals(300);
-			});
-
-			it('Should not change size by content after window was resized', function () {
-				const editor = getJodit({
-					height: 300
-				});
-
-				editor.value = '<p>test</p>'.repeat(20);
-				expect(editor.container.offsetHeight).equals(300);
-
-				simulateEvent('resize', 0, window);
-				expect(editor.container.offsetHeight).equals(300);
-			});
-
-			describe('Fullsize mode', function () {
-				it("Should set heights of workplace to 100% - toolbar's height", function () {
-					const editor = getJodit({
-						fullsize: true
-					});
-
-					expect(editor.workplace.offsetHeight).to.be.above(300);
-				});
-
-				it('Should restore size after fullsized mode', function () {
-					const editor = getJodit({
-						height: 300
-					});
-
-					editor.value = '<p>test</p>'.repeat(20);
-					expect(editor.container.offsetHeight).equals(300);
-
-					editor.toggleFullSize(true);
-					expect(editor.container.offsetHeight).to.be.above(300);
-
-					editor.toggleFullSize(false);
-					expect(editor.container.offsetHeight).equals(300);
-					expect(editor.container.offsetWidth).to.be.above(300);
-				});
-
-				it('Should hide resizer', function () {
-					const editor = getJodit({
-						height: 300,
-						iframe: true
-					});
-
-					const handle = editor.container.querySelector(
-						'.jodit-editor__resize'
-					);
-
-					expect(handle).is.not.null;
-					editor.toggleFullSize(true);
-
-					expect(
-						editor.ownerWindow.getComputedStyle(handle).display
-					).equals('none');
-				});
-
-				it('Should change the icon in toolbar', function () {
-					const editor = getJodit();
-					const button = getButton('fullsize', editor);
-					expect(button).is.not.null;
-
-					expect(button.querySelector('svg')).is.not.null;
-
-					const old_icon = button.querySelector('svg').innerHTML;
-
-					editor.toggleFullSize(true);
-					expect(
-						button.querySelector('svg').innerHTML
-					).does.not.equal(old_icon);
-
-					editor.toggleFullSize(false);
-					expect(button.querySelector('svg').innerHTML).equals(
-						old_icon
-					);
-				});
-
-				describe('For text icons', function () {
-					it('Should change the text in toolbar', function () {
-						const editor = getJodit({
-							textIcons: true
-						});
-
-						const button = getButton('fullsize', editor);
-
-						expect(button).is.not.null;
-						expect(button.querySelector('svg')).is.null;
-
-						const old_icon = button.textContent;
-
-						editor.toggleFullSize(true);
-						expect(button.textContent).does.not.equal(old_icon);
-
-						editor.toggleFullSize(false);
-						expect(button.textContent).equals(old_icon);
-					});
-				});
-			});
-
-			it('Should not change size by content after window was resized', function () {
-				const editor = getJodit({
-					height: 300
-				});
-
-				editor.value = '<p>test</p>'.repeat(20);
-				expect(editor.container.offsetHeight).equals(300);
-
-				simulateEvent('resize', 0, window);
-				expect(editor.container.offsetHeight).equals(300);
-			});
-		});
-
-		describe('Autosize', function () {
-			it('Should set editor height by content', function () {
-				const editor = getJodit();
-				editor.value = '<p>test</p>'.repeat(100);
-				expect(editor.container.offsetHeight).to.be.above(1000);
-			});
-
-			describe('Max height', function () {
-				it('Should set limited height', function () {
-					const editor = getJodit({
-						maxHeight: 500
-					});
-
-					editor.value = '<p>test</p>'.repeat(1);
-					expect(editor.container.offsetHeight).equals(200);
-
-					editor.value = '<p>test</p>'.repeat(100);
-					expect(editor.container.offsetHeight).equals(500);
-				});
-			});
-
-			it('Should set editor height by content in iframe mode', function () {
-				const editor = getJodit({
-					iframe: true
-				});
-				editor.value = '<p>test</p>'.repeat(100);
-				expect(editor.container.offsetHeight).to.be.above(1000);
-			});
-		});
-	});
-
-	describe('Set width', function () {
-		describe('Resize handle', function () {
-			describe('Allow X resizing', function () {
-				it('Should show resize handle', function () {
-					const editor = getJodit({
-						width: 400,
-						allowResizeX: true
-					});
-
-					const handle = editor.container.querySelector(
-						'.jodit-editor__resize'
-					);
-
-					expect(editor.container.offsetWidth).equals(400);
-
-					simulateEvent('mousedown', handle, function (options) {
-						options.clientX = 100;
-						options.clientY = 100;
-					});
-
-					simulateEvent('mousemove', window, function (options) {
-						options.clientX = 200;
-						options.clientY = 200;
-					});
-					simulateEvent('mouseup', window);
-
-					expect(editor.container.offsetWidth).equals(500);
-				});
-			});
-		});
-	});
-
-	describe('Disable auto-height', function () {
-		describe('Resize handle', function () {
-			it('Should resize editor', function () {
-				const box = getBox();
-				box.style.width = 'auto';
-				box.style.height = 'auto';
-
-				const editor = getJodit({
-					height: 300,
-					width: 400,
-					allowResizeX: true,
-					allowResizeY: true
-				});
-				expect(editor.container.offsetHeight).equals(300);
-
-				const handle = editor.container.querySelector(
-					'.jodit-editor__resize'
-				);
-
-				simulateEvent('mousedown', 0, handle, function (options) {
-					options.clientX = 100;
-					options.clientY = 100;
-				});
-				simulateEvent('mousemove', 0, window, function (options) {
-					options.clientX = 200;
-					options.clientY = 200;
-				});
-				simulateEvent('mouseup', 0, window);
-
-				expect(editor.container.offsetHeight).equals(400);
-				expect(editor.container.offsetWidth).equals(500);
-			});
-
-			describe('Disable X resizing', function () {
-				it('Should resize editor only by vertical', function () {
-					getBox().style.width = 'auto';
-					getBox().style.height = 'auto';
-
-					const editor = getJodit({
-						height: 300,
-						width: 400,
-						allowResizeX: false,
-						allowResizeY: true
-					});
-
-					const handle = editor.container.querySelector(
-						'.jodit-editor__resize'
-					);
-
-					expect(editor.container.offsetHeight).equals(300);
-					expect(editor.container.offsetWidth).equals(400);
-
-					simulateEvent('mousedown', 0, handle, function (options) {
-						options.clientX = 100;
-						options.clientY = 100;
-					});
-
-					simulateEvent('mousemove', 0, window, function (options) {
-						options.clientX = 200;
-						options.clientY = 200;
-					});
-					simulateEvent('mouseup', 0, window);
-
-					expect(editor.container.offsetHeight).equals(400);
-					expect(editor.container.offsetWidth).equals(400);
-				});
-			});
-		});
-
-		describe('Change box size', function () {
-			describe('Auto width mode', function () {
-				describe('Change box width', function () {
-					it('should set fixed height but width must be auto', function () {
-						const box = getBox();
-						const editor = getJodit({
-							height: 300
-						});
-
-						box.style.width = '400px';
-
-						const handle = editor.container.querySelector(
-							'.jodit-editor__resize'
-						);
-
-						expect(editor.container.offsetHeight).equals(300);
-
-						simulateEvent(
-							'mousedown',
-							0,
-							handle,
-							function (options) {
-								options.clientX = 100;
-								options.clientY = 100;
-							}
-						);
-
-						simulateEvent(
-							'mousemove',
-							0,
-							window,
-							function (options) {
-								options.clientX = 200;
-								options.clientY = 200;
-							}
-						);
-
-						simulateEvent('mouseup', 0, window);
-
-						box.style.width = '600px';
-
-						expect(editor.container.offsetHeight).equals(400);
-						expect(editor.container.offsetWidth).equals(600);
-					});
-				});
-			});
-		});
-	});
-});

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

@@ -1,218 +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('Source code test', function () {
-	describe('Init', function () {
-		it('After init container must has source editor container', function (done) {
-			unmockPromise();
-
-			let timeout;
-			const area = appendTestArea(false, true),
-				__done = function () {
-					clearTimeout(timeout);
-					this.events.off('beforeDestruct');
-					this.destruct();
-					area.parentNode.removeChild(area);
-					done();
-				};
-
-			let editor;
-
-			timeout = setTimeout(function () {
-				expect(false).is.true;
-				__done.call(editor);
-			}, 5000);
-
-			editor = getJodit(
-				{
-					defaultMode: Jodit.MODE_SOURCE,
-					sourceEditor: 'ace',
-					events: {
-						beforeDestruct: function () {
-							return false;
-						},
-						sourceEditorReady: function (editor) {
-							expect(
-								editor.container.querySelectorAll(
-									'.jodit-source__mirror-fake'
-								).length
-							).equals(1);
-							__done.call(editor);
-						}
-					}
-				},
-				area
-			);
-		}).timeout(6000);
-
-		describe('Set value in source mode', function () {
-			it('Should set value in editor and in source', function (done) {
-				unmockPromise();
-
-				let timeout;
-				const area = appendTestArea(false, true),
-					__done = function () {
-						clearTimeout(timeout);
-						this.events.off('beforeDestruct');
-						this.destruct();
-						area.parentNode.removeChild(area);
-						done();
-					};
-
-				let editor;
-
-				timeout = setTimeout(function () {
-					expect(false).is.true;
-					__done.call(editor);
-				}, 5000);
-
-				editor = getJodit(
-					{
-						defaultMode: Jodit.MODE_SOURCE,
-						sourceEditor: 'ace',
-						events: {
-							beforeDestruct: function () {
-								return false;
-							},
-							sourceEditorReady: function (editor) {
-								setTimeout(() => {
-									expect(
-										editor.__plugins.source.sourceEditor.getValue()
-									).equals('<p>pop</p>');
-									editor.value = '<p>test</p>';
-									expect(
-										editor.__plugins.source.sourceEditor.getValue()
-									).equals('<p>test</p>');
-									__done.call(editor);
-								}, 300);
-							}
-						}
-					},
-					area
-				);
-
-				editor.value = '<p>pop</p>';
-			}).timeout(6000);
-		});
-
-		describe('Split mode', function () {
-			it('Should shoe source and wysiwyg in same time', function () {
-				const editor = getJodit({
-					defaultMode: Jodit.MODE_SPLIT,
-					sourceEditor: 'area'
-				});
-
-				expect(
-					editor.ew.getComputedStyle(editor.editor).display
-				).equals('block');
-				expect(
-					editor.ew.getComputedStyle(
-						editor.container.querySelector('.jodit-source')
-					).display
-				).equals('block');
-			}).timeout(6000);
-		});
-	});
-
-	describe('Change mode', function () {
-		describe('In WYSIWYG mode isEditorMode', function () {
-			it('Should return true', function () {
-				const editor = getJodit();
-				expect(editor.isEditorMode()).is.true;
-				editor.toggleMode();
-				expect(editor.isEditorMode()).is.false;
-			});
-		});
-
-		it('Should not fire Change event', function () {
-			const editor = getJodit({
-				useAceEditor: false // because onChange can be fired after aceInited
-			});
-
-			const defaultValue = '<p>test</p>';
-			let count = 0;
-
-			editor.value = defaultValue;
-
-			editor.events.on('change', function (value, oldvalue) {
-				expect(oldvalue).does.not.equal(value);
-				expect(defaultValue).does.not.equal(value);
-				count++;
-			});
-
-			editor.s.setCursorAfter(editor.editor.firstChild.firstChild);
-			editor.setMode(Jodit.MODE_SOURCE);
-			editor.setMode(Jodit.MODE_WYSIWYG);
-			editor.value = defaultValue;
-			editor.value = '<p>another</p>';
-
-			expect(1).equals(count);
-		});
-
-		describe('After change mode to source mode and use insertHTML method', function () {
-			it('Should insert text on caret position', function (done) {
-				unmockPromise();
-
-				getJodit({
-					sourceEditor: 'ace',
-					beautifyHTML: false,
-					events: {
-						sourceEditorReady: function (jodit) {
-							jodit.s.focus();
-							jodit.value = '<p>test <span>test</span> test</p>';
-							const range = jodit.ed.createRange();
-
-							range.selectNodeContents(
-								jodit.editor.querySelector('span')
-							);
-							range.collapse(false);
-
-							jodit.s.selectRange(range);
-
-							jodit.setMode(Jodit.MODE_SOURCE);
-
-							jodit.s.insertHTML('loop');
-
-							expect(jodit.value).equals(
-								'<p>test <span>testloop</span> test</p>'
-							);
-							mockPromise();
-
-							done();
-						}
-					}
-				});
-			}).timeout(4000);
-
-			describe('Without ace', function () {
-				it('Should insert text on caret position', function () {
-					const editor = getJodit({
-						useAceEditor: false
-					});
-
-					editor.value = '<p>one <span>two</span> three</p>';
-					const range = editor.s.createRange();
-					range.selectNodeContents(
-						editor.editor.querySelector('span')
-					);
-					range.collapse(false);
-					editor.s.selectRange(range);
-
-					editor.s.insertHTML('stop');
-					expect(editor.value).equals(
-						'<p>one <span>twostop</span> three</p>'
-					);
-
-					editor.setMode(Jodit.MODE_SOURCE);
-
-					editor.s.insertHTML('loop');
-					expect(editor.value).equals(
-						'<p>one <span>twostoploop</span> three</p>'
-					);
-				});
-			});
-		});
-	});
-});

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

@@ -1,120 +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('Stat plugin', function () {
-	describe('After init and change', function () {
-		it('Should show chars count and words count', function () {
-			const editor = getJodit({
-				language: 'en',
-				showCharsCounter: true,
-				countHTMLChars: false,
-				showHTMLCharsCounter: true,
-				observer: {
-					timeout: 0
-				}
-			});
-
-			editor.value = '<p>Simple text</p><p>Simple text</p>';
-			const statusbar =
-				editor.container.querySelector('.jodit-status-bar');
-
-			expect(statusbar).is.not.null;
-
-			expect(statusbar.textContent.match(/Chars: 20/)).is.not.null;
-
-			expect(statusbar.textContent.match(/Words: 4/)).does.not.equal(
-				null
-			);
-		});
-
-		describe('Count HTML Chars', function () {
-			it('Should show real HTML chars count', function () {
-				const editor = getJodit({
-					language: 'en',
-					showCharsCounter: true,
-					countHTMLChars: true,
-					showHTMLCharsCounter: true,
-					observer: {
-						timeout: 0
-					}
-				});
-
-				editor.value = '<p>Simple text</p><p>Simple text</p>';
-				const statusbar =
-					editor.container.querySelector('.jodit-status-bar');
-
-				expect(statusbar.textContent.match(/Chars: 36/)).is.not.null;
-			});
-		});
-
-		describe('Hide chars count', function () {
-			it('Should show only words count', function () {
-				const editor = getJodit({
-					language: 'en',
-					showCharsCounter: false,
-					showWordsCounter: true,
-					observer: {
-						timeout: 0
-					}
-				});
-
-				editor.value = '<p>Simple text</p>';
-				const statusbar =
-					editor.container.querySelector('.jodit-status-bar');
-
-				expect(statusbar).is.not.null;
-
-				expect(statusbar.textContent.match(/Chars: 10/)).is.null;
-				expect(statusbar.textContent.match(/Words: 2/)).is.not.null;
-			});
-		});
-
-		describe('Hide words count', function () {
-			it('Should show only chars count', function () {
-				const editor = getJodit({
-					language: 'en',
-					showCharsCounter: true,
-					showWordsCounter: false,
-					observer: {
-						timeout: 0
-					}
-				});
-
-				editor.value = '<p>Simple text</p>';
-				const statusbar =
-					editor.container.querySelector('.jodit-status-bar');
-
-				expect(statusbar).is.not.null;
-
-				expect(statusbar.textContent.match(/Chars: 10/)).is.not.null;
-				expect(statusbar.textContent.match(/Words: 2/)).equals(null);
-			});
-		});
-
-		describe('Hide words and chars count', function () {
-			it('Should hide status bar', function () {
-				const editor = getJodit({
-					language: 'en',
-					showCharsCounter: false,
-					showWordsCounter: false,
-					showXPathInStatusbar: false,
-					observer: {
-						timeout: 0
-					}
-				});
-
-				editor.value = '<p>Simple text</p>';
-				const statusbar =
-					editor.container.querySelector('.jodit-status-bar');
-
-				expect(statusbar).is.not.null;
-
-				expect(statusbar.textContent.match(/Chars: 10/)).is.null;
-				expect(statusbar.textContent.match(/Words: 2/)).equals(null);
-				expect(statusbar.offsetHeight).equals(0);
-			});
-		});
-	});
-});