Update test config

primer · Nov 20, 2024 · 38499b2 · 38499b2
1 parent 07a837c
commit 38499b2
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 52 deletions.
diff --git a/e2e/components/IconButton.test.ts b/e2e/components/IconButton.test.ts
@@ -308,12 +308,12 @@ test.describe('IconButton', () => {
       })
     }
   })
-  test.describe('Keyshortcuts', () => {
+  test.describe('Keybinding hint', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-iconbutton-features--keyshortcuts',
+            id: 'components-iconbutton-features--keybinding-hint',
             globals: {
               colorScheme: theme,
             },
@@ -322,13 +322,13 @@ test.describe('IconButton', () => {
           // Default state
           await page.keyboard.press('Tab') // focus on icon button
           expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `IconButton.Keyshortcuts.${theme}.png`,
+            `IconButton.Keybinding Hint.${theme}.png`,
           )
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-iconbutton-features--keyshortcuts',
+            id: 'components-iconbutton-features--keybinding-hint',
             globals: {
               colorScheme: theme,
             },
@@ -340,12 +340,12 @@ test.describe('IconButton', () => {
     }
   })
 
-  test.describe('Keyshortcuts on Description', () => {
+  test.describe('Keybinding hint on Description', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-iconbutton-features--keyshortcuts-on-description',
+            id: 'components-iconbutton-features--keybinding-hint-on-description',
             globals: {
               colorScheme: theme,
             },
@@ -354,13 +354,13 @@ test.describe('IconButton', () => {
           // Default state
           await page.keyboard.press('Tab') // focus on icon button
           expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `IconButton.Keyshortcuts on Description.${theme}.png`,
+            `IconButton.Keybinding Hint on Description.${theme}.png`,
           )
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-iconbutton-features--keyshortcuts-on-description',
+            id: 'components-iconbutton-features--keybinding-hint-on-description',
             globals: {
               colorScheme: theme,
             },

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -47,11 +47,12 @@
     "@github/markdownlint-github": "^0.6.0",
     "@github/prettier-config": "0.0.6",
     "@mdx-js/react": "1.6.22",
-    "@playwright/test": "^1.47.2",
+    "@playwright/test": "1.49.0",
     "@prettier/sync": "0.5.1",
     "@primer/stylelint-config": "13.1.1",
     "@size-limit/preset-big-lib": "11.1.6",
     "@types/jest": "29.5.12",
+    "@types/node": "22.9.1",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@typescript-eslint/parser": "^7.3.1",
     "eslint": "8.56.0",