jodit 3.8.1 → 3.8.2

package/test/tests/units/popupTest.js

@@ -1,211 +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 popup', function () {
-	const position = Jodit.modules.Helpers.position;
-
-	let textBox;
-	const elms = [];
-
-	beforeEach(function () {
-		textBox = document.createElement('div');
-		Object.assign(textBox.style, {
-			position: 'fixed',
-			display: 'flex',
-			flexWrap: 'wrap',
-			top: 0,
-			left: 0,
-			width: '100%',
-			height: '100%',
-			background: 'red'
-		});
-		document.body.appendChild(textBox);
-
-		for (let i = 0; i < 4; i += 1) {
-			for (let j = 0; j < 4; j += 1) {
-				const elmBox = document.createElement('div');
-
-				Object.assign(elmBox.style, {
-					width: '25%',
-					height: '25%',
-					background:
-						'rgb(' +
-						(i * 30 + 128) +
-						',' +
-						(j * 30 + 28) +
-						', ' +
-						(i * 10 + j * 10 + 100) +
-						')'
-				});
-
-				textBox.appendChild(elmBox);
-				elms.push(elmBox);
-			}
-		}
-	});
-
-	afterEach(function () {
-		textBox && textBox.remove();
-		elms.length = 0;
-	});
-
-	const aliases = {
-		leftTop: function () {
-			return elms[0];
-		},
-		rightTop: function () {
-			return elms[3];
-		},
-		leftBottom: function () {
-			return elms[12];
-		},
-		rightBottom: function () {
-			return elms[15];
-		},
-		center: function () {
-			return elms[5];
-		}
-	};
-
-	const openPopup = function (getBound, content, strategy) {
-		const editor = getJodit();
-
-		const popup = new Jodit.modules.Popup(editor);
-
-		if (strategy) {
-			popup.strategy = strategy;
-		}
-
-		popup.setContent(content || 'Test content').open(getBound);
-
-		return {
-			left: parseInt(popup.container.style.left, 10),
-			top: parseInt(popup.container.style.top, 10),
-			width: popup.container.offsetWidth,
-			height: popup.container.offsetHeight
-		};
-	};
-
-	describe('Open popup on some target', function () {
-		describe('Usual case - there is enough space under element', function () {
-			it('should show popup under element', function () {
-				const div = appendTestDiv();
-				div.innerText = 'test';
-
-				const gb = function () {
-					return position(div);
-				};
-
-				const pos = openPopup(gb);
-
-				expect(pos.left).equals(gb().left);
-				expect(pos.top).equals(gb().top + gb().height);
-			});
-		});
-
-		describe('Corners', function () {
-			describe('Change default strategy', function () {
-				it('should show popup to match the strategy', function () {
-					const gb = function () {
-						return position(aliases.center());
-					};
-
-					const pos = openPopup(gb, false, 'rightBottom');
-
-					expect(pos.left + pos.width).equals(gb().left + gb().width);
-					expect(pos.top).equals(gb().top + gb().height);
-				});
-			});
-
-			describe('Left-Top', function () {
-				it('should show popup under element', function () {
-					const gb = function () {
-						return position(aliases.leftTop());
-					};
-
-					const pos = openPopup(gb);
-
-					expect(pos.left).equals(gb().left);
-					expect(pos.top).equals(gb().top + gb().height);
-				});
-			});
-
-			describe('Right-Top', function () {
-				describe('Small popup', function () {
-					it('should show popup under element', function () {
-						const gb = function () {
-							return position(aliases.rightTop());
-						};
-
-						const pos = openPopup(gb);
-
-						expect(pos.left).equals(gb().left);
-						expect(pos.top).equals(gb().top + gb().height);
-					});
-				});
-
-				describe('Big popup', function () {
-					it("should show popup under element but right corner should be under target's right-bottom corner", function () {
-						const gb = function () {
-							return position(aliases.rightTop());
-						};
-
-						const pos = openPopup(gb, 'testO'.repeat(30));
-
-						expect(pos.left + pos.width).equals(
-							gb().left + gb().width
-						);
-						expect(pos.top).equals(gb().top + gb().height);
-					});
-				});
-			});
-
-			describe('Left-Bottom', function () {
-				describe('Small popup', function () {
-					it('should show popup above element', function () {
-						const gb = function () {
-							return position(aliases.leftBottom());
-						};
-
-						const pos = openPopup(gb);
-
-						expect(pos.left).equals(gb().left);
-						expect(pos.top + pos.height).equals(gb().top);
-					});
-				});
-			});
-
-			describe('Right-Bottom', function () {
-				describe('Small popup', function () {
-					it('should show popup above element', function () {
-						const gb = function () {
-							return position(aliases.rightBottom());
-						};
-
-						const pos = openPopup(gb);
-
-						expect(pos.left).equals(gb().left);
-						expect(pos.top + pos.height).equals(gb().top);
-					});
-				});
-
-				describe('Big popup', function () {
-					it("should show popup above the element but right corner should be above target's right-top corner", function () {
-						const gb = function () {
-							return position(aliases.rightBottom());
-						};
-
-						const pos = openPopup(gb, 'testO'.repeat(30));
-
-						expect(pos.left + pos.width).equals(
-							gb().left + gb().width
-						);
-						expect(pos.top + pos.height).equals(gb().top);
-					});
-				});
-			});
-		});
-	});
-});

package/test/tests/units/positionTest.js

@@ -1,238 +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 position/offset helpers', function () {
-	let box,
-		mainBox = getBox(),
-		iframe = document.createElement('iframe');
-
-	iframe.setAttribute(
-		'style',
-		'position: absolute; left: 0; top: 0; border: 0; width: 2000px; height: 3000px; background: purple; z-index: 1000000;'
-	);
-
-	let mainDoc;
-
-	beforeEach(function () {
-		mainBox.appendChild(iframe);
-		mainDoc = iframe.contentWindow.document;
-
-		const lines = [];
-
-		Jodit.modules.Helpers.$$('style, link', document).forEach(function (
-			elm
-		) {
-			const t = elm.tagName.toLowerCase();
-
-			let content;
-
-			if (t === 'link' && elm.sheet) {
-				content = Array.from(elm.sheet.cssRules)
-					.map(function (f) {
-						return f.cssText;
-					})
-					.join('\n');
-			} else {
-				content = elm.innerHTML;
-			}
-
-			lines.push('<style>' + content + '</style>');
-		});
-
-		mainDoc.open();
-		mainDoc.write(
-			'<html><head>' +
-				lines.join('') +
-				'<style>textarea {display: none}strong {height:18px;display:block}</style></head><body><div></div><textarea></textarea></body></html>'
-		);
-		mainDoc.close();
-	});
-
-	function makeBox(doc) {
-		doc = doc || mainDoc;
-		const win = doc.defaultView;
-
-		box = doc.createElement('div');
-		box.id = 'uniq';
-		box.setAttribute(
-			'style',
-			'height: 2000px; width: 100%;border: 20px solid red; padding: 20px; margin: 20px;'
-		);
-
-		const style = doc.createElement('style');
-		style.innerHTML =
-			'html, body {height: 5000px; width: 5000px;} #uniq, #uniq strong, #uniq div {line-height:18px;font-family: Arial;box-sizing:content-box; } #uniq strong {height:18px;display:block}';
-		box.appendChild(style);
-
-		doc.body.appendChild(box);
-		win.scrollTo(0, box.offsetTop);
-
-		const div = doc.createElement('div');
-
-		for (let i = 0; i < 30; i += 1) {
-			const s = doc.createElement('strong');
-			// s.textContent = i;
-			div.appendChild(s);
-		}
-
-		box.appendChild(div);
-		div.setAttribute(
-			'style',
-			'position: relative; height: 300px; width: 100%;border: 20px solid red; padding: 20px 0 0 20px; margin: 20px 0 0 20px; overflow: hidden;'
-		);
-
-		const div2 = doc.createElement('div');
-		div.appendChild(div2);
-		div2.setAttribute(
-			'style',
-			'position: relative; min-height: 200px; width: 100%;border: 10px solid yellow; padding: 20px 0 0 20px; margin: 20px 0 0 20px;'
-		);
-
-		const div3 = doc.createElement('div');
-		div2.appendChild(div3);
-		div3.setAttribute(
-			'style',
-			'position: relative; min-height: 200px; width: 100%;border: 10px solid green; padding: 20px 0 0 20px; margin: 20px 0 0 20px;'
-		);
-
-		const div6 = doc.createElement('div');
-		div3.appendChild(doc.createElement('strong'));
-		div3.appendChild(doc.createElement('strong'));
-		div3.appendChild(doc.createElement('strong'));
-		div3.appendChild(div6);
-		div6.setAttribute(
-			'style',
-			'width: 100%;border: 10px solid blue; padding: 20px 0 0 20px; margin: 20px 0 0 20px;'
-		);
-		div6.innerHTML = 'hi';
-
-		div.scrollTo(0, 100000);
-
-		return div6;
-	}
-
-	function fillBox(count, box) {
-		for (let i = 0; i < count; i += 1) {
-			const br = mainDoc.createElement('strong');
-			box.appendChild(br);
-		}
-	}
-
-	describe('Test position helper', function () {
-		it('Should calculate correct screen position of element', function () {
-			const span = makeBox();
-
-			const pos = Jodit.modules.Helpers.position(span);
-
-			createPoint(pos.left, pos.top, '#cdf', true);
-
-			expect(pos.top).equals(254);
-			expect(pos.left).equals(240);
-		});
-
-		describe('In the out of the screen', function () {
-			it('Should show negative screen coordinates', function () {
-				const span = makeBox();
-
-				iframe.contentWindow.scrollTo(0, box.offsetTop + 1500);
-				const pos = Jodit.modules.Helpers.position(span);
-
-				createPoint(pos.left, pos.top, '#cdf', true);
-
-				expect(pos.top).equals(-1246);
-				expect(pos.left).equals(240);
-			});
-		});
-
-		describe('In iframe', function () {
-			it('Should calculate correct screen position of element', function () {
-				fillBox(100, mainDoc.querySelector('div'));
-
-				const jodit = Jodit.make('textarea', {
-					ownerWindow: iframe.contentWindow,
-					ownerDocument: mainDoc,
-					iframe: true,
-					height: 10000
-				});
-
-				const span = makeBox(jodit.ed);
-
-				jodit.ownerWindow.scrollTo(0, jodit.container.offsetTop - 100);
-
-				const pos = Jodit.modules.Helpers.position(span, jodit);
-
-				createPoint(pos.left, pos.top, '#cdf', true);
-
-				expect(pos.top - jodit.toolbar.container.offsetHeight).equals(
-					386
-				);
-				expect(pos.left).equals(251);
-			});
-		});
-	});
-
-	describe('Test offset helper', function () {
-		it('Should calculate correct absolute position of element from top of document', function () {
-			const span = makeBox(),
-				jodit = Jodit.make('textarea', {
-					ownerWindow: iframe.contentWindow,
-					ownerDocument: mainDoc
-				});
-
-			jodit.editor.appendChild(box);
-			box.firstChild.scrollTo(0, 100000);
-
-			iframe.contentWindow.scrollTo(0, jodit.container.offsetTop);
-			jodit.editor.scrollTo(0, span.offsetTop);
-
-			const pos = Jodit.modules.Helpers.offset(span, jodit, jodit.ed);
-
-			createPoint(pos.left, pos.top, '#cdf');
-
-			expect(
-				pos.top -
-					box.offsetTop -
-					iframe.contentWindow.scrollY -
-					jodit.toolbar.container.offsetHeight
-			).equals(816);
-			expect(pos.left).equals(249);
-		});
-
-		describe('In iframe', function () {
-			it('Should calculate correct absolute position of element from top of document', function () {
-				const jodit = Jodit.make('textarea', {
-					ownerWindow: iframe.contentWindow,
-					ownerDocument: mainDoc,
-					iframe: true,
-					height: 10000
-				});
-
-				const span = makeBox(jodit.ed);
-				box.firstChild.scrollTo(0, 100000);
-
-				iframe.contentWindow.scrollTo(0, jodit.container.offsetTop);
-				jodit.editor.scrollTo(0, span.offsetTop);
-
-				const pos = Jodit.modules.Helpers.offset(span, jodit, jodit.ed);
-
-				expect(
-					pos.top -
-						box.offsetTop -
-						jodit.ownerWindow.scrollY -
-						jodit.ew.scrollY -
-						jodit.toolbar.container.offsetHeight
-				).equals(256);
-				expect(pos.left).equals(251);
-
-				createPoint(pos.left, pos.top, '#cdf');
-			});
-		});
-	});
-
-	afterEach(function () {
-		Jodit.modules.Dom.safeRemove(box);
-		Jodit.modules.Dom.safeRemove(iframe);
-	});
-});