@ui5/webcomponents-base 0.0.0-389bdbabc → 0.0.0-453158269

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

@@ -1,31 +1,44 @@
 const assert = require("chai").assert;
 
 describe("Theming works", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	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", () => {
+	it("Tests that the parameters for the default theme are embedded on boot", async () => {
 
-		const res = browser.execute(() => {
-			const style = document.querySelector(`style[data-ui5-theme-properties="@ui5/webcomponents-base-test"]`);
-			return style && style.textContent.includes("--var1: red"); // see test/assets/Themes.js
+		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", () => {
+	it("Tests that theme parameters are changed on theme change", async () => {
 		const newTheme = 'sap_belize_hcb';
 
-		const res = browser.executeAsync( async (newTheme, done) => {
+		const res = await browser.executeAsync( async (newTheme, done) => {
 			const config = window['sap-ui-webcomponents-bundle'].configuration;
 			await config.setTheme(newTheme);
 
-			const style = document.querySelector(`style[data-ui5-theme-properties="@ui5/webcomponents-base-test"]`);
-			const varsFound = style && style.textContent.includes("--var1: orange"); // see test/assets/Themes.js
-			return done(varsFound);
+			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,228 +1,214 @@
 const assert = require("chai").assert;
 
 describe("Invalidation works", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests that changing a property invalidates", () => {
+	it("Tests that changing a property invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 
 			const el = document.getElementById("gen");
 
 			// Exactly 1 invalidation for each property change
 			let invalidations = 0;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidations++;
 			};
 
 			el.strProp = "new value";
 			el.boolProp = true;
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidations);
+			done(invalidations);
 		});
 
 		assert.strictEqual(res, 2, "Invalidated 2 times");
 	});
 
-	it("Tests that setting a property to the same value does not invalidate", () => {
+	it("Tests that setting a property to the same value does not invalidate", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const text = "some value";
 
 			const el = document.getElementById("gen");
 			el.strProp = text;
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			let invalidations = 0;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidations++;
 			};
 
 			el.strProp = text;
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidations);
+			done(invalidations);
 		});
 
 		assert.strictEqual(res, 0, "Not invalidated");
 	});
 
-	it("Tests that setting a property of type Object always invalidates", () => {
+	it("Tests that setting a property of type Object always invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const obj = {};
 			const otherObj = {};
 
 			const el = document.getElementById("gen");
 			el.objectProp = obj;
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			let invalidations = 0;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidations++;
 			};
 
 			el.objectProp = otherObj;
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidations);
+			done(invalidations);
 		});
 
 		assert.strictEqual(res, 1, "Invalidated");
 	});
 
-	it("Tests that setting an array property always invalidates", () => {
+	it("Tests that setting an array property always invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const arr = [];
 			const otherArr = [];
 
 			const el = document.getElementById("gen");
 			el.multiProp = arr;
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			let invalidations = 0;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidations++;
 			};
 
 			el.multiProp = otherArr;
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidations);
+			done(invalidations);
 		});
 
 		assert.strictEqual(res, 1, "Invalidated");
 	});
 
-	it("Tests that adding a child invalidates", () => {
+	it("Tests that adding a child invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		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;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidated = true;
 			};
 
 			const div = document.createElement("div");
 			el.appendChild(div);
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidated);
+			done(invalidated);
 		});
 
 		assert.strictEqual(res, true, "Invalidated");
 	});
 
-	it("Tests that removing a child invalidates", () => {
+	it("Tests that removing a child invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 
 			const el = document.getElementById("gen");
 			const div = document.createElement("div");
 			el.appendChild(div);
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			let invalidated = false;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidated = true;
 			};
 
 			el.removeChild(div);
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidated);
+			done(invalidated);
 		});
 
 		assert.strictEqual(res, true, "Invalidated");
 	});
 
-	it("Tests that modifying textContent invalidates", () => {
+	it("Tests that modifying textContent invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 
 			const el = document.getElementById("gen");
 			el.textContent = "test";
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			// Number of invalidations may vary with children/slots count, so just check for invalidation
 			let invalidated = false;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidated = true;
 			};
 
 			el.textContent = "test2";
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidated);
+			done(invalidated);
 		});
 
 		assert.strictEqual(res, true, "Invalidated");
 	});
 
-	it("Tests that modifying nodeValue invalidates", () => {
+	it("Tests that modifying nodeValue invalidates", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 
 			const el = document.getElementById("gen");
 			el.textContent = "test";
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			// Number of invalidations may vary with children/slots count, so just check for invalidation
 			let invalidated = false;
 
-			const original = el._invalidate;
-			el._invalidate = () => {
-				original.apply(el, arguments);
+			el.onInvalidation = () => {
 				invalidated = true;
 			};
 
 			el.childNodes[0].nodeValue = "test2";
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(invalidated);
+			done(invalidated);
 		});
 
 		assert.strictEqual(res, true, "Invalidated");
 	});
 
-	it("Tests that multiple invalidations result in a single rendering", () => {
+	it("Tests that multiple invalidations result in a single rendering", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 
 			const el = document.getElementById("gen");
 
@@ -231,9 +217,7 @@ describe("Invalidation works", () => {
 				rendering: 0,
 			};
 
-			const originalInvalidate = el._invalidate;
-			el._invalidate = () => {
-				originalInvalidate.apply(el, arguments);
+			el.onInvalidation = () => {
 				operations.invalidation++;
 			};
 
@@ -246,9 +230,9 @@ describe("Invalidation works", () => {
 			el.strProp = "new";
 			el.strProp = "newer";
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(operations);
+			done(operations);
 		});
 
 		assert.strictEqual(res.invalidation, 2, "Invalidated 2 times");

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

@@ -1,11 +1,13 @@
 const assert = require("chai").assert;
 
 describe("Lifecycle works", () => {
-	browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	before(async () => {
+		await browser.url("http://localhost:9191/test-resources/pages/AllTestElements.html");
+	});
 
-	it("Tests element creation callbacks", () => {
+	it("Tests element creation callbacks", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const creationCallbacks = ["onBeforeRendering", "onAfterRendering", "onEnterDOM"];
 			const calledCallbacks = [];
 
@@ -20,9 +22,9 @@ describe("Lifecycle works", () => {
 			});
 
 			document.body.appendChild(el);
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(calledCallbacks);
+			done(calledCallbacks);
 		});
 
 		assert.strictEqual(res.length, 3, "All 3 callbacks called");
@@ -31,16 +33,16 @@ describe("Lifecycle works", () => {
 		assert.strictEqual(res[2], "onEnterDOM", "onEnterDOM called third");
 	});
 
-	it("Tests element invalidation callbacks", () => {
+	it("Tests element invalidation callbacks", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		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.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
 			el.strProp = "some string";
 
@@ -52,9 +54,9 @@ describe("Lifecycle works", () => {
 				};
 			});
 
-			await window.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(calledCallbacks);
+			done(calledCallbacks);
 		});
 
 		assert.strictEqual(res.length, 2, "All 2 callbacks called");
@@ -62,9 +64,9 @@ describe("Lifecycle works", () => {
 		assert.strictEqual(res[1], "onAfterRendering", "onAfterRendering called second");
 	});
 
-	it("Tests element destruction callback", () => {
+	it("Tests element destruction callback", async () => {
 
-		const res = browser.executeAsync( async (done) => {
+		const res = await browser.executeAsync( async (done) => {
 			const destructionCallbacks = ["onExitDOM"];
 			const calledCallbacks = [];
 
@@ -79,11 +81,14 @@ describe("Lifecycle works", () => {
 			});
 
 			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.RenderScheduler.whenFinished();
+			await window["sap-ui-webcomponents-bundle"].renderFinished();
 
-			return done(calledCallbacks);
+			done(calledCallbacks);
 		});
 
 		assert.strictEqual(res.length, 1, "Only 1 callback was called");

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

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

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

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

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

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