@ui5/webcomponents 2.7.0-rc.2 → 2.8.0-rc.0

package/cypress/specs/Input.cy.ts

@@ -1,130 +0,0 @@
-import { html } from "lit";
-import "../../src/Input.js";
-import type Input from "../../src/Input.js";
-import "../../src/SuggestionItem.js";
-import "../../src/SuggestionItemCustom.js";
-import "../../src/SuggestionItemGroup.js";
-
-describe("Input Tests", () => {
-	it("tets input event prevention", () => {
-		cy.mount(html`
-			<ui5-input></ui5-input>
-		`);
-
-		cy.get("[ui5-input]")
-			.as("input");
-
-		cy.get<Input>("@input")
-			.then($input => {
-				$input.get(0).addEventListener("input", e => {
-					e.preventDefault();
-					(e.target as Input).value = "test";
-				});
-			});
-
-		cy.get<Input>("@input")
-			.realClick();
-
-		cy.realPress("a");
-
-		cy.get("@input")
-			.shadow()
-			.find("input")
-			.should("have.value", "test");
-	});
-
-	it("tests custom suggestion items tabindex", () => {
-		cy.mount(html`
-			<ui5-input show-suggestions>
-				<ui5-suggestion-item-custom text="Item 1">Item 1</ui5-suggestion-item-custom>
-				<ui5-suggestion-item-custom text="Item 2">Item 2</ui5-suggestion-item-custom>
-				<ui5-suggestion-item-custom text="Item 3">Item 3</ui5-suggestion-item-custom>
-			</ui5-input>
-		`);
-
-		cy.get("[ui5-input]")
-			.as("input");
-
-		cy.get<Input>("@input")
-			.shadow()
-			.find("input")
-			.as("inner");
-
-		cy.get("@inner").realClick();
-		cy.get("@inner").type("i");
-		cy.get("@inner").realPress("ArrowDown");
-
-		cy.get("@input")
-			.find("[ui5-suggestion-item-custom]")
-			.shadow()
-			.find("li")
-			.should("not.have.attr", "tabindex", "0")
-			.should("have.attr", "role", "option");
-	});
-
-	it("tests regular suggestion items tabindex", () => {
-		cy.mount(html`
-			<ui5-input show-suggestions>
-				<ui5-suggestion-item text="Item 1"></ui5-suggestion-item>
-				<ui5-suggestion-item text="Item 2"></ui5-suggestion-item>
-				<ui5-suggestion-item text="Item 3"></ui5-suggestion-item>
-			</ui5-input>
-		`);
-
-		cy.get("[ui5-input]")
-			.as("input");
-
-		cy.get<Input>("@input")
-			.shadow()
-			.find("input")
-			.as("inner");
-
-		cy.get("@inner").realClick();
-		cy.get("@inner").type("i");
-		cy.get("@inner").realPress("ArrowDown");
-
-		cy.get("@input")
-			.find("ui5-suggestion-item")
-			.shadow()
-			.find("li")
-			.should("not.have.attr", "tabindex", "0")
-			.should("have.attr", "role", "option");
-	});
-
-	it("tests suggestion group items tabindex", () => {
-		cy.mount(html`
-			<ui5-input show-suggestions>
-				<ui5-suggestion-item-group header-text="Group 1">
-					<ui5-suggestion-item text="Item 1"></ui5-suggestion-item>
-					<ui5-suggestion-item text="Item 2"></ui5-suggestion-item>
-					<ui5-suggestion-item text="Item 3"></ui5-suggestion-item>
-				</ui5-suggestion-item-group>
-				<ui5-suggestion-item-group header-text="Group 2">
-					<ui5-suggestion-item text="Item 4"></ui5-suggestion-item>
-					<ui5-suggestion-item text="Item 5"></ui5-suggestion-item>
-					<ui5-suggestion-item text="Item 6"></ui5-suggestion-item>
-				</ui5-suggestion-item-group>
-			</ui5-input>
-		`);
-
-		cy.get("[ui5-input]")
-			.as("input");
-
-		cy.get<Input>("@input")
-			.shadow()
-			.find("input")
-			.as("inner");
-
-		cy.get("@inner").realClick();
-		cy.get("@inner").type("i");
-		cy.get("@inner").realPress("ArrowDown");
-
-		cy.get("@input")
-			.find("[ui5-suggestion-item-group]")
-			.shadow()
-			.find("[ui5-li-group-header]")
-			.shadow()
-			.find("ul")
-			.should("not.have.attr", "tabindex", "0");
-	});
-});

package/cypress/specs/Link.cy.ts

@@ -1,16 +0,0 @@
-import { html } from "lit";
-import "../../src/Link.js";
-
-describe("Accessibility", () => {
-	it("setting accessible-description is applied to button tag", () => {
-		cy.mount(html`<ui5-link accessible-description="A long description."></ui5-link>`);
-
-		cy.get("[ui5-link]")
-			.shadow()
-			.find("a")
-			.as("link");
-
-		cy.get("@link")
-			.should("have.attr", "aria-description", "A long description.");
-	});
-});

package/cypress/specs/MessageStrip.cy.ts

@@ -1,91 +0,0 @@
-import { html } from "lit";
-import "../../src/MessageStrip.js";
-import {
-	MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION,
-	MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM,
-	MESSAGE_STRIP_INFORMATION,
-	MESSAGE_STRIP_CLOSABLE,
-	MESSAGE_STRIP_CUSTOM,
-} from "../../src/generated/i18n/i18n-defaults.js";
-
-describe("API", () => {
-	it("tests close event", () => {
-		cy.mount(html`<ui5-message-strip>MessageStrip</ui5-message-strip>`);
-
-		cy.get("[ui5-message-strip]").then($strip => {
-			$strip.get(0).addEventListener("close", cy.stub().as("close"));
-		});
-
-		cy.get("[ui5-message-strip]")
-			.shadow()
-			.find(".ui5-message-strip-close-button")
-			.as("closeButton");
-
-		cy.get("@closeButton")
-			.realClick();
-
-		cy.get("@closeButton")
-			.realPress("Space");
-
-		cy.get("@closeButton")
-			.realPress("Enter");
-
-		cy.get("@close").should("have.callCount", 3);
-	});
-
-	it("Message strip is rendered without icon when design changes from default to a specific color set and scheme", () => {
-		cy.mount(html`<ui5-message-strip >MessageStrip w/ default properties</ui5-message-strip>`);
-
-		cy.get("[ui5-message-strip]")
-			.invoke("prop", "design", "ColorSet1")
-			.invoke("prop", "colorScheme", "1");
-
-		cy.get("[ui5-message-strip]")
-			.shadow()
-			.find("ui5-icon")
-			.should("not.exist");
-	});
-
-	it("should display the correct tooltip text for different designs", () => {
-		const designs = [
-		  {
-				design: "Information",
-				btnText: MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION.defaultText,
-		  },
-		  {
-				design: "ColorSet1",
-				btnText: MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM.defaultText,
-		  },
-		];
-
-		designs.forEach(({ design, btnText }) => {
-		  cy.mount(html`<ui5-message-strip class="top" design="${design}">${design} design with icon and close button:</ui5-message-strip>`);
-
-		  cy.get("[ui5-message-strip]")
-				.shadow()
-				.find("ui5-button")
-				.shadow()
-				.find("button")
-				.should("have.attr", "title", btnText);
-		});
-	});
-});
-
-describe("Accessibility", () => {
-	it("Test hidden text element content", () => {
-		cy.mount(html`
-			<ui5-message-strip id="messageStrip">Hello World!</ui5-message-strip>
-			<ui5-message-strip id="colorSet1ColorScheme1" design="ColorSet1" color-scheme="1" class="top"><ui5-icon name="palette" slot="icon"></ui5-icon>Color Set 1 - color-scheme 1</ui5-message-strip>
-		`);
-
-		cy.get("#messageStrip")
-			.shadow()
-			.find(".ui5-hidden-text")
-			.should("have.text", `${MESSAGE_STRIP_INFORMATION.defaultText} ${MESSAGE_STRIP_CLOSABLE.defaultText}`);
-
-		cy.get("#colorSet1ColorScheme1")
-			.shadow()
-			.find(".ui5-hidden-text")
-			.should("have.text", `${MESSAGE_STRIP_CUSTOM.defaultText} ${MESSAGE_STRIP_CLOSABLE.defaultText}`);
-	});
-});

package/cypress/specs/RTL.cy.ts

@@ -1,17 +0,0 @@
-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")
-			.should("have.prop", "effectiveDir", "rtl");
-
-		cy.get("#cbLTR")
-			.should("have.prop", "effectiveDir", "ltr");
-	});
-});