@ui5/webcomponents-base 1.4.0 → 1.5.0

package/dist/test-resources/specs/EventProvider.spec.js

@@ -1,63 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Event provider attaches and detaches listeners properly", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that listeners can be removed (1 listener)", async () => {
-
-		const res = await browser.executeAsync(done => {
-			let timesCalled = 0;
-			const ep = new window["sap-ui-webcomponents-bundle"].EventProvider();
-			const callback = () => {
-				timesCalled++;
-			};
-
-			// Setup
-			ep.attachEvent("test", callback);
-
-			// Act
-			ep.fireEvent("test"); // should execute the callback and increase the counter
-
-			// Setup
-			ep.detachEvent("test", callback);
-
-			// Act
-			ep.fireEvent("test"); // should not execute the callback and increase the counter
-
-			done(timesCalled);
-		});
-
-		assert.strictEqual(res, 1, "The callback should be called exactly once");
-	});
-
-	it("Tests that listeners can be removed (more than 1 listener)", async () => {
-
-		const res = await browser.executeAsync(done => {
-			let timesCalled = 0;
-			const ep = new window["sap-ui-webcomponents-bundle"].EventProvider();
-			const callback = () => {
-				timesCalled++;
-			};
-			const somePreviousCallback = () => {};
-
-			// Setup
-			ep.attachEvent("test", somePreviousCallback); // Attach something so that after detachEvent the listeners array is not empty!
-			ep.attachEvent("test", callback);
-
-			// Act
-			ep.fireEvent("test"); // should execute the callback and increase the counter
-
-			// Setup
-			ep.detachEvent("test", callback);
-
-			// Act
-			ep.fireEvent("test"); // should not execute the callback and increase the counter
-
-			done(timesCalled);
-		});
-
-		assert.strictEqual(res, 1, "The callback should be called exactly once");
-	});
-});

package/dist/test-resources/specs/StaticArea.spec.js

@@ -1,78 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Some configuration options can be changed at runtime", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests control with no static area item", async () => {
-		const componentId = await browser.$("#no-static-area").getProperty("_id");
-		const staticArea = await browser.$("ui5-static-area");
-
-		assert.notOk(await staticArea.$(`.${componentId}`).isExisting(), "No static area item is defined for this control");
-	});
-
-	it("Tests control with static area item", async () => {
-		const componentId = await browser.$("#with-static-area").getProperty("_id");
-		const staticArea = await browser.$("ui5-static-area");
-
-		assert.ok(await staticArea.$(`.${componentId}`).isExisting(), "No static area item is defined for this control");
-	});
-
-	it("Tests removing an element with static area", async () => {
-		const result = await browser.executeAsync(done => {
-			let res = true;
-			window.onerror = (errorMsg, url, lineNumber) => {
-				res = false;
-			}
-
-			document.querySelector("#no-static-area").remove();
-
-			done(res);
-		});
-
-		assert.ok(result, "Static area removed from DOM successfully");
-	});
-
-	it("Test RTL not set for static area items", async () => {
-		const componentId = await browser.$("#with-static-area").getProperty("_id");
-		const staticArea = await browser.$("ui5-static-area");
-
-		assert.notOk(await staticArea.$(`.${componentId}`).getAttribute("dir"), "dir attribute not set for static area item");
-	});
-
-	it("Test RTL set for static area items", async () => {
-		const componentId = await browser.$("#with-static-area-rtl").getProperty("_id");
-		const staticArea = await browser.$("ui5-static-area");
-
-		assert.equal(await staticArea.$(`.${componentId}`).getAttribute("dir"), "rtl", "dir property correctly set for static area item");
-	});
-
-	it("Test setting RTL for a static area item owner", async () => {
-		const componentId = await browser.$("#with-static-area").getProperty("_id");
-		const staticArea = await browser.$("ui5-static-area");
-
-		await browser.$("#with-static-area").setAttribute("dir", "rtl");
-		await browser.executeAsync( async (done) => {
-			await window["sap-ui-webcomponents-bundle"].applyDirection();
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done();
-		});
-		assert.equal(await staticArea.$(`.${componentId}`).getAttribute("dir"), "rtl", "dir attribute dynamically set for static area item owner");
-	});
-
-	it("Test removing RTL for a static area item owner", async () => {
-		const componentId = await browser.$("#with-static-area-rtl").getProperty("_id");
-		const staticArea = await browser.$("ui5-static-area");
-
-		await browser.$("#with-static-area-rtl-container").removeAttribute("dir");
-		await browser.executeAsync( async (done) => {
-			await window["sap-ui-webcomponents-bundle"].applyDirection();
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done();
-		});
-		assert.notOk(await staticArea.$(`.${componentId}`).getAttribute("dir"), "dir attribute dynamically removed for static area item owner");
-	});
-});

package/dist/test-resources/specs/Theming.spec.js

@@ -1,44 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Theming works", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that the parameters for the default theme are embedded on boot", async () => {
-
-		const res = await browser.executeAsync(done => {
-			const style = document.adoptedStyleSheets.find(sh => sh._ui5StyleId === "data-ui5-theme-properties|@ui5/webcomponents-base-test").cssRules[0].cssText
-			done(style && style.includes("--var1: red")); // see test/assets/Themes.js
-		});
-
-		assert.strictEqual(res, true, "The fiori3 vars are found");
-	});
-
-	it("Tests that theme parameters are changed on theme change", async () => {
-		const newTheme = 'sap_belize_hcb';
-
-		const res = await browser.executeAsync( async (newTheme, done) => {
-			const config = window['sap-ui-webcomponents-bundle'].configuration;
-			await config.setTheme(newTheme);
-
-			const style = document.adoptedStyleSheets.find(sh => sh._ui5StyleId === "data-ui5-theme-properties|@ui5/webcomponents-base-test").cssRules[0].cssText
-			const varsFound = style && style.includes("--var1: orange"); // see test/assets/Themes.js
-			done(varsFound);
-		}, newTheme);
-
-		assert.strictEqual(res, true, "Theme parameters changed");
-	});
-
-	it("Tests fallback to default theme when setting unknown theme", async () => {
-		const unknownTheme = 'sap_unknown_theme';
-		await browser.url(`http://localhost:9191/test-resources/pages/AllTestElements.html?sap-ui-theme=${unknownTheme}`);
-
-		const res = await browser.executeAsync( async (done) => {
-			const cssVarValue = getComputedStyle(document.documentElement).getPropertyValue('--var1');
-			done(cssVarValue);
-		});
-
-		assert.strictEqual(res, ' red', "Default theme parameters loaded");
-	});
-});

package/dist/test-resources/specs/UI5ElementInvalidation.js

@@ -1,242 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Invalidation works", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that changing a property invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-
-			const el = document.getElementById("gen");
-
-			// Exactly 1 invalidation for each property change
-			let invalidations = 0;
-
-			el.onInvalidation = () => {
-				invalidations++;
-			};
-
-			el.strProp = "new value";
-			el.boolProp = true;
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidations);
-		});
-
-		assert.strictEqual(res, 2, "Invalidated 2 times");
-	});
-
-	it("Tests that setting a property to the same value does not invalidate", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const text = "some value";
-
-			const el = document.getElementById("gen");
-			el.strProp = text;
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			let invalidations = 0;
-
-			el.onInvalidation = () => {
-				invalidations++;
-			};
-
-			el.strProp = text;
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidations);
-		});
-
-		assert.strictEqual(res, 0, "Not invalidated");
-	});
-
-	it("Tests that setting a property of type Object always invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const obj = {};
-			const otherObj = {};
-
-			const el = document.getElementById("gen");
-			el.objectProp = obj;
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			let invalidations = 0;
-
-			el.onInvalidation = () => {
-				invalidations++;
-			};
-
-			el.objectProp = otherObj;
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidations);
-		});
-
-		assert.strictEqual(res, 1, "Invalidated");
-	});
-
-	it("Tests that setting an array property always invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const arr = [];
-			const otherArr = [];
-
-			const el = document.getElementById("gen");
-			el.multiProp = arr;
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			let invalidations = 0;
-
-			el.onInvalidation = () => {
-				invalidations++;
-			};
-
-			el.multiProp = otherArr;
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidations);
-		});
-
-		assert.strictEqual(res, 1, "Invalidated");
-	});
-
-	it("Tests that adding a child invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-
-			const el = document.getElementById("gen");
-
-			// Number of invalidations may vary with children/slots count, so just check for invalidation
-			let invalidated = false;
-
-			el.onInvalidation = () => {
-				invalidated = true;
-			};
-
-			const div = document.createElement("div");
-			el.appendChild(div);
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidated);
-		});
-
-		assert.strictEqual(res, true, "Invalidated");
-	});
-
-	it("Tests that removing a child invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-
-			const el = document.getElementById("gen");
-			const div = document.createElement("div");
-			el.appendChild(div);
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			let invalidated = false;
-
-			el.onInvalidation = () => {
-				invalidated = true;
-			};
-
-			el.removeChild(div);
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidated);
-		});
-
-		assert.strictEqual(res, true, "Invalidated");
-	});
-
-	it("Tests that modifying textContent invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-
-			const el = document.getElementById("gen");
-			el.textContent = "test";
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			// Number of invalidations may vary with children/slots count, so just check for invalidation
-			let invalidated = false;
-
-			el.onInvalidation = () => {
-				invalidated = true;
-			};
-
-			el.textContent = "test2";
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidated);
-		});
-
-		assert.strictEqual(res, true, "Invalidated");
-	});
-
-	it("Tests that modifying nodeValue invalidates", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-
-			const el = document.getElementById("gen");
-			el.textContent = "test";
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			// Number of invalidations may vary with children/slots count, so just check for invalidation
-			let invalidated = false;
-
-			el.onInvalidation = () => {
-				invalidated = true;
-			};
-
-			el.childNodes[0].nodeValue = "test2";
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(invalidated);
-		});
-
-		assert.strictEqual(res, true, "Invalidated");
-	});
-
-	it("Tests that multiple invalidations result in a single rendering", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-
-			const el = document.getElementById("gen");
-
-			const operations = {
-				invalidation: 0,
-				rendering: 0,
-			};
-
-			el.onInvalidation = () => {
-				operations.invalidation++;
-			};
-
-			const originalRender = el._render;
-			el._render = () => {
-				originalRender.apply(el, arguments);
-				operations.rendering++;
-			};
-
-			el.strProp = "new";
-			el.strProp = "newer";
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(operations);
-		});
-
-		assert.strictEqual(res.invalidation, 2, "Invalidated 2 times");
-		assert.strictEqual(res.rendering, 1, "Rendered once");
-	});
-
-});

package/dist/test-resources/specs/UI5ElementLifecycle.js

@@ -1,98 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Lifecycle works", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests element creation callbacks", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const creationCallbacks = ["onBeforeRendering", "onAfterRendering", "onEnterDOM"];
-			const calledCallbacks = [];
-
-			const el = document.createElement("ui5-test-generic");
-
-			creationCallbacks.forEach(callback => {
-				const original = el[callback];
-				el[callback] = () => {
-					calledCallbacks.push(callback);
-					original.call(el);
-				};
-			});
-
-			document.body.appendChild(el);
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(calledCallbacks);
-		});
-
-		assert.strictEqual(res.length, 3, "All 3 callbacks called");
-		assert.strictEqual(res[0], "onBeforeRendering", "onBeforeRendering called first");
-		assert.strictEqual(res[1], "onAfterRendering", "onAfterRendering called second");
-		assert.strictEqual(res[2], "onEnterDOM", "onEnterDOM called third");
-	});
-
-	it("Tests element invalidation callbacks", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const invalidationCallbacks = ["onBeforeRendering", "onAfterRendering"];
-			const calledCallbacks = [];
-
-			const el = document.createElement("ui5-test-generic");
-			document.body.appendChild(el);
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			el.strProp = "some string";
-
-			invalidationCallbacks.forEach(callback => {
-				const original = el[callback];
-				el[callback] = () => {
-					calledCallbacks.push(callback);
-					original.call(el);
-				};
-			});
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(calledCallbacks);
-		});
-
-		assert.strictEqual(res.length, 2, "All 2 callbacks called");
-		assert.strictEqual(res[0], "onBeforeRendering", "onBeforeRendering called first");
-		assert.strictEqual(res[1], "onAfterRendering", "onAfterRendering called second");
-	});
-
-	it("Tests element destruction callback", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const destructionCallbacks = ["onExitDOM"];
-			const calledCallbacks = [];
-
-			const el = document.createElement("ui5-test-generic");
-
-			destructionCallbacks.forEach(callback => {
-				const original = el[callback];
-				el[callback] = () => {
-					calledCallbacks.push(callback);
-					original.call(el);
-				};
-			});
-
-			document.body.appendChild(el);
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished(); // Must wait, otherwise onExitDOM won't be called
-
-			document.body.removeChild(el);
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(calledCallbacks);
-		});
-
-		assert.strictEqual(res.length, 1, "Only 1 callback was called");
-		assert.strictEqual(res[0], "onExitDOM", "onExitDOM called");
-	});
-
-});

package/dist/test-resources/specs/UI5ElementListenForChildPropChanges.spec.js

@@ -1,75 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Metadata slot invalidateOnChildChange works", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("Tests that changing a monitored property of a child invalidates the parent", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const parent = document.getElementById("parent");
-			const child = document.getElementById("child1");
-
-			let parentInvalidated = false;
-
-			parent.onInvalidation = () => {
-				parentInvalidated = true;
-			};
-
-			child.prop1 = "a"; // child1(default slot) prop1 -> invalidates
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(parentInvalidated);
-		});
-
-		assert.strictEqual(res, true, "Parent invalidated");
-	});
-
-	it("Tests that changing a non-monitored property of a child does not invalidate the parent", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const parent = document.getElementById("parent");
-			const child = document.getElementById("child1");
-
-			let parentInvalidated = false;
-
-			parent.onInvalidation = () => {
-				parentInvalidated = true;
-			};
-
-			child.prop2 = "b"; // child1(default slot) prop 2 -> does not
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(parentInvalidated);
-		});
-
-		assert.strictEqual(res, false, "Parent not invalidated");
-	});
-
-	it("Tests that listening for all properties works", async () => {
-
-		const res = await browser.executeAsync( async (done) => {
-			const parent = document.getElementById("parent");
-			const child = document.getElementById("child2");
-
-			let parentInvalidatedCount = 0;
-
-			parent.onInvalidation = () => {
-				parentInvalidatedCount++;
-			};
-
-			child.prop1 = "c";
-			child.prop2 = "c";
-			child.prop3 = "c";
-
-			await window["sap-ui-webcomponents-bundle"].renderFinished();
-
-			done(parentInvalidatedCount);
-		});
-
-		assert.strictEqual(res, 3, "Parent invalidated 3 times");
-	});
-});

package/dist/test-resources/specs/UI5ElementMetadataExt.js

@@ -1,42 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Metadata can be extended", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("When extending metadata, both own and extended entities exist in the resulting metadata", async () => {
-
-		const res = await browser.executeAsync(done => {
-
-			const el = document.getElementById("genExt");
-			const m = el.constructor.getMetadata();
-
-			const ok = !!m.getProperties().strProp &&
-				!!m.getProperties().extProp &&
-				!!m.getSlots().default &&
-				!!m.getSlots().extSlot;
-
-			done(ok);
-		});
-
-		assert.strictEqual(res, true, "Metadata properly extended");
-	});
-
-	it("When extending metadata, property defaultValue can be modified", async () => {
-
-		const res = await browser.executeAsync(done => {
-
-			const el = document.getElementById("genExt");
-			const m = el.constructor.getMetadata();
-
-			const ok = !!m.getProperties().strProp &&
-				m.getProperties().strProp.defaultValue === "Ext";
-
-			done(ok);
-		});
-
-		assert.strictEqual(res, true, "Property defaultValue changed");
-	});
-
-});

package/dist/test-resources/specs/UI5ElementPropertyValidation.js

@@ -1,14 +0,0 @@
-const assert = require("chai").assert;
-
-describe("Properties can only have values, restricted to their types", () => {
-	before(async () => {
-		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
-	});
-
-	it("String property enforced to string", async () => {
-		const el = await browser.$("#gen");
-		await el.setProperty("strProp", 5);
-		assert.strictEqual(await el.getProperty("strProp"), "5", "String property is string");
-	});
-
-});