q2-tecton-elements 1.50.1 → 1.51.0

package/dist/collection/components/q2-stepper/test/q2-stepper-test.e2e.js

@@ -1,5 +1,13 @@
 import { evaluateA11y, getListOfStyleCompilationIssues, setup } from "../../../utils/helpers";
 describe('q2-stepper', () => {
+    let page;
+    let stepper;
+    let stepperPane;
+    let stepperPanes;
+    let stepperPaneId;
+    let stepperButtons;
+    let clickSpy;
+    let changeSpy;
     const renderStepper = (numberOfSteps, currentStep, lastEnabledStep) => {
         return `<q2-stepper ${currentStep ? `current-step="${currentStep}"` : ''} ${lastEnabledStep ? `last-enabled-step="${lastEnabledStep}"` : ''}>
                     ${[...Array(numberOfSteps).keys()].map(index => `<q2-stepper-pane>Pane ${index + 1}</q2-stepper-pane>`)}
@@ -23,25 +31,100 @@ describe('q2-stepper', () => {
         }
     };
     it('properly compiles CSS vars and functions', async () => {
-        const page = await setup({ html: '<q2-stepper></q2-stepper>' });
+        page = await setup({ html: '<q2-stepper></q2-stepper>' });
         expect(await getListOfStyleCompilationIssues(page, 'q2-stepper')).toHaveLength(0);
     });
     describe('[A11y] guideline compliance', () => {
         it('Does not have accessibility violations', async () => {
-            const page = await setup({
+            page = await setup({
                 html: renderStepper(10),
             });
             const hasViolations = await evaluateA11y(page);
             expect(hasViolations).toBe(false);
         });
     });
+    describe('Methods', () => {
+        beforeEach(async () => {
+            page = await setup({
+                html: renderStepper(4, 1, 3),
+            });
+            stepper = await page.find('q2-stepper');
+            stepperPanes = await page.findAll('q2-stepper-pane');
+            stepperButtons = await page.findAll('q2-stepper >>> .step-btn');
+            changeSpy = await stepper.spyOnEvent('change');
+        });
+        describe('selectStep', () => {
+            describe('when provided a pane number', () => {
+                it('clicks the correct button and emits events', async () => {
+                    clickSpy = await stepperButtons[1].spyOnEvent('click');
+                    await stepper.callMethod('selectStep', 2);
+                    await page.waitForChanges();
+                    expect(changeSpy).toHaveReceivedEventDetail({
+                        selectedStep: 2,
+                        currentStep: 1,
+                        lastEnabledStep: 3,
+                        stepCount: 4,
+                    });
+                    expect(clickSpy).toHaveReceivedEvent();
+                    expect(stepper).toEqualAttribute('current-step', 2);
+                });
+                it('does not emit events for invalid step', async () => {
+                    clickSpy = await stepperButtons[3].spyOnEvent('click');
+                    await stepper.callMethod('selectStep', 5);
+                    await page.waitForChanges();
+                    expect(changeSpy).not.toHaveReceivedEvent();
+                    expect(clickSpy).not.toHaveReceivedEvent();
+                    expect(stepper).toEqualAttribute('current-step', 1);
+                });
+                it('does not emit events for locked step', async () => {
+                    clickSpy = await stepperButtons[3].spyOnEvent('click');
+                    await stepper.callMethod('selectStep', 4);
+                    await page.waitForChanges();
+                    expect(changeSpy).not.toHaveReceivedEvent();
+                    expect(clickSpy).not.toHaveReceivedEvent();
+                    expect(stepper).toEqualAttribute('current-step', 1);
+                });
+            });
+            describe('when provided a pane id', () => {
+                it('clicks the correct button and emits events', async () => {
+                    clickSpy = await stepperButtons[2].spyOnEvent('click');
+                    await stepper.callMethod('selectStep', stepperPanes[2].getAttribute('id'));
+                    await page.waitForChanges();
+                    expect(changeSpy).toHaveReceivedEventDetail({
+                        selectedStep: 3,
+                        currentStep: 1,
+                        lastEnabledStep: 3,
+                        stepCount: 4,
+                    });
+                    expect(clickSpy).toHaveReceivedEvent();
+                    expect(stepper).toEqualAttribute('current-step', 3);
+                });
+                it('does not emit events for invalid id', async () => {
+                    clickSpy = await stepperButtons[2].spyOnEvent('click');
+                    await stepper.callMethod('selectStep', 'invalid-id');
+                    await page.waitForChanges();
+                    expect(changeSpy).not.toHaveReceivedEvent();
+                    expect(clickSpy).not.toHaveReceivedEvent();
+                    expect(stepper).toEqualAttribute('current-step', 1);
+                });
+                it('does not emit events for locked step', async () => {
+                    clickSpy = await stepperButtons[3].spyOnEvent('click');
+                    await stepper.callMethod('selectStep', stepperPanes[3].getAttribute('id'));
+                    await page.waitForChanges();
+                    expect(changeSpy).not.toHaveReceivedEvent();
+                    expect(clickSpy).not.toHaveReceivedEvent();
+                    expect(stepper).toEqualAttribute('current-step', 1);
+                });
+            });
+        });
+    });
     describe('@Props', () => {
         describe('stepCount', () => {
             it('auto-populates the stepCount property', async () => {
-                const page = await setup({
+                page = await setup({
                     html: renderStepper(10),
                 });
-                const stepper = await page.find('q2-stepper');
+                stepper = await page.find('q2-stepper');
                 expect(stepper).not.toHaveAttribute('step-count');
                 expect(await stepper.getProperty('stepCount')).toEqual(10);
             });
@@ -49,12 +132,12 @@ describe('q2-stepper', () => {
         describe('currentStep', () => {
             describe('when not provided', () => {
                 it('marks the first step as active', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: renderStepper(3),
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
-                    const stepperPanes = await page.findAll('q2-stepper-pane');
+                    stepperPanes = await page.findAll('q2-stepper-pane');
                     expect(stepper).toEqualAttribute('current-step', '1');
                     checkStepStatus(stepBtns[0], { selected: true, disabled: false });
                     checkStepStatus(stepBtns[1], { disabled: true });
@@ -66,12 +149,12 @@ describe('q2-stepper', () => {
             });
             describe('when provided', () => {
                 it('marks the specified step as active', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: renderStepper(3, 2),
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
-                    const stepperPanes = await page.findAll('q2-stepper-pane');
+                    stepperPanes = await page.findAll('q2-stepper-pane');
                     expect(stepper).toEqualAttribute('current-step', '2');
                     checkStepStatus(stepBtns[0]);
                     checkStepStatus(stepBtns[1], { selected: true });
@@ -85,10 +168,10 @@ describe('q2-stepper', () => {
         describe('lastEnabledStep', () => {
             describe('when not provided', () => {
                 it('defaults the value to currentStep', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: renderStepper(3, 2),
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
                     expect(await stepper.getProperty('lastEnabledStep')).toEqual(2);
                     checkStepStatus(stepBtns[0]);
@@ -98,10 +181,10 @@ describe('q2-stepper', () => {
             });
             describe('when provided', () => {
                 it('sets all step buttons up to the specified value as enabled', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: renderStepper(3, 1, 2),
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
                     expect(await stepper.getProperty('lastEnabledStep')).toEqual(2);
                     checkStepStatus(stepBtns[0], { selected: true });
@@ -111,10 +194,10 @@ describe('q2-stepper', () => {
             });
             describe('when updated', () => {
                 it('defaults the value to currentStep', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: renderStepper(3, 1, 2),
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
                     expect(await stepper.getProperty('lastEnabledStep')).toEqual(2);
                     checkStepStatus(stepBtns[0], { selected: true });
@@ -132,7 +215,7 @@ describe('q2-stepper', () => {
     describe('displaying step buttons', () => {
         describe('when label is updated', () => {
             it('updates the label in the step button', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane>Pane 1</q2-stepper-pane>
@@ -140,8 +223,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 expect(stepBtn).not.toHaveAttribute('aria-labelledby');
                 expect(stepBtn).not.toHaveAttribute('aria-describedby');
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toBeNull();
@@ -156,7 +239,7 @@ describe('q2-stepper', () => {
         });
         describe('when description is updated', () => {
             it('updates the description in the step button', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My label">Pane 1</q2-stepper-pane>
@@ -164,8 +247,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 expect(stepBtn).toEqualAttribute('aria-labelledby', `label-${stepperPaneId}`);
                 expect(stepBtn).not.toHaveAttribute('aria-describedby');
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toEqualText('My label');
@@ -180,7 +263,7 @@ describe('q2-stepper', () => {
         });
         describe('when label and description are provided by a q2-stepper-pane', () => {
             it('displays label and description in the step button', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My Label" description="My Description">Pane 1</q2-stepper-pane>
@@ -188,9 +271,9 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
+                stepperPane = await page.find('q2-stepper-pane');
                 await page.waitForChanges();
-                const stepperPaneId = await stepperPane.getProperty('id');
+                stepperPaneId = await stepperPane.getProperty('id');
                 expect(stepBtn).toEqualAttribute('aria-labelledby', `label-${stepperPaneId}`);
                 expect(stepBtn).toEqualAttribute('aria-describedby', `description-${stepperPaneId}`);
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toEqualText('My Label');
@@ -199,7 +282,7 @@ describe('q2-stepper', () => {
         });
         describe('when only label is provided by a q2-stepper-pane', () => {
             it('displays label in the step button', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My Label">Pane 1</q2-stepper-pane>
@@ -207,8 +290,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 expect(stepBtn).toEqualAttribute('aria-labelledby', `label-${stepperPaneId}`);
                 expect(stepBtn).not.toHaveAttribute('aria-describedby');
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toEqualText('My Label');
@@ -217,7 +300,7 @@ describe('q2-stepper', () => {
         });
         describe('when only description is provided by a q2-stepper-pane', () => {
             it('does not display any text for the step button', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane description="My Description">Pane 1</q2-stepper-pane>
@@ -233,7 +316,7 @@ describe('q2-stepper', () => {
         });
         describe('when status is provided by a q2-stepper-pane', () => {
             it('display success q2-icon in the step button for status="complete"', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="Step 1" status="complete">Step 1 contents</q2-stepper-pane>
@@ -244,7 +327,7 @@ describe('q2-stepper', () => {
                 expect(await stepBtn.find('q2-icon[type="success-filled"]')).toBeTruthy();
             });
             it('display warning q2-icon in the step button for status="error"', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="Step 1" status="error">Step 1 contents</q2-stepper-pane>
@@ -255,7 +338,7 @@ describe('q2-stepper', () => {
                 expect(await stepBtn.find('q2-icon[type="warning-filled"]')).toBeTruthy();
             });
             it('display no q2-icon in the step button for status="locked"', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="Step 1" status="locked">Step 1 contents</q2-stepper-pane>
@@ -268,7 +351,7 @@ describe('q2-stepper', () => {
         });
         describe('when label slot is updated', () => {
             it("renders the slot content in the step button's label", async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My label">
@@ -279,8 +362,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 await page.evaluate(() => {
                     document.querySelector("[slot='label']").innerHTML = 'My updated slotted label';
                 });
@@ -293,7 +376,7 @@ describe('q2-stepper', () => {
         });
         describe('when description slot is updated', () => {
             it("renders the slot content in the step button's label", async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My label" description="My description">
@@ -304,8 +387,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 await page.evaluate(() => {
                     document.querySelector("[slot='description']").innerHTML = 'My updated slotted description';
                 });
@@ -318,7 +401,7 @@ describe('q2-stepper', () => {
         });
         describe('when label slot and description slot are provided by a q2-stepper-pane', () => {
             it('displays label and description in the step button', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My Label" description="My Description">
@@ -330,9 +413,9 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
+                stepperPane = await page.find('q2-stepper-pane');
                 await page.waitForChanges();
-                const stepperPaneId = await stepperPane.getProperty('id');
+                stepperPaneId = await stepperPane.getProperty('id');
                 expect(stepBtn).toEqualAttribute('aria-labelledby', `label-${stepperPaneId}`);
                 expect(stepBtn).toEqualAttribute('aria-describedby', `description-${stepperPaneId}`);
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toEqualText('My slotted label');
@@ -341,7 +424,7 @@ describe('q2-stepper', () => {
         });
         describe('when label slot is provided by q2-stepper-pane', () => {
             it("renders the slot content in the step button's label", async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My label">
@@ -352,8 +435,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 expect(stepBtn).toEqualAttribute('aria-labelledby', `label-${stepperPaneId}`);
                 expect(stepBtn).not.toHaveAttribute('aria-describedby');
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toEqualText('My slotted label');
@@ -362,7 +445,7 @@ describe('q2-stepper', () => {
         });
         describe('when only description slot is provided by a q2-stepper-pane', () => {
             it("renders the slot content in the step button's label", async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane description="My description">
@@ -381,7 +464,7 @@ describe('q2-stepper', () => {
         });
         describe('when label slot is provided in another component used within q2-stepper-pane', () => {
             it('does not use the label for the q2-stepper', async () => {
-                const page = await setup({
+                page = await setup({
                     html: `
                         <q2-stepper>
                             <q2-stepper-pane label="My Label">
@@ -394,8 +477,8 @@ describe('q2-stepper', () => {
                     `,
                 });
                 const stepBtn = await page.find('q2-stepper >>> .step-btn');
-                const stepperPane = await page.find('q2-stepper-pane');
-                const stepperPaneId = await stepperPane.getAttribute('id');
+                stepperPane = await page.find('q2-stepper-pane');
+                stepperPaneId = await stepperPane.getAttribute('id');
                 expect(stepBtn).toEqualAttribute('aria-labelledby', `label-${stepperPaneId}`);
                 expect(stepBtn).not.toHaveAttribute('aria-describedby');
                 expect(await stepBtn.find(`#label-${stepperPaneId}`)).toEqualText('My Label');
@@ -430,10 +513,10 @@ describe('q2-stepper', () => {
         describe('onchange', () => {
             describe('when not provided', () => {
                 it('automatically updates the currentStep to the selected value', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: renderStepper(3, 2),
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
                     await stepBtns[0].click();
                     expect(stepper).toEqualAttribute('current-step', '1');
@@ -441,7 +524,7 @@ describe('q2-stepper', () => {
             });
             describe('when provided', () => {
                 it('does not automatically update the currentStep to the selected value', async () => {
-                    const page = await setup({
+                    page = await setup({
                         html: `
                             <q2-stepper current-step="2" onchange="testOnChange()">
                                 <q2-stepper-pane>Pane 1</q2-stepper-pane>
@@ -451,7 +534,7 @@ describe('q2-stepper', () => {
                             <script>function testOnChange() {}</script>
                         `,
                     });
-                    const stepper = await page.find('q2-stepper');
+                    stepper = await page.find('q2-stepper');
                     const stepBtns = await page.findAll('q2-stepper >>> .step-btn');
                     await stepBtns[0].click();
                     expect(stepper).toEqualAttribute('current-step', 2);
@@ -586,47 +669,60 @@ describe('q2-stepper', () => {
             });
         });
     });
-    describe('keyboard', () => {
-        let page;
-        let stepBtns;
-        const isStepFocused = async (page, stepNumber) => page.evaluate(stepNumber => document.querySelector('q2-stepper').shadowRoot.activeElement ===
-            document
-                .querySelector('q2-stepper')
-                .shadowRoot.querySelector(`li:nth-child(${stepNumber}) .step-btn`), stepNumber);
-        beforeEach(async () => {
-            page = await setup({
-                html: renderStepper(3, 2),
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({
+                    html: renderStepper(10),
+                });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
             });
-            stepBtns = await page.findAll('q2-stepper >>> .step-btn');
         });
-        describe('when arrow keys are pressed', () => {
-            it('moves focus along the list of step buttons', async () => {
-                await stepBtns[1].focus();
-                expect(await isStepFocused(page, 2)).toBe(true);
-                await page.keyboard.press('ArrowLeft');
-                expect(await isStepFocused(page, 1)).toBe(true);
-                await page.keyboard.press('ArrowRight');
-                expect(await isStepFocused(page, 2)).toBe(true);
-                await page.keyboard.press('ArrowRight');
-                expect(await isStepFocused(page, 3)).toBe(true);
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => {
+            let page;
+            let stepBtns;
+            const isStepFocused = async (page, stepNumber) => page.evaluate(stepNumber => document.querySelector('q2-stepper').shadowRoot.activeElement ===
+                document
+                    .querySelector('q2-stepper')
+                    .shadowRoot.querySelector(`li:nth-child(${stepNumber}) .step-btn`), stepNumber);
+            beforeEach(async () => {
+                page = await setup({
+                    html: renderStepper(3, 2),
+                });
+                stepBtns = await page.findAll('q2-stepper >>> .step-btn');
             });
-        });
-        describe('when Home is pressed', () => {
-            it('focuses the first step button', async () => {
-                await stepBtns[1].focus();
-                expect(await isStepFocused(page, 2)).toBe(true);
-                await page.keyboard.press('Home');
-                expect(await isStepFocused(page, 1)).toBe(true);
+            describe('when arrow keys are pressed', () => {
+                it('moves focus along the list of step buttons', async () => {
+                    await stepBtns[1].focus();
+                    expect(await isStepFocused(page, 2)).toBe(true);
+                    await page.keyboard.press('ArrowLeft');
+                    expect(await isStepFocused(page, 1)).toBe(true);
+                    await page.keyboard.press('ArrowRight');
+                    expect(await isStepFocused(page, 2)).toBe(true);
+                    await page.keyboard.press('ArrowRight');
+                    expect(await isStepFocused(page, 3)).toBe(true);
+                });
             });
-        });
-        describe('when End is pressed', () => {
-            it('focuses the last enabled step button', async () => {
-                await stepBtns[0].focus();
-                expect(await isStepFocused(page, 1)).toBe(true);
-                await page.keyboard.press('End');
-                expect(await isStepFocused(page, 2)).toBe(true);
+            describe('when Home is pressed', () => {
+                it('focuses the first step button', async () => {
+                    await stepBtns[1].focus();
+                    expect(await isStepFocused(page, 2)).toBe(true);
+                    await page.keyboard.press('Home');
+                    expect(await isStepFocused(page, 1)).toBe(true);
+                });
+            });
+            describe('when End is pressed', () => {
+                it('focuses the last enabled step button', async () => {
+                    await stepBtns[0].focus();
+                    expect(await isStepFocused(page, 1)).toBe(true);
+                    await page.keyboard.press('End');
+                    expect(await isStepFocused(page, 2)).toBe(true);
+                });
             });
         });
+        describe('Other', () => { });
     });
 });
 //# sourceMappingURL=q2-stepper-test.e2e.js.map