@ui5/webcomponents-fiori 2.10.0-rc.3 → 2.10.1

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.10.1](https://github.com/UI5/webcomponents/compare/v2.10.0...v2.10.1) (2026-05-11)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+# [2.10.0](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.3...v2.10.0) (2025-05-07)
+
+
+### Bug Fixes
+
+* **ui5-illustrated-message:** change SVG inline styling to proper attributes ([#11455](https://github.com/SAP/ui5-webcomponents/issues/11455)) ([22f16c3](https://github.com/SAP/ui5-webcomponents/commit/22f16c3db20a7196d00ea44fa9f591107e4c977c)), closes [#11354](https://github.com/SAP/ui5-webcomponents/issues/11354)
+* **ui5-illustrated-message:** replace inline fill style with fill attribute ([#11448](https://github.com/SAP/ui5-webcomponents/issues/11448)) ([54389b5](https://github.com/SAP/ui5-webcomponents/commit/54389b5eb9a0dc8191af8b10320ef20a042d2592))
+* **ui5-side-navigation:** collapsed parent items appear as selected if one of its child items is selected ([#11400](https://github.com/SAP/ui5-webcomponents/issues/11400)) ([387e418](https://github.com/SAP/ui5-webcomponents/commit/387e418084539c87081afbbbe563fade84fb5d82))
+
+
+### Features
+
+* **ui5-illustrated-message:** decorative property added ([#11442](https://github.com/SAP/ui5-webcomponents/issues/11442)) ([d17d06b](https://github.com/SAP/ui5-webcomponents/commit/d17d06bae818055459d954fafd3cdb238d96cca0))
+
+
+
+
+
 # [2.10.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.2...v2.10.0-rc.3) (2025-05-01)
 
 

package/cypress/specs/IllustratedMessage.cy.tsx

@@ -0,0 +1,36 @@
+import IllustratedMessage from "../../src/IllustratedMessage.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import "@ui5/webcomponents-fiori/dist/illustrations/AllIllustrations.js"
+
+describe("Accessibility", () => {
+	it("should add aria-hidden and role=presetation to the SVG when decorative is true", () => {
+		cy.mount(
+			<IllustratedMessage name="UnableToUpload" decorative>
+			</IllustratedMessage>
+		);
+
+		cy.get("[ui5-illustrated-message]")
+			.shadow()
+			.find("svg")
+			.should("have.attr", "role", "presentation");
+
+		cy.get("[ui5-illustrated-message]")
+			.shadow()
+			.find("svg")
+			.should("have.attr", "aria-hidden", "true");
+	});
+
+	it("should not have aria-label on the SVG when decorative is true", () => {
+		cy.mount(
+			<IllustratedMessage name="UnableToUpload" accessible-name-ref="lbl" decorative>
+				<Label id="lbl">Text from aria-labelledby</Label>
+			</IllustratedMessage>
+		);
+
+		cy.get("[ui5-illustrated-message]")
+			.shadow()
+			.find("svg")
+			.should("not.have.attr", "aria-label");
+
+	});
+});

package/cypress/specs/SideNavigation.cy.tsx

@@ -122,8 +122,8 @@ describe("Side Navigation interaction", () => {
 		cy.mount(
 			<SideNavigation>
 				<SideNavigationItem id="item1" text="1" icon={group}>
-					<SideNavigationSubItem text="1.1" />
-					<SideNavigationSubItem text="1.2" />
+					<SideNavigationSubItem id="subItem1" text="1.1" />
+					<SideNavigationSubItem id="subItem2" text="1.2" />
 				</SideNavigationItem>
 			</SideNavigation>
 		);
@@ -135,10 +135,20 @@ describe("Side Navigation interaction", () => {
 		cy.get("#item1").should("have.attr", "expanded");
 
 		// act
+		cy.get("#subItem1").realClick();
 		cy.get("#item1").shadow().find(".ui5-sn-item-toggle-icon").realClick();
 
 		// assert
 		cy.get("#item1").should("not.have.attr", "expanded");
+		cy.get("#item1").shadow().find(".ui5-sn-item-level1").should("have.class", "ui5-sn-item-selected");
+		cy.get("#item1").should("not.have.attr", "selected");
+
+		// act
+		cy.get("#item1").shadow().find(".ui5-sn-item-toggle-icon").realClick();
+
+		// assert
+		cy.get("#item1").shadow().find(".ui5-sn-item-level1").should("not.have.class", "ui5-sn-item-selected");
+
 	});
 
 	it("Tests expanding and collapsing of unselectable items", () => {
@@ -845,7 +855,7 @@ describe("Side Navigation Accessibility", () => {
 			.shadow()
 			.find(".ui5-sn-item-group")
 			.should("have.attr", "role", "treeitem");
-		
+
 		cy.get("#group")
 			.shadow()
 			.find(".ui5-sn-item-group")