From 1488f592626b3d451f94ab570264e9a0a2ec3970 Mon Sep 17 00:00:00 2001 From: "Andrea N. Cardona" Date: Fri, 17 Nov 2023 05:09:02 -0700 Subject: [PATCH] feat: 14595-update-ally-test-tags (#14913) Co-authored-by: TJ Egan Co-authored-by: Guilherme Datilio Ribeiro Co-authored-by: Taylor Jones Co-authored-by: Taylor Jones --- .../Accordion/Accordion-test.avt.e2e.js | 46 +++++++++++-------- .../Notifications-test.avt.e2e.js | 40 ++++++---------- .../NumberInput/NumberInput-test.avt.e2e.js | 6 +-- .../OrderedList/OrderedList-test.avt.e2e.js | 4 +- .../OverflowMenu/OverflowMenu-test.avt.e2e.js | 10 ++-- .../Pagination/Pagination-test.avt.e2e.js | 6 +-- .../ProgressBar/ProgressBar-test.avt.e2e.js | 8 ++-- .../ProgressIndicator-test.avt.e2e.js | 18 ++++---- .../RadioButton/RadioButton-test.avt.e2e.js | 14 +++--- e2e/components/Search/Search-test.avt.e2e.js | 8 ++-- e2e/components/Select/Select-test.avt.e2e.js | 10 ++-- e2e/components/Slider/Slider-test.avt.e2e.js | 18 ++++---- .../StructuredList-test.avt.e2e.js | 10 ++-- e2e/components/Tabs/Tabs-test.avt.e2e.js | 22 ++++----- .../TextArea/TextArea-test.avt.e2e.js | 10 ++-- .../TextInput/TextInput-test.avt.e2e.js | 8 ++-- e2e/components/Tile/Tile-test.avt.e2e.js | 20 ++++---- e2e/components/Toggle/Toggle-test.avt.e2e.js | 10 ++-- .../Tooltip/Tooltip-test.avt.e2e.js | 8 ++-- .../TreeView/TreeView-test.avt.e2e.js | 6 +-- .../UIShell/UIShell-test.avt.e2e.js | 10 ++-- .../UnorderedList-test.avt.e2e.js | 4 +- 22 files changed, 144 insertions(+), 152 deletions(-) diff --git a/e2e/components/Accordion/Accordion-test.avt.e2e.js b/e2e/components/Accordion/Accordion-test.avt.e2e.js index 44fa7dd98755..ee836745df7d 100644 --- a/e2e/components/Accordion/Accordion-test.avt.e2e.js +++ b/e2e/components/Accordion/Accordion-test.avt.e2e.js @@ -57,29 +57,33 @@ test.describe('Accordion @avt', () => { }, }); - const accordin_btn1 = page.getByRole('button', { name: 'Section 1 title' }); - const accordin_btn2 = page.getByRole('button', { name: 'Section 2 title' }); + const accordion_btn1 = page.getByRole('button', { + name: 'Section 1 title', + }); + const accordion_btn2 = page.getByRole('button', { + name: 'Section 2 title', + }); - await expect(accordin_btn1).toBeVisible(); + await expect(accordion_btn1).toBeVisible(); await page.keyboard.press('Tab'); // Check the focus on Accordion 1 - await expect(accordin_btn1).toBeFocused(); + await expect(accordion_btn1).toBeFocused(); await page.keyboard.press('Enter'); // Open the Accordion 1 - await expect(accordin_btn1).toHaveAttribute('aria-expanded', 'true'); + await expect(accordion_btn1).toHaveAttribute('aria-expanded', 'true'); await page.keyboard.press('Enter'); - await expect(accordin_btn1).toHaveAttribute('aria-expanded', 'false'); + await expect(accordion_btn1).toHaveAttribute('aria-expanded', 'false'); await page.keyboard.press('Tab'); // Check the focus and open state on Accordion 2 - await expect(accordin_btn2).toBeFocused(); + await expect(accordion_btn2).toBeFocused(); await page.keyboard.press('Space'); - await expect(accordin_btn2).toHaveAttribute('aria-expanded', 'true'); + await expect(accordion_btn2).toHaveAttribute('aria-expanded', 'true'); await page.keyboard.press('Escape'); - await expect(accordin_btn2).toHaveAttribute('aria-expanded', 'false'); + await expect(accordion_btn2).toHaveAttribute('aria-expanded', 'false'); }); test('@avt-advanced-states mouse click', async ({ page }) => { @@ -90,16 +94,18 @@ test.describe('Accordion @avt', () => { theme: 'white', }, }); - const accordin_btn1 = page.getByRole('button', { name: 'Section 1 title' }); - await accordin_btn1.click(); - await expect(accordin_btn1).toHaveAttribute('aria-expanded', 'true'); + const accordion_btn1 = page.getByRole('button', { + name: 'Section 1 title', + }); + await accordion_btn1.click(); + await expect(accordion_btn1).toHaveAttribute('aria-expanded', 'true'); // Checking for ACViolation await expect(page).toHaveNoACViolations( 'Accordion @avt-advanced-states mouse click' ); - await accordin_btn1.click(); - await expect(accordin_btn1).toHaveAttribute('aria-expanded', 'false'); + await accordion_btn1.click(); + await expect(accordion_btn1).toHaveAttribute('aria-expanded', 'false'); }); test('@avt-advanced-states mouse hover', async ({ page }) => { @@ -110,8 +116,10 @@ test.describe('Accordion @avt', () => { theme: 'white', }, }); - const accordin_btn1 = page.getByRole('button', { name: 'Section 1 title' }); - await accordin_btn1.hover(); + const accordion_btn1 = page.getByRole('button', { + name: 'Section 1 title', + }); + await accordion_btn1.hover(); await expect(page).toHaveNoACViolations( 'Accordion @avt-advanced-states mouse hover' ); @@ -128,8 +136,10 @@ test.describe('Accordion @avt', () => { disabled: true, }, }); - const accordin_btn1 = page.getByRole('button', { name: 'Section 1 title' }); - await expect(accordin_btn1).toBeDisabled(); + const accordion_btn1 = page.getByRole('button', { + name: 'Section 1 title', + }); + await expect(accordion_btn1).toBeDisabled(); await expect(page).toHaveNoACViolations( 'Accordion @avt-advanced-states disabled' ); diff --git a/e2e/components/Notifications/Notifications-test.avt.e2e.js b/e2e/components/Notifications/Notifications-test.avt.e2e.js index 544f25fee4a6..4599edb420c6 100644 --- a/e2e/components/Notifications/Notifications-test.avt.e2e.js +++ b/e2e/components/Notifications/Notifications-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Notifications @avt', () => { - test('accessibility-checker Notifications actionable', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--default', @@ -51,9 +51,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable low contrast', async ({ - page, - }) => { + test('@avt-advanced-states actionable low contrast', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--default', @@ -69,9 +67,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable info', async ({ - page, - }) => { + test('@avt-advanced-states actionable info', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--playground', @@ -85,9 +81,7 @@ test.describe('Notifications @avt', () => { await expect(page).toHaveNoACViolations('Notifications actionable info'); }); - test('accessibility-checker Notifications actionable info-square', async ({ - page, - }) => { + test('@avt-advanced-states actionable info-square', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--playground', @@ -103,9 +97,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable success', async ({ - page, - }) => { + test('@avt-advanced-states actionable success', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--playground', @@ -119,9 +111,7 @@ test.describe('Notifications @avt', () => { await expect(page).toHaveNoACViolations('Notifications actionable success'); }); - test('accessibility-checker Notifications actionable warning', async ({ - page, - }) => { + test('@avt-advanced-states actionable warning', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--playground', @@ -135,9 +125,7 @@ test.describe('Notifications @avt', () => { await expect(page).toHaveNoACViolations('Notifications actionable warning'); }); - test('accessibility-checker Notifications actionable warning-alt', async ({ - page, - }) => { + test('@avt-advanced-states actionable warning-alt', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-actionable--playground', @@ -153,7 +141,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable info low contrast', async ({ + test('@avt-advanced-states actionable info low contrast', async ({ page, }) => { await visitStory(page, { @@ -172,7 +160,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable info-squar low contraste', async ({ + test('@avt-advanced-states actionable info-square low contrast', async ({ page, }) => { await visitStory(page, { @@ -191,7 +179,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable success low contrast', async ({ + test('@avt-advanced-states actionable success low contrast', async ({ page, }) => { await visitStory(page, { @@ -210,7 +198,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable warning low contrast', async ({ + test('@avt-advanced-states actionable warning low contrast', async ({ page, }) => { await visitStory(page, { @@ -229,7 +217,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications actionable warning-alt low contrast', async ({ + test('@avt-advanced-states actionable warning-alt low contrast', async ({ page, }) => { await visitStory(page, { @@ -248,7 +236,7 @@ test.describe('Notifications @avt', () => { ); }); - test('accessibility-checker Notifications inline', async ({ page }) => { + test('@avt-advanced-states inline', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-inline--default', @@ -259,7 +247,7 @@ test.describe('Notifications @avt', () => { await expect(page).toHaveNoACViolations('Notifications inline'); }); - test('accessibility-checker Notifications toast', async ({ page }) => { + test('@avt-advanced-states toast', async ({ page }) => { await visitStory(page, { component: 'Notifications', id: 'components-notifications-toast--default', diff --git a/e2e/components/NumberInput/NumberInput-test.avt.e2e.js b/e2e/components/NumberInput/NumberInput-test.avt.e2e.js index 40276f1fd69b..744126d06978 100644 --- a/e2e/components/NumberInput/NumberInput-test.avt.e2e.js +++ b/e2e/components/NumberInput/NumberInput-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('NumberInput @avt', () => { - test('accessibility-checker default', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'NumberInput', id: 'components-numberinput--default', @@ -22,7 +22,7 @@ test.describe('NumberInput @avt', () => { await expect(page).toHaveNoACViolations('components-numberinput--default'); }); - test('accessibility-checker skeleton', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'NumberInput', id: 'components-numberinput--skeleton', @@ -33,7 +33,7 @@ test.describe('NumberInput @avt', () => { await expect(page).toHaveNoACViolations('components-numberinput--skeleton'); }); - test('number input - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'NumberInput', id: 'components-numberinput--default', diff --git a/e2e/components/OrderedList/OrderedList-test.avt.e2e.js b/e2e/components/OrderedList/OrderedList-test.avt.e2e.js index 15629ec67eaf..26033f929b89 100644 --- a/e2e/components/OrderedList/OrderedList-test.avt.e2e.js +++ b/e2e/components/OrderedList/OrderedList-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('OrderedList @avt', () => { - test('accessibility-checker default', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'OrderedList', id: 'components-orderedlist--default', @@ -22,7 +22,7 @@ test.describe('OrderedList @avt', () => { await expect(page).toHaveNoACViolations('components-orderedlist--default'); }); - test('accessibility-checker nested', async ({ page }) => { + test('@avt-advanced-states nested', async ({ page }) => { await visitStory(page, { component: 'OrderedList', id: 'components-orderedlist--nested', diff --git a/e2e/components/OverflowMenu/OverflowMenu-test.avt.e2e.js b/e2e/components/OverflowMenu/OverflowMenu-test.avt.e2e.js index a57df3b9971d..d40d7f769d58 100644 --- a/e2e/components/OverflowMenu/OverflowMenu-test.avt.e2e.js +++ b/e2e/components/OverflowMenu/OverflowMenu-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('OverflowMenu @avt', () => { - test('accessibility-checker', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'OverflowMenu', id: 'components-overflowmenu--default', @@ -22,7 +22,7 @@ test.describe('OverflowMenu @avt', () => { await expect(page).toHaveNoACViolations('OverflowMenu'); }); - test('accessibility-checker render custom icon', async ({ page }) => { + test('@avt-advanced-states render custom icon', async ({ page }) => { await visitStory(page, { component: 'OverflowMenu', id: 'components-overflowmenu--render-custom-icon', @@ -33,7 +33,7 @@ test.describe('OverflowMenu @avt', () => { await expect(page).toHaveNoACViolations('OverflowMenu-custom-icon'); }); - test('accessibility-checker open menu', async ({ page }) => { + test('@avt-advanced-states open menu', async ({ page }) => { await visitStory(page, { component: 'OverflowMenu', id: 'components-overflowmenu--default', @@ -53,7 +53,7 @@ test.describe('OverflowMenu @avt', () => { await expect(page).toHaveNoACViolations('OverflowMenu-open'); }); - test('accessibility-checker render custom icon open', async ({ page }) => { + test('@avt-advanced-states render custom icon open', async ({ page }) => { await visitStory(page, { component: 'OverflowMenu', id: 'components-overflowmenu--render-custom-icon', @@ -73,7 +73,7 @@ test.describe('OverflowMenu @avt', () => { await expect(page).toHaveNoACViolations('OverflowMenu-custom-icon-open'); }); - test('overflow-menu - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav overflow-menu', async ({ page }) => { await visitStory(page, { component: 'OverflowMenu', id: 'components-overflowmenu--default', diff --git a/e2e/components/Pagination/Pagination-test.avt.e2e.js b/e2e/components/Pagination/Pagination-test.avt.e2e.js index 5a5f216f99ba..391464a96793 100644 --- a/e2e/components/Pagination/Pagination-test.avt.e2e.js +++ b/e2e/components/Pagination/Pagination-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Pagination @avt', () => { - test('accessibility-checker default', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Pagination', id: 'components-pagination--default', @@ -22,7 +22,7 @@ test.describe('Pagination @avt', () => { await expect(page).toHaveNoACViolations('components-pagination--default'); }); - test('accessibility-checker multiple-pagination-components', async ({ + test('@avt-advanced-states multiple-pagination-components', async ({ page, }) => { await visitStory(page, { @@ -37,7 +37,7 @@ test.describe('Pagination @avt', () => { ); }); - test('pagination - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav - pagination', async ({ page }) => { await visitStory(page, { component: 'Pagination', id: 'components-pagination--default', diff --git a/e2e/components/ProgressBar/ProgressBar-test.avt.e2e.js b/e2e/components/ProgressBar/ProgressBar-test.avt.e2e.js index a638f54fc20b..c9e9abf66a04 100644 --- a/e2e/components/ProgressBar/ProgressBar-test.avt.e2e.js +++ b/e2e/components/ProgressBar/ProgressBar-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('ProgressBar @avt', () => { - test('accessibility-checker ProgressBar', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'ProgressBar', id: 'components-progressbar--default', @@ -22,7 +22,7 @@ test.describe('ProgressBar @avt', () => { await expect(page).toHaveNoACViolations('ProgressBar'); }); - test('accessibility-checker ProgressBar indeterminate', async ({ page }) => { + test('@avt-advanced-states ProgressBar indeterminate', async ({ page }) => { await visitStory(page, { component: 'ProgressBar', id: 'components-progressbar--indeterminate', @@ -33,7 +33,7 @@ test.describe('ProgressBar @avt', () => { await expect(page).toHaveNoACViolations('ProgressBar indeterminate'); }); - test('accessibility-checker ProgressBar example', async ({ page }) => { + test('@avt-advanced-states ProgressBar example', async ({ page }) => { await visitStory(page, { component: 'ProgressBar', id: 'components-progressbar--example', @@ -44,7 +44,7 @@ test.describe('ProgressBar @avt', () => { await expect(page).toHaveNoACViolations('ProgressBar example'); }); - test('accessibility-checker ProgressBar layer', async ({ page }) => { + test('@avt-advanced-states ProgressBar layer', async ({ page }) => { await visitStory(page, { component: 'ProgressBar', id: 'components-progressbar--with-layer', diff --git a/e2e/components/ProgressIndicator/ProgressIndicator-test.avt.e2e.js b/e2e/components/ProgressIndicator/ProgressIndicator-test.avt.e2e.js index 10feb86a78f7..3f6ee2dc1c59 100644 --- a/e2e/components/ProgressIndicator/ProgressIndicator-test.avt.e2e.js +++ b/e2e/components/ProgressIndicator/ProgressIndicator-test.avt.e2e.js @@ -10,7 +10,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); -test.describe('ProgressIndicator @avt', () => { +test.describe('ProgressIndicator', () => { test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', @@ -22,9 +22,7 @@ test.describe('ProgressIndicator @avt', () => { await expect(page).toHaveNoACViolations('ProgressIndicator'); }); - test('@avt-advanced-states interactive progressindicator', async ({ - page, - }) => { + test('@avt-advanced-states interactive', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--interactive', @@ -35,7 +33,7 @@ test.describe('ProgressIndicator @avt', () => { await expect(page).toHaveNoACViolations('ProgressIndicator-interactive'); }); - test('@avt-advanced-states skeleton progressindicator', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--skeleton', @@ -46,7 +44,7 @@ test.describe('ProgressIndicator @avt', () => { await expect(page).toHaveNoACViolations('ProgressIndicator-skeleton'); }); - test('@avt-advanced-states onHover', async ({ page }) => { + test('@avt-advanced-states - onHover', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--default', @@ -62,7 +60,7 @@ test.describe('ProgressIndicator @avt', () => { await expect(page).toHaveNoACViolations('ProgressIndicator-onhover'); }); - test('@avt-advanced-states complete', async ({ page }) => { + test('@avt-advanced-states - complete', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--default', @@ -75,7 +73,7 @@ test.describe('ProgressIndicator @avt', () => { expect(page.locator('.cds--progress-step--complete')).toBeTruthy(); }); - test('@avt-advanced-states current', async ({ page }) => { + test('@avt-advanced-states', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--default', @@ -88,7 +86,7 @@ test.describe('ProgressIndicator @avt', () => { expect(page.locator('.cds--progress-step--current')).toBeTruthy(); }); - test('@avt-advanced-states interactive onHover', async ({ page }) => { + test('@avt-advanced-states - interactive onHover', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--interactive', @@ -106,7 +104,7 @@ test.describe('ProgressIndicator @avt', () => { ); }); - test('@avt-keyboard-nav', async ({ page }) => { + test('@avt-keyboard-nav progress indicator', async ({ page }) => { await visitStory(page, { component: 'ProgressIndicator', id: 'components-progressindicator--interactive', diff --git a/e2e/components/RadioButton/RadioButton-test.avt.e2e.js b/e2e/components/RadioButton/RadioButton-test.avt.e2e.js index f020a26e8b94..6a109bbf0335 100644 --- a/e2e/components/RadioButton/RadioButton-test.avt.e2e.js +++ b/e2e/components/RadioButton/RadioButton-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('RadioButton @avt', () => { - test('accessibility-checker', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--default', @@ -22,7 +22,7 @@ test.describe('RadioButton @avt', () => { await expect(page).toHaveNoACViolations('RadioButton'); }); - test('accessibility-checker - skeleton', async ({ page }) => { + test('@avt-advanced-states - skeleton', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--skeleton', @@ -33,7 +33,7 @@ test.describe('RadioButton @avt', () => { await expect(page).toHaveNoACViolations('RadioButton-skeleton'); }); - test('accessibility-checker - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--default', @@ -48,7 +48,7 @@ test.describe('RadioButton @avt', () => { await expect(page.locator('input#radio-2')).toBeChecked(); }); - test('accessibility-checker - invalid state', async ({ page }) => { + test('@avt-advanced-states - invalid state', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--playground', @@ -65,7 +65,7 @@ test.describe('RadioButton @avt', () => { await expect(page).toHaveNoACViolations('RadioButton-invalid'); }); - test('accessibility-checker - warn state', async ({ page }) => { + test('@avt-advanced-states - warn state', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--playground', @@ -82,7 +82,7 @@ test.describe('RadioButton @avt', () => { await expect(page).toHaveNoACViolations('RadioButton-warn'); }); - test('accessibility-checker - disabled state', async ({ page }) => { + test('@avt-advanced-states - disabled state', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--playground', @@ -98,7 +98,7 @@ test.describe('RadioButton @avt', () => { await expect(page).toHaveNoACViolations('RadioButton-disabled'); }); - test('accessibility-checker - read only state', async ({ page }) => { + test('@avt-advanced-states - read only state', async ({ page }) => { await visitStory(page, { component: 'RadioButton', id: 'components-radiobutton--playground', diff --git a/e2e/components/Search/Search-test.avt.e2e.js b/e2e/components/Search/Search-test.avt.e2e.js index 1a0a690bb867..5ccce813640b 100644 --- a/e2e/components/Search/Search-test.avt.e2e.js +++ b/e2e/components/Search/Search-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Search @avt', () => { - test('accessibility-checker', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Search', id: 'components-search--default', @@ -22,7 +22,7 @@ test.describe('Search @avt', () => { await expect(page).toHaveNoACViolations('components-search--default'); }); - test('accessibility-checker expandable', async ({ page }) => { + test('@avt-advanced-states expandable', async ({ page }) => { await visitStory(page, { component: 'Search', id: 'components-search--expandable', @@ -33,7 +33,7 @@ test.describe('Search @avt', () => { await expect(page).toHaveNoACViolations('components-search--expandable'); }); - test('search - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav - search', async ({ page }) => { await visitStory(page, { component: 'Search', id: 'components-search--default', @@ -67,7 +67,7 @@ test.describe('Search @avt', () => { await expect(search).toBeFocused(); }); - test('expandable search - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav - expandable search', async ({ page }) => { await visitStory(page, { component: 'Search', id: 'components-search--expandable', diff --git a/e2e/components/Select/Select-test.avt.e2e.js b/e2e/components/Select/Select-test.avt.e2e.js index 100ec4c6f45e..44f92f172245 100644 --- a/e2e/components/Select/Select-test.avt.e2e.js +++ b/e2e/components/Select/Select-test.avt.e2e.js @@ -10,8 +10,8 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); -test.describe('Select @avt', () => { - test('accessibility-checker default', async ({ page }) => { +test.describe('Select @avt', () => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Select', id: 'components-select--default', @@ -22,7 +22,7 @@ test.describe('Select @avt', () => { await expect(page).toHaveNoACViolations('components-select--default'); }); - test('accessibility-checker inline', async ({ page }) => { + test('@avt-advanced-states inline', async ({ page }) => { await visitStory(page, { component: 'Select', id: 'components-select--inline', @@ -33,7 +33,7 @@ test.describe('Select @avt', () => { await expect(page).toHaveNoACViolations('components-select--inline'); }); - test('accessibility-checker skeleton', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'Select', id: 'components-select--skeleton', @@ -44,7 +44,7 @@ test.describe('Select @avt', () => { await expect(page).toHaveNoACViolations('components-select--skeleton'); }); - test('select - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'Select', id: 'components-select--default', diff --git a/e2e/components/Slider/Slider-test.avt.e2e.js b/e2e/components/Slider/Slider-test.avt.e2e.js index 5cc3467ae7be..12d93947f476 100644 --- a/e2e/components/Slider/Slider-test.avt.e2e.js +++ b/e2e/components/Slider/Slider-test.avt.e2e.js @@ -11,9 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Slider @avt', () => { - test('accessibility-checker @avt - Slider default state', async ({ - page, - }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--default', @@ -24,7 +22,7 @@ test.describe('Slider @avt', () => { await expect(page).toHaveNoACViolations('Slider'); }); - test('accessibility-checker controlled slider', async ({ page }) => { + test('@avt-advanced-states controlled slider', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--controlled-slider', @@ -35,7 +33,7 @@ test.describe('Slider @avt', () => { await expect(page).toHaveNoACViolations('Slider-controlled'); }); - test('accessibility-checker controlled slider with layer', async ({ + test('@avt-advanced-states controlled slider with layer', async ({ page, }) => { await visitStory(page, { @@ -50,7 +48,7 @@ test.describe('Slider @avt', () => { ); }); - test('accessibility-checker two handle slider', async ({ page }) => { + test('@avt-advanced-states two handle slider', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--two-handle-slider', @@ -61,7 +59,7 @@ test.describe('Slider @avt', () => { await expect(page).toHaveNoACViolations('Slider-two-handle-slider'); }); - test('accessibility-checker skeleton', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--skeleton', @@ -72,7 +70,7 @@ test.describe('Slider @avt', () => { await expect(page).toHaveNoACViolations('Slider-skeleton'); }); - test('accessibility-checker two handle skeleton', async ({ page }) => { + test('@avt-advanced-states two handle skeleton', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--two-handle-skeleton', @@ -83,7 +81,7 @@ test.describe('Slider @avt', () => { await expect(page).toHaveNoACViolations('Slider-two-handle-skeleton'); }); - test('accessibility-checker slider with layer', async ({ page }) => { + test('@avt-advanced-states slider with layer', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--with-layer', @@ -95,7 +93,7 @@ test.describe('Slider @avt', () => { }); // Prevent timeout - test.slow('default state - keyboard nav', async ({ page }) => { + test.slow('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-slider--default', diff --git a/e2e/components/StructuredList/StructuredList-test.avt.e2e.js b/e2e/components/StructuredList/StructuredList-test.avt.e2e.js index 7746b9c9d3c6..f4f1e0a28261 100644 --- a/e2e/components/StructuredList/StructuredList-test.avt.e2e.js +++ b/e2e/components/StructuredList/StructuredList-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('StructuredList @avt', () => { - test('accessibility-checker', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'StructuredList', id: 'components-structuredlist--default', @@ -22,7 +22,7 @@ test.describe('StructuredList @avt', () => { await expect(page).toHaveNoACViolations('StructuredList'); }); - test('accessibility-checker selection', async ({ page }) => { + test('@avt-advanced-states selection', async ({ page }) => { await visitStory(page, { component: 'StructuredList', id: 'components-structuredlist--selection', @@ -33,7 +33,7 @@ test.describe('StructuredList @avt', () => { await expect(page).toHaveNoACViolations('StructuredList-selection'); }); - test('accessibility-checker skeleton', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'StructuredList', id: 'components-structuredlist--skeleton', @@ -44,7 +44,7 @@ test.describe('StructuredList @avt', () => { await expect(page).toHaveNoACViolations('StructuredList-skeleton'); }); - test('accessibility-checker keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'StructuredList', id: 'components-structuredlist--selection', @@ -67,7 +67,7 @@ test.describe('StructuredList @avt', () => { await expect(page).toHaveNoACViolations('StructuredList-keyboardnav'); }); - test('accessibility-checker mouse interaction', async ({ page }) => { + test('@avt-keyboard-nav mouse interaction', async ({ page }) => { await visitStory(page, { component: 'StructuredList', id: 'components-structuredlist--selection', diff --git a/e2e/components/Tabs/Tabs-test.avt.e2e.js b/e2e/components/Tabs/Tabs-test.avt.e2e.js index 948be56ce6e2..ba4c68d68932 100644 --- a/e2e/components/Tabs/Tabs-test.avt.e2e.js +++ b/e2e/components/Tabs/Tabs-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Tabs @avt', () => { - test('accessibility-checker @avt - Tabs default state', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--default', @@ -22,7 +22,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs'); }); - test('accessibility-checker tabs contained', async ({ page }) => { + test('@avt-advanced-states tabs contained', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--contained', @@ -33,7 +33,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs-contained'); }); - test('accessibility-checker tabs contained with icons', async ({ page }) => { + test('@avt-advanced-states tabs contained with icons', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--contained-with-icons', @@ -44,7 +44,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs-contained-with-icons'); }); - test('accessibility-checker tabs contained with secondary labels', async ({ + test('@avt-advanced-states tabs contained with secondary labels', async ({ page, }) => { await visitStory(page, { @@ -59,9 +59,7 @@ test.describe('Tabs @avt', () => { ); }); - test('accessibility-checker tabs dismissable with icons', async ({ - page, - }) => { + test('@avt-advanced-states tabs dismissable with icons', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--dismissable-with-icons', @@ -72,7 +70,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs--dismissable-with-icons'); }); - test('accessibility-checker tabs icon 20 only', async ({ page }) => { + test('@avt-advanced-states tabs icon 20 only', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--icon-20-only', @@ -83,7 +81,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs--icon-20-only'); }); - test('accessibility-checker tabs manual', async ({ page }) => { + test('@avt-advanced-states tabs manual', async ({ page }) => { await visitStory(page, { component: 'Slider', id: 'components-tabs--manual', @@ -94,7 +92,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs--manual'); }); - test('accessibility-checker tabs skeleton', async ({ page }) => { + test('@avt-advanced-states tabs skeleton', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--skeleton', @@ -105,7 +103,7 @@ test.describe('Tabs @avt', () => { await expect(page).toHaveNoACViolations('Tabs-skeleton'); }); - test.slow('default state - keyboard nav', async ({ page }) => { + test.slow('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--default', @@ -152,7 +150,7 @@ test.describe('Tabs @avt', () => { await expect(page.getByRole('tab', { name: 'Tab label 4' })).toBeFocused(); }); - test.slow('dismissable state - keyboard nav', async ({ page }) => { + test.slow('@avt-keyboard-nav - dismissable state', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-tabs--dismissable', diff --git a/e2e/components/TextArea/TextArea-test.avt.e2e.js b/e2e/components/TextArea/TextArea-test.avt.e2e.js index 6ccba15fd2ab..6d7215369932 100644 --- a/e2e/components/TextArea/TextArea-test.avt.e2e.js +++ b/e2e/components/TextArea/TextArea-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('TextArea @avt', () => { - test('accessibility-checker TextArea', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'TextArea', id: 'components-textarea--default', @@ -22,7 +22,7 @@ test.describe('TextArea @avt', () => { await expect(page).toHaveNoACViolations('TextArea'); }); - test('accessibility-checker TextArea invalid', async ({ page }) => { + test('@avt-advanced-states invalid', async ({ page }) => { await visitStory(page, { component: 'TextArea', id: 'components-textarea--playground', @@ -36,7 +36,7 @@ test.describe('TextArea @avt', () => { await expect(page).toHaveNoACViolations('TextArea invalid'); }); - test('accessibility-checker TextArea warn', async ({ page }) => { + test('@avt-advanced-states warn', async ({ page }) => { await visitStory(page, { component: 'TextArea', id: 'components-textarea--playground', @@ -50,7 +50,7 @@ test.describe('TextArea @avt', () => { await expect(page).toHaveNoACViolations('TextArea warn'); }); - test('accessibility-checker TextArea skeleton', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'TextArea', id: 'components-textarea--skeleton', @@ -61,7 +61,7 @@ test.describe('TextArea @avt', () => { await expect(page).toHaveNoACViolations('TextArea skeleton'); }); - test('accessibility-checker TextArea keyboard counter', async ({ page }) => { + test('@avt-keyboard-nav TextArea keyboard counter', async ({ page }) => { await visitStory(page, { component: 'TextArea', id: 'components-textarea--playground', diff --git a/e2e/components/TextInput/TextInput-test.avt.e2e.js b/e2e/components/TextInput/TextInput-test.avt.e2e.js index 3b351447aa2b..0b3aa029ae08 100644 --- a/e2e/components/TextInput/TextInput-test.avt.e2e.js +++ b/e2e/components/TextInput/TextInput-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('TextInput @avt', () => { - test('default state', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'TextInput', id: 'components-textinput--default', @@ -22,7 +22,7 @@ test.describe('TextInput @avt', () => { await expect(page).toHaveNoACViolations('TextInput'); }); - test('disabled state', async ({ page }) => { + test('@avt-advanced-states - disabled', async ({ page }) => { await visitStory(page, { component: 'TextInput', id: 'components-textinput--playground', @@ -38,7 +38,7 @@ test.describe('TextInput @avt', () => { await expect(page).toHaveNoACViolations('TextInput-Disabled'); }); - test('accessibility-checker keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'TextInput', id: 'components-textinput--default', @@ -60,7 +60,7 @@ test.describe('TextInput @avt', () => { await expect(input).toHaveValue('Tex'); }); - test('accessibility-checker keyboard nav for password', async ({ page }) => { + test('@avt-keyboard-nav for password', async ({ page }) => { await visitStory(page, { component: 'TextInput', id: 'components-textinput--toggle-password-visibility', diff --git a/e2e/components/Tile/Tile-test.avt.e2e.js b/e2e/components/Tile/Tile-test.avt.e2e.js index 69eb217b2485..5ff8dc9f190b 100644 --- a/e2e/components/Tile/Tile-test.avt.e2e.js +++ b/e2e/components/Tile/Tile-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Tile @avt', () => { - test('Tile default state', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Tile', id: 'components-tile--default', @@ -22,7 +22,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('Tile'); }); - test('ClickableTile default state', async ({ page }) => { + test('ClickableTile @avt-default-state', async ({ page }) => { await visitStory(page, { component: 'ClickableTile', id: 'components-tile--clickable', @@ -33,7 +33,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('ClickableTile'); }); - test('ExpandableTile default state', async ({ page }) => { + test('ExpandableTile @avt-default-state', async ({ page }) => { await visitStory(page, { component: 'ExpandableTile', id: 'components-tile--expandable', @@ -44,7 +44,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('ExpandableTile'); }); - test('SelectableTile default state', async ({ page }) => { + test('SelectableTile @avt-default-state', async ({ page }) => { await visitStory(page, { component: 'SelectableTile', id: 'components-tile--selectable', @@ -55,7 +55,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('SelectableTile'); }); - test('SelectableTile multi-select default state', async ({ page }) => { + test('SelectableTile multi-select @avt-default-state', async ({ page }) => { await visitStory(page, { component: 'SelectableTile', id: 'components-tile--multi-select', @@ -66,7 +66,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('SelectableTile multi-select'); }); - test('RadioTile default state', async ({ page }) => { + test('RadioTile @avt-default-state', async ({ page }) => { await visitStory(page, { component: 'RadioTile', id: 'components-tile--radio', @@ -77,7 +77,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('RadioTile'); }); - test('ClickableTile disabled state', async ({ page }) => { + test('ClickableTile - @avt-advanced-states', async ({ page }) => { await visitStory(page, { component: 'Tile', id: 'components-tile--clickable', @@ -92,7 +92,7 @@ test.describe('Tile @avt', () => { await expect(page).toHaveNoACViolations('ClickableTile-Disabled'); }); - test('ExpandableTile keyboard expanded state', async ({ page }) => { + test('ExpandableTile - @avt-advanced-states', async ({ page }) => { await visitStory(page, { component: 'ExpandableTile', id: 'components-tile--expandable', @@ -109,7 +109,7 @@ test.describe('Tile @avt', () => { ); }); - test('SelectableTile keyboard', async ({ page }) => { + test('SelectableTile @avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'SelectableTile', id: 'components-tile--selectable', @@ -126,7 +126,7 @@ test.describe('Tile @avt', () => { ); }); - test('RadioTile keyboard', async ({ page }) => { + test('RadioTile @avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'RadioTile', id: 'components-tile--radio', diff --git a/e2e/components/Toggle/Toggle-test.avt.e2e.js b/e2e/components/Toggle/Toggle-test.avt.e2e.js index ceca317d4413..84442569a74c 100644 --- a/e2e/components/Toggle/Toggle-test.avt.e2e.js +++ b/e2e/components/Toggle/Toggle-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Toggle @avt', () => { - test('accessibility-checker', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Toggle', id: 'components-toggle--default', @@ -22,7 +22,7 @@ test.describe('Toggle @avt', () => { await expect(page).toHaveNoACViolations('Toggle'); }); - test('accessibility-checker skeleton', async ({ page }) => { + test('@avt-advanced-states skeleton', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-toggle--skeleton', @@ -33,7 +33,7 @@ test.describe('Toggle @avt', () => { await expect(page).toHaveNoACViolations('Toggle-skeleton'); }); - test('accessibility-checker small toggle', async ({ page }) => { + test('@avt-advanced-states small toggle', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-toggle--small-toggle', @@ -44,7 +44,7 @@ test.describe('Toggle @avt', () => { await expect(page).toHaveNoACViolations('Toggle-small'); }); - test('accessibility-checker with accessible labels', async ({ page }) => { + test('@avt-advanced-states with accessible labels', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-toggle--with-accessible-labels', @@ -55,7 +55,7 @@ test.describe('Toggle @avt', () => { await expect(page).toHaveNoACViolations('Toggle-accessible-labels'); }); - test('default Toggle state - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav - keyboard nav', async ({ page }) => { await visitStory(page, { component: 'Tabs', id: 'components-toggle--default', diff --git a/e2e/components/Tooltip/Tooltip-test.avt.e2e.js b/e2e/components/Tooltip/Tooltip-test.avt.e2e.js index cf238a6857cd..95dfa3059f35 100644 --- a/e2e/components/Tooltip/Tooltip-test.avt.e2e.js +++ b/e2e/components/Tooltip/Tooltip-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('Tooltip @avt', () => { - test('accessibility-checker - tooltip default', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'Tooltip', id: 'components-tooltip--default', @@ -22,7 +22,7 @@ test.describe('Tooltip @avt', () => { await expect(page).toHaveNoACViolations('Tooltip'); }); - test('accessibility-checker - tooltip alignment', async ({ page }) => { + test('@avt-advanced-states - tooltip alignment', async ({ page }) => { await visitStory(page, { component: 'Tooltip', id: 'components-tooltip--alignment', @@ -33,7 +33,7 @@ test.describe('Tooltip @avt', () => { await expect(page).toHaveNoACViolations('Tooltip - alignment'); }); - test('accessibility-checker - tooltip duration', async ({ page }) => { + test('@avt-advanced-states - tooltip duration', async ({ page }) => { await visitStory(page, { component: 'Tooltip', id: 'components-tooltip--duration', @@ -45,7 +45,7 @@ test.describe('Tooltip @avt', () => { }); // Prevent timeout - test.slow('tooltip default - keyboard nav', async ({ page }) => { + test.slow('tooltip default - @avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'Tooltip', id: 'components-tooltip--default', diff --git a/e2e/components/TreeView/TreeView-test.avt.e2e.js b/e2e/components/TreeView/TreeView-test.avt.e2e.js index d468c727e059..1e12d685226d 100644 --- a/e2e/components/TreeView/TreeView-test.avt.e2e.js +++ b/e2e/components/TreeView/TreeView-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('TreeView @avt', () => { - test('accessibility-checker default', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'TreeView', id: 'components-treeview--default', @@ -22,7 +22,7 @@ test.describe('TreeView @avt', () => { await expect(page).toHaveNoACViolations('components-treeview--default'); }); - test('accessibility-checker with-icons', async ({ page }) => { + test('@avt-advanced-states with-icons', async ({ page }) => { await visitStory(page, { component: 'TreeView', id: 'components-treeview--with-icons', @@ -33,7 +33,7 @@ test.describe('TreeView @avt', () => { await expect(page).toHaveNoACViolations('components-treeview--with-icons'); }); - test('treeview - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav', async ({ page }) => { await visitStory(page, { component: 'TreeView', id: 'components-treeview--with-icons', diff --git a/e2e/components/UIShell/UIShell-test.avt.e2e.js b/e2e/components/UIShell/UIShell-test.avt.e2e.js index bce6d2bdb829..5a7df84be13b 100644 --- a/e2e/components/UIShell/UIShell-test.avt.e2e.js +++ b/e2e/components/UIShell/UIShell-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('UIShell @avt', () => { - test('header', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'UIShell', id: 'components-ui-shell-header--header-w-navigation', @@ -22,7 +22,7 @@ test.describe('UIShell @avt', () => { await expect(page).toHaveNoACViolations('UIShell'); }); - test('sidenav rail w/header', async ({ page }) => { + test('@avt-advanced-states sidenav rail w/header', async ({ page }) => { await visitStory(page, { component: 'UIShell', id: 'components-ui-shell-sidenav--side-nav-rail-w-header', @@ -33,7 +33,7 @@ test.describe('UIShell @avt', () => { await expect(page).toHaveNoACViolations('UIShell-side-nav-rail-w-header'); }); - test('sidenav rail w/header - expanded state open category sidenav', async ({ + test('@avt-advanced-states sidenav rail w/header - expanded state open category sidenav', async ({ page, }) => { await visitStory(page, { @@ -59,7 +59,7 @@ test.describe('UIShell @avt', () => { ); }); - test('sidenav rail w/header - expanded state header link', async ({ + test('@avt-advanced-states sidenav rail w/header - expanded state header link', async ({ page, }) => { await visitStory(page, { @@ -80,7 +80,7 @@ test.describe('UIShell @avt', () => { ); }); - test('sidenav rail w/header - keyboard nav', async ({ page }) => { + test('@avt-keyboard-nav sidenav rail w/header', async ({ page }) => { await visitStory(page, { component: 'UIShell', id: 'components-ui-shell-sidenav--side-nav-rail-w-header', diff --git a/e2e/components/UnorderedList/UnorderedList-test.avt.e2e.js b/e2e/components/UnorderedList/UnorderedList-test.avt.e2e.js index 4d24151233c2..35cc30f069b3 100644 --- a/e2e/components/UnorderedList/UnorderedList-test.avt.e2e.js +++ b/e2e/components/UnorderedList/UnorderedList-test.avt.e2e.js @@ -11,7 +11,7 @@ const { expect, test } = require('@playwright/test'); const { visitStory } = require('../../test-utils/storybook'); test.describe('UnorderedList @avt', () => { - test('accessibility-checker default', async ({ page }) => { + test('@avt-default-state', async ({ page }) => { await visitStory(page, { component: 'UnorderedList', id: 'components-unorderedlist--default', @@ -24,7 +24,7 @@ test.describe('UnorderedList @avt', () => { ); }); - test('accessibility-checker nested', async ({ page }) => { + test('@avt-advanced-states nested', async ({ page }) => { await visitStory(page, { component: 'UnorderedList', id: 'components-unorderedlist--nested',