@ui5/webcomponents 2.7.0-rc.1 → 2.7.0

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/MultiComboBox.cy.ts

@@ -1,22 +0,0 @@
-import { html } from "lit";
-import "../../src/MultiComboBox.js";
-import "../../src/MultiComboBoxItem.js";
-
-describe("Security", () => {
-	it("tests setting malicious text to items", () => {
-		cy.mount(html`
-			<ui5-multi-combobox>
-				<ui5-mcb-item text="<script>alert('XSS')</script>"></ui5-mcb-item>
-				<ui5-mcb-item text="<b onmouseover=alert('XSS')></b>"></ui5-mcb-item>
-				<ui5-mcb-item text="Albania<button onClick='alert(1)'>alert</button>"></ui5-mcb-item>
-			</ui5-multi-combobox>
-		`);
-
-		cy.get("ui5-mcb-item").eq(0).shadow().find(".ui5-li-title")
-			.should("have.text", "<script>alert('XSS')</script>");
-		cy.get("ui5-mcb-item").eq(1).shadow().find(".ui5-li-title")
-			.should("have.text", "<b onmouseover=alert('XSS')></b>");
-		cy.get("ui5-mcb-item").eq(2).shadow().find(".ui5-li-title")
-			.should("have.text", "Albania<button onClick='alert(1)'>alert</button>");
-	});
-});

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");
-	});
-});

package/cypress/specs/Select.cy.ts

@@ -1,39 +0,0 @@
-import { html } from "lit";
-import "../../src/Select.js";
-import "../../src/Option.js";
-import "../../src/OptionCustom.js";
-
-describe("Select - Accessibility", () => {
-	it("tests options tooltip is set displayed", () => {
-		const EXPECTED_TOOLTIP = "Tooltip";
-		const EXPECTED_ROLE = "option";
-		cy.mount(html`
-			<ui5-select>
-				<ui5-option value="1" tooltip="${EXPECTED_TOOLTIP}">Option 1</ui5-option>
-				<ui5-option-custom value="2" tooltip="${EXPECTED_TOOLTIP}">Option 2</ui5-option-custom>
-			</ui5-select>
-		`);
-
-		// Check if the role is set to option
-		cy
-			.get("[ui5-option]")
-			.shadow()
-			.find("li.ui5-li-root")
-			.should("have.attr", "role", EXPECTED_ROLE)
-			.get("[ui5-option-custom]")
-			.shadow()
-			.find("li.ui5-li-root")
-			.should("have.attr", "role", EXPECTED_ROLE);
-
-		// Check if the tooltip is set
-		cy
-			.get("[ui5-option][tooltip]")
-			.shadow()
-			.find("li.ui5-li-root")
-			.should("have.attr", "title", EXPECTED_TOOLTIP)
-			.get("[ui5-option-custom][tooltip]")
-			.shadow()
-			.find("li.ui5-li-root")
-			.should("have.attr", "title", EXPECTED_TOOLTIP);
-	});
-});