@ui5/webcomponents-fiori 2.6.0-rc.1 → 2.6.0-rc.3

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.6.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.6.0-rc.2...v2.6.0-rc.3) (2024-12-26)
+
+
+### Bug Fixes
+
+* **ui5-dynamic-page:** correct z-index for dynamic page header ([#10425](https://github.com/SAP/ui5-webcomponents/issues/10425)) ([5af40ae](https://github.com/SAP/ui5-webcomponents/commit/5af40ae08423bafee67129b4583b891d4ac71674)), closes [#10399](https://github.com/SAP/ui5-webcomponents/issues/10399)
+* **ui5-navigation-layout:** fix example ([#10421](https://github.com/SAP/ui5-webcomponents/issues/10421)) ([2a4691e](https://github.com/SAP/ui5-webcomponents/commit/2a4691e3f378d8339fb151473c6e63f52413700d))
+* **ui5-side-navigation:** fix expand and collapse ([#10418](https://github.com/SAP/ui5-webcomponents/issues/10418)) ([4d17e57](https://github.com/SAP/ui5-webcomponents/commit/4d17e575857fbc2665cb9a277418f3e6b9b9433c))
+
+
+### Features
+
+* **ui5-user-menu:** add open and close events ([#10363](https://github.com/SAP/ui5-webcomponents/issues/10363)) ([8109bfd](https://github.com/SAP/ui5-webcomponents/commit/8109bfd85d54374f007564c66df1404fef1a340c))
+
+
+
+
+
+# [2.6.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.6.0-rc.1...v2.6.0-rc.2) (2024-12-19)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
 # [2.6.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.6.0-rc.0...v2.6.0-rc.1) (2024-12-16)
 
 

package/cypress/specs/SideNavigation.cy.ts

@@ -0,0 +1,38 @@
+import { html } from "lit";
+import "../../src/SideNavigation.js";
+import "../../src/SideNavigationItem.js";
+import "../../src/SideNavigationSubItem.js";
+
+const sample = html` <ui5-side-navigation>
+	<ui5-side-navigation-item
+		id="item1"
+		text="Home"
+		icon="home"
+		tooltip="Home tooltip"
+	></ui5-side-navigation-item>
+	<ui5-side-navigation-item id="item2" text="People" icon="group">
+		<ui5-side-navigation-sub-item
+			id="item21"
+			text="From My Team"
+			icon="employee-approvals"
+			tooltip="From My Team tooltip"
+		></ui5-side-navigation-sub-item>
+		<ui5-side-navigation-sub-item
+			id="item22"
+			text="From Other Teams"
+			icon="employee-rejections"
+		></ui5-side-navigation-sub-item>
+	</ui5-side-navigation-item>
+</ui5-side-navigation>`;
+
+describe("Side Navigation interaction", () => {
+	it("Tests that expand works", () => {
+		cy.mount(sample);
+
+		// act
+		cy.get("#item2").shadow().find(".ui5-sn-item-toggle-icon").realClick();
+
+		// assert
+		cy.get("#item2").should("have.attr", "expanded");
+	});
+});

package/cypress/specs/UserMenu.cy.ts

@@ -342,6 +342,47 @@ describe("Events", () => {
 
 		cy.get("@clicked").should("have.been.calledOnce");
 	});
+
+	it("tests open event", () => {
+		cy.mount(html`<ui5-button id="openUserMenuBtn">Open User Menu</ui5-button>
+						<ui5-user-menu opener="openUserMenuBtn">
+							<ui5-user-menu-item text="Setting" data-id="setting"></ui5-user-menu-item>
+						</ui5-user-menu>`);
+		cy.get("[ui5-user-menu]").as("userMenu");
+		cy.get("@userMenu")
+			.then($userMenu => {
+				$userMenu.get(0).addEventListener("open", cy.stub().as("opened"));
+			});
+
+		cy.get("@userMenu")
+			.ui5UserMenuOpen();
+
+		cy.get("@opened").should("have.been.calledOnce");
+	});
+
+	it("tests close event", () => {
+		cy.mount(html`<ui5-button id="openUserMenuBtn">Open User Menu</ui5-button>
+						<ui5-user-menu opener="openUserMenuBtn">
+						</ui5-user-menu>`);
+		cy.get("[ui5-user-menu]").as("userMenu");
+		cy.get("@userMenu").should("exist");
+
+		cy.get("@userMenu")
+			.then($userMenu => {
+				$userMenu.get(0).addEventListener("close", cy.stub().as("closed"));
+			});
+
+		cy.get("@userMenu")
+			.ui5UserMenuOpen();
+
+		cy.get("@userMenu")
+			.ui5UserMenuOpened();
+		cy.get("@userMenu").shadow().find("[ui5-button]").as("signOutBtn");
+		cy.get("@signOutBtn")
+			.click();
+
+		cy.get("@closed").should("have.been.calledOnce");
+	});
 });
 
 describe("Responsiveness", () => {

package/cypress/support/commands/UserMenu.commands.ts

@@ -0,0 +1,29 @@
+Cypress.Commands.add("ui5UserMenuOpen", { prevSubject: true }, (prevSubject, options) => {
+	cy.wrap(prevSubject)
+		.as("userMenu")
+		.then($userMenu => {
+			if (options?.opener) {
+				cy.wrap($userMenu)
+					.invoke("attr", "opener", options.opener);
+			}
+
+			cy.wrap($userMenu)
+				.invoke("attr", "open", true);
+		});
+
+	cy.get("@userMenu")
+		.ui5UserMenuOpened();
+});
+
+Cypress.Commands.add("ui5UserMenuOpened", { prevSubject: true }, subject => {
+	cy.wrap(subject)
+		.as("userMenu");
+
+	cy.get("@userMenu")
+		.should("have.attr", "open");
+
+	cy.get("@userMenu")
+		.shadow()
+		.find("[ui5-responsive-popover]")
+		.should("have.attr", "open");
+});

package/cypress/support/commands.ts

@@ -37,3 +37,13 @@
 // }
 
 import "../../../main/cypress/support/commands.js";
+import "./commands/UserMenu.commands.js";
+
+declare global {
+	namespace Cypress {
+		interface Chainable {
+			ui5UserMenuOpen(options?: { opener?: string }): Chainable<void>
+			ui5UserMenuOpened(): Chainable<void>
+		}
+	}
+}