chore(project): add eslint plugin for playwright (#3034)

* chore(project): add eslint plugin for playwright

* chore: update toBeVisible() check to be await-ed

* chore: bump caniuse-lite

---------

Co-authored-by: Josh Black <[email protected]>

Author: joshblack

.eslintrc.js

@@ -178,9 +178,8 @@ module.exports = {
       parserOptions: {
         project: 'tsconfig.json',
       },
-      rules: {
-        'github/array-foreach': 'off',
-      },
+      extends: ['plugin:playwright/jest-playwright'],
+      rules: {},
     },
 
     // rules which apply only to Markdown

e2e/components/DataTable.test.ts

@@ -178,11 +178,11 @@ test.describe('DataTable', () => {
       const tabIndex = await region.getAttribute('tabindex')
       const labelledby = await region.getAttribute('aria-labelledby')
 
-      expect(region).toBeVisible()
+      await expect(region).toBeVisible()
       expect(tabIndex).toBe('0')
       expect(labelledby).toBe(headingId)
 
-      expect(table).toBeVisible()
+      await expect(table).toBeVisible()
       expect(labelledby).toBe(headingId)
     })
 

package-lock.json

@@ -190,6 +190,7 @@
     "eslint-plugin-jest": "27.2.1",
     "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-mdx": "2.0.5",
+    "eslint-plugin-playwright": "0.12.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-primer-react": "1.0.1",
     "eslint-plugin-react": "7.32.2",