@ui5/webcomponents 2.7.0-rc.2 → 2.7.1

package/cypress/specs/Title.cy.ts

@@ -1,37 +0,0 @@
-import { html } from "lit";
-import "../../src/Title.js";
-
-describe("Title", () => {
-	describe("Rendering ", () => {
-		it("h{n} tags rendered correctly", () => {
-			cy.mount(html`<ui5-title id="titleH1" level="H1">Title Size 1</ui5-title>`);
-			cy.get("#titleH1").shadow().find("h1").should("exist");
-
-			cy.mount(html`<ui5-title id="titleAuto">Title Size Auto (2)</ui5-title>`);
-			cy.get("#titleAuto").shadow().find("h2").should("exist");
-
-			cy.mount(html`<ui5-title id="titleH2" level="H2">Title Size 2</ui5-title>`);
-			cy.get("#titleH2").shadow().find("h2").should("exist");
-
-			cy.mount(html`<ui5-title id="titleH3" level="H3">Title Size 3</ui5-title>`);
-			cy.get("#titleH3").shadow().find("h3").should("exist");
-
-			cy.mount(html`<ui5-title id="titleH4" level="H4">Title Size 4</ui5-title>`);
-			cy.get("#titleH4").shadow().find("h4").should("exist");
-
-			cy.mount(html`<ui5-title id="titleH5" level="H5">Title Size 5</ui5-title>`);
-			cy.get("#titleH5").shadow().find("h5").should("exist");
-
-			cy.mount(html`<ui5-title id="titleH6" level="H6">Title Size 6</ui5-title>`);
-			cy.get("#titleH6").shadow().find("h6").should("exist");
-		});
-
-		it("should wrap the text of the title", () => {
-			cy.mount(html`<ui5-title size="H6" level="H6" id="wrapping-title" style="width: 200px;">Wrapping Title Lorem Ipsum Dolor, Sit Amet Consectetur Adipisicing Elit. Numquam, Ab.</ui5-title>`);
-			cy.get("#wrapping-title").should("have.css", "height", "64px");
-
-			cy.mount(html`<ui5-title size="H6" level="H6" id="truncated-title" wrapping-type="None" style="width: 200px;">Truncated Title Lorem Ipsum Dolor, Sit Amet Consectetur Adipisicing Elit. Numquam, Ab.</ui5-title>`);
-			cy.get("#truncated-title").should("have.css", "height", "16px");
-		});
-	});
-});

package/cypress/specs/Tokenizer.cy.ts

@@ -1,114 +0,0 @@
-import { html } from "lit";
-import "../../src/Tokenizer.js";
-import type Tokenizer from "../../src/Tokenizer.js";
-
-describe("Tokenizer - multi-line and Clear All", () => {
-	it("'Clear All' link is rendered for multi-line tokenizer and show-clear-all set to true", () => {
-		cy.mount(html`<ui5-tokenizer show-clear-all multi-line>
-			<ui5-token text="Andora"></ui5-token>
-			<ui5-token text="Bulgaria"></ui5-token>
-			<ui5-token text="Canada"></ui5-token>
-			<ui5-token text="Denmark"></ui5-token>
-			<ui5-token text="Estonia"></ui5-token>
-			<ui5-token text="Finland"></ui5-token>
-			<ui5-token text="Germany"></ui5-token>
-		</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--clear-all")
-			.should("exist");
-	});
-
-	it("'Clear All' link is rendered even for 1 token when in multi-line mode", () => {
-		cy.mount(html`<ui5-tokenizer show-clear-all multi-line>
-			<ui5-token text="Andora"></ui5-token>
-		</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--clear-all")
-			.should("exist");
-	});
-
-	it("'Clear All' link is not rendered for single-line tokenizer even when show-clear-all is set to true", () => {
-		cy.mount(html`<ui5-tokenizer show-clear-all>
-						<ui5-token text="Andora"></ui5-token>
-					</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--clear-all")
-			.should("not.exist");
-	});
-
-	it("'Clear All' link is not rendered for multi-line tokenizer when show-clear-all is set to false", () => {
-		cy.mount(html`<ui5-tokenizer multi-line>
-			<ui5-token text="Andora"></ui5-token>
-			<ui5-token text="Bulgaria"></ui5-token>
-			<ui5-token text="Canada"></ui5-token>
-			<ui5-token text="Denmark"></ui5-token>
-			<ui5-token text="Estonia"></ui5-token>
-			<ui5-token text="Finland"></ui5-token>
-			<ui5-token text="Germany"></ui5-token>
-		</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--clear-all")
-			.should("not.exist");
-	});
-
-	it("'Clear All' link is not rendered for multi-line readonly tokenizer when show-clear-all 'true'", () => {
-		cy.mount(html`<ui5-tokenizer multi-line show-clear-all readonly>
-			<ui5-token text="Andora"></ui5-token>
-			<ui5-token text="Bulgaria"></ui5-token>
-			<ui5-token text="Canada"></ui5-token>
-			<ui5-token text="Denmark"></ui5-token>
-			<ui5-token text="Estonia"></ui5-token>
-			<ui5-token text="Finland"></ui5-token>
-			<ui5-token text="Germany"></ui5-token>
-		</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--clear-all")
-			.should("not.exist");
-	});
-
-	it("'n-more' link is not rendered for multi-line tokenizer", () => {
-		cy.mount(html`<ui5-tokenizer multi-line style="width: 100px;">
-			<ui5-token text="Andora"></ui5-token>
-			<ui5-token text="Bulgaria"></ui5-token>
-			<ui5-token text="Canada"></ui5-token>
-			<ui5-token text="Denmark"></ui5-token>
-			<ui5-token text="Estonia"></ui5-token>
-			<ui5-token text="Finland"></ui5-token>
-			<ui5-token text="Germany"></ui5-token>
-		</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--more-text")
-			.should("not.exist");
-	});
-
-	it("Pressing 'Clear All' link fires token-delete event", () => {
-		cy.mount(html`<ui5-tokenizer show-clear-all multi-line>
-			<ui5-token text="Andora"></ui5-token>
-			<ui5-token text="Bulgaria"></ui5-token>
-			<ui5-token text="Canada"></ui5-token>
-		</ui5-tokenizer>`);
-
-		cy.get<Tokenizer>("[ui5-tokenizer]").then($tokenizer => $tokenizer.get(0).addEventListener("token-delete", cy.stub().as("delete")));
-
-		cy.get<Tokenizer>("[ui5-tokenizer]")
-			.shadow()
-			.find(".ui5-tokenizer--clear-all")
-			.eq(0)
-			.click();
-
-		cy.get("@delete")
-			.should("have.been.calledOnce");
-	});
-});

package/cypress/specs/base/Tooltips.cy.ts

@@ -1,55 +0,0 @@
-import { setEnableDefaultTooltips } from "@ui5/webcomponents-base/dist/config/Tooltips.js";
-import { html } from "lit";
-import "../../../src/Icon.js";
-import "../../../src/Button.js";
-import "../../../src/ToggleButton.js";
-import "../../../src/SegmentedButton.js";
-import "../../../src/SegmentedButtonItem.js";
-import "../../../src/RatingIndicator.js";
-
-setEnableDefaultTooltips(false);
-
-describe("Default Tooltips", () => {
-	it("tests navigation", () => {
-		cy.mount(html`
-	<ui5-icon id="ic" name="settings"></ui5-icon>
-	<ui5-button id="btn" icon="settings"></ui5-button>
-	<ui5-rating-indicator id="rt" icon="settings"></ui5-rating-indicator>
-	<ui5-toggle-button id="togglebtn" icon="settings"></ui5-toggle-button>
-	<ui5-segmented-button id="segBtn">
-		<ui5-segmented-button-item id="segBtnItem" icon="add"></ui5-segmented-button-item>
-		<ui5-segmented-button-item id="segBtnItem2" icon="settings"></ui5-segmented-button-item>
-		<ui5-segmented-button-item id="segBtnItem3" icon="activate"></ui5-segmented-button-item>
-	</ui5-segmented-button>`);
-
-		cy.get("#ic")
-			.shadow()
-			.find("title")
-			.should("not.exist");
-
-		cy.get("#btn")
-			.shadow()
-			.find(".ui5-button-icon")
-			.should("not.have.attr", "title");
-
-		cy.get("#togglebtn")
-			.shadow()
-			.find(".ui5-button-icon")
-			.should("not.have.attr", "title");
-
-		cy.get("#rt")
-			.shadow()
-			.find(".ui5-rating-indicator-root")
-			.should("not.have.attr", "title");
-
-		cy.get("#segBtnItem")
-			.shadow()
-			.find(".ui5-segmented-button-item-root")
-			.should("not.have.attr", "title");
-
-		cy.get("#segBtnItem")
-			.shadow()
-			.find(".ui5-segmented-button-item-icon")
-			.should("not.have.attr", "title");
-	});
-});