fix(ui5-wizard): disabled steps are no longer clickable (#9459)

* fix(ui5-wizard): disabled step is no longer clickable * fix(ui5-wizard): disabled step is no longer clickable * fix(ui5-wizard): disabled step is no longer clickable
SAP · Jul 16, 2024 · 2ea26ca · 2ea26ca
1 parent 02059bc
commit 2ea26ca
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/fiori/src/Wizard.ts b/packages/fiori/src/Wizard.ts
@@ -811,7 +811,7 @@ class Wizard extends UI5Element {
 	}
 
 	get enabledStepsInHeaderDOM() {
-		return this.stepsInHeaderDOM;
+		return this.stepsInHeaderDOM.filter(step => !step.disabled);
 	}
 
 	get navAriaRoleDescription() {

diff --git a/packages/fiori/test/specs/Wizard.spec.js b/packages/fiori/test/specs/Wizard.spec.js
@@ -61,6 +61,13 @@ describe("Wizard general interaction", () => {
 			"Step has aria-label set to the number of the step and its title.");
 	});
 
+	it("Disabled step should not be interactive", async () => {
+		const wiz = await browser.$("#wizTest");
+		const disabledStep = await wiz.shadow$(`[data-ui5-index="2"]`);
+
+		assert.notOk(await disabledStep.isClickable(), "Disabled step should not be clickable");
+	});
+
 	it("move to next step by API", async () => {
 		const wiz = await browser.$("#wizTest");
 		const btnToStep2 = await browser.$("#toStep2");