[UIK-3191][wizard] fixed disabled Wizard.Stepper in Sidebar can be focused and activated by keyboard (#2546)

<!--- Provide a general summary of your changes in the Title above -->

## Motivation and Context

<!--- Why is this change required? What problem does it solve? -->
<!--- If it fixes an open issue, please link to the issue here. -->

## How has this been tested?
Manually
<!--- Please describe in detail how you tested your changes. -->
<!--- For example: -->
<!--- I have added unit tests -->
<!--- I have added Voice Over tests -->
<!--- Code cannot be tested automatically so I have tested it only
manually -->

## Screenshots (if appropriate):

## Types of changes

<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->

- [X] Bug fix (non-breaking change which fixes an issue).
- [ ] New feature (non-breaking change which adds functionality).
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected).
- [ ] Nice improve.

## Checklist:

<!--- Go over all the following points, and put an `x` in all the boxes
that apply. -->
<!--- If you're unsure about any of these, don't hesitate to ask. We're
here to help! -->

- [ ] I have updated the documentation accordingly.
- [X] I have added changelog note to corresponding `CHANGELOG.md` file
with planned publish date.
- [ ] I have added new tests on added of fixed functionality.

---------

Co-authored-by: Slizhevsky Vladislav <[email protected]>
Co-authored-by: Valeryia Zimnitskaya <[email protected]>

Author: 3 people

semcore/wizard/CHANGELOG.md

@@ -1,41 +1,45 @@
 import { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';
 import { expect, test, getAccessibilityViolations } from '@semcore/testing-utils/playwright';
-
-test.describe('Wizard axe checks', () => {
+import type { Page, Locator } from '@semcore/testing-utils/playwright';
+import { loadPage } from '@semcore/testing-utils/shared/helpers';
+import { TAG } from '@semcore/testing-utils/shared/tags';
+
+export const locators = {
+  button: (page: Page, name?: string, index?: number): Locator => {
+    const base = page.getByRole('button', { name });
+    return typeof index === 'number' ? base.nth(index) : base;
+  },
+};
+
+test.describe(`@wizard ${TAG.ACCESSIBILITY}`, () => {
   test('Base example', async ({ page }) => {
-    const standPath = 'stories/components/wizard/docs/examples/basic_example.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
+    await loadPage(page, 'stories/components/wizard/docs/examples/basic_example.tsx', 'en');
 
-    await page.setContent(htmlContent);
     await page.keyboard.press('Tab');
     await page.keyboard.press('Enter');
-    await page.waitForTimeout(100);
+    await locators.button(page, 'Close').waitFor({ state: 'visible' });
     const violations = await getAccessibilityViolations({ page });
 
     expect(violations).toEqual([]);
   });
 
   test('Custom Step', async ({ page }) => {
-    const standPath = 'stories/components/wizard/docs/examples/custom_step.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
+    await loadPage(page, 'stories/components/wizard/docs/examples/custom_step.tsx', 'en');
 
-    await page.setContent(htmlContent);
     await page.keyboard.press('Tab');
     await page.keyboard.press('Enter');
-    await page.waitForTimeout(100);
+    await locators.button(page, 'Close').waitFor({ state: 'visible' });
     const violations = await getAccessibilityViolations({ page });
 
     expect(violations).toEqual([]);
   });
 
   test('Custom Stepper', async ({ page }) => {
-    const standPath = 'stories/components/wizard/docs/examples/custom_stepper.tsx';
-    const htmlContent = await e2eStandToHtml(standPath, 'en');
+    await loadPage(page, 'stories/components/wizard/docs/examples/custom_stepper.tsx', 'en');
 
-    await page.setContent(htmlContent);
     await page.keyboard.press('Tab');
     await page.keyboard.press('Enter');
-    await page.waitForTimeout(100);
+    await locators.button(page, 'Close').waitFor({ state: 'visible' });
     const violations = await getAccessibilityViolations({ page });
 
     expect(violations).toEqual([]);