@ui5/webcomponents 2.3.0-rc.0 → 2.3.0-rc.1

package/cypress/specs/LitKeyFunction.cy.ts

@@ -0,0 +1,50 @@
+import { html } from "lit";
+import "../../src/MultiComboBox.js";
+import "../../src/MultiComboBoxItem.js";
+
+describe("Lit HTML key function for #each", () => {
+	it("LIT HTML does not mess up keys when looping over lists", () => {
+		cy.mount(html`<ui5-multi-combobox id="mcb">
+			<ui5-mcb-item text="<empty>"></ui5-mcb-item>
+			<ui5-mcb-item text="Algeria"></ui5-mcb-item>
+			<ui5-mcb-item text="China"></ui5-mcb-item>
+			<ui5-mcb-item text="USA"></ui5-mcb-item>
+</ui5-multi-combobox>`);
+
+		cy.get("#mcb")
+			.as("mcb")
+			.realClick();
+
+		cy.realPress("u");
+		cy.realPress("s");
+		cy.realPress("a");
+
+		cy.get("@mcb")
+			.shadow()
+			.find(".ui5-multi-combobox-all-items-responsive-popover")
+			.as("popover");
+
+		cy.get("@popover")
+			.find(".ui5-multi-combobox-all-items-list > ui5-li")
+			.as("items");
+
+		cy.get("@items")
+			.eq(0)
+			.realClick();
+
+		cy.get("@mcb")
+			.shadow()
+			.find(".inputIcon")
+			.realClick();
+
+		cy.get("@items")
+			.eq(0)
+			.should("contain.text", "<empty>")
+			.should("not.have.attr", "selected");
+
+		cy.get("@items")
+			.eq(3)
+			.should("contain.text", "USA")
+			.should("have.attr", "selected");
+	});
+});

package/cypress/specs/RTL.cy.ts

@@ -0,0 +1,19 @@
+import { html } from "lit";
+import "../../src/CheckBox.js";
+
+describe("RTL", () => {
+	it("tests effectiveDir", () => {
+		cy.mount(html`<section dir="rtl">
+	<ui5-checkbox id="cbRTL" text="Click me"></ui5-checkbox>
+	<ui5-checkbox id="cbLTR" text="This checkbox however defines dir=ltr" dir="ltr"></ui5-checkbox>
+</section>`);
+
+		cy.get("#cbRTL")
+			.invoke("prop", "effectiveDir")
+			.should("be.equal", "rtl");
+
+		cy.get("#cbLTR")
+			.invoke("prop", "effectiveDir")
+			.should("be.equal", "ltr");
+	});
+});

package/cypress.config.js

@@ -1,7 +1,9 @@
 import cypressConfig from "@ui5/webcomponents-tools/components-package/cypress.config.js";
 import path from "path";
+import { fileURLToPath } from "node:url";
 
-const __dirname = path.dirname(new URL(import.meta.url).pathname);
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 cypressConfig.component.supportFile = path.join(__dirname, "cypress/support/component.ts");