a11y: Dropdowns

.eslintrc.json

@@ -2,13 +2,21 @@
   "extends": [
     "eslint:recommended",
     "plugin:prettier/recommended",
-    "plugin:import/recommended"
+    "plugin:import/recommended",
+    "plugin:jest/recommended"
   ],
   "env": {
     "browser": true
   },
   "parserOptions": {
     "ecmaVersion": 2015,
     "sourceType": "module"
-  }
+  },
+  "overrides": [
+    {
+      "files": ["*.spec.js"],
+      "env": { "browser": true, "node": true },
+      "parserOptions": { "ecmaVersion": 2021 }
+    }
+  ]
 }

.github/workflows/checks.yml

@@ -43,6 +43,22 @@ jobs:
         run: yarn install --frozen-lockfile
       - name: ESlint
         run: yarn eslint
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: zendesk/checkout@v3
+        with:
+          persist-credentials: false
+      - name: Setup Node.js
+        uses: zendesk/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+      - name: Test
+        run: yarn test
   build:
     name: Build
     runs-on: ubuntu-latest

.gitignore

@@ -5,3 +5,4 @@ node_modules/
 script.js
 style.css
 *.DS_Store
+coverage/

jest.config.mjs

@@ -0,0 +1,8 @@
+const config = {
+  coverageProvider: "v8",
+  testEnvironment: "jsdom",
+  preset: "rollup-jest",
+  setupFilesAfterEnv: ["@testing-library/jest-dom"],
+};
+
+export default config;

package.json

@@ -8,6 +8,7 @@
     "eslint": "eslint src",
     "prepare": "husky install",
     "download-locales": "node ./bin/update-translations",
+    "test": "jest",
     "test-a11y": "node bin/lighthouse/index.js",
     "zcli": "zcli"
   },
@@ -20,19 +21,26 @@
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/user-event": "^14.4.3",
     "@zendesk/zcli": "1.0.0-beta.34",
     "concurrently": "8.0.1",
     "dotenv": "16.0.3",
     "eslint": "8.35.0",
     "eslint-config-prettier": "8.6.0",
     "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-jest": "^27.2.2",
     "eslint-plugin-prettier": "4.2.1",
     "husky": "8.0.2",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
     "js-yaml": "4.1.0",
     "lighthouse": "10.0.1",
     "prettier": "2.8.4",
     "puppeteer": "19.4.1",
     "rollup": "3.17.3",
+    "rollup-jest": "^3.1.0",
     "rollup-plugin-sass": "1.12.18",
     "sass": "1.58.3",
     "semantic-release": "19.0.5",