diff --git a/packages/fiori/src/Wizard.ts b/packages/fiori/src/Wizard.ts index 513971b3cce2..f45b4bea59d6 100644 --- 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 index 75e9a562e915..20e6a285e80b 100644 --- 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");