Setup jest testing environment

.eslintrc.json

@@ -31,7 +31,10 @@
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": "warn",
     "prettier/prettier": [
-      "error"
+      "error",
+      {
+        "trailingComma": "es5"
+      }
     ],
     "global-require": "off",
     "max-len": [
@@ -73,7 +76,8 @@
       {
         "devDependencies": [
           "**/*.stories.*",
-          "**/.storybook/**/*.*"
+          "**/.storybook/**/*.*",
+          "spec/**/*.*"
         ],
         "peerDependencies": true
       }
@@ -98,6 +102,7 @@
     "*.config.js",
     "lib/**/*.js",
     "lib/**/*.d.ts",
-    "docs/**/*.js"
+    "docs/**/*.js",
+    "jest.setup.js"
   ]
 }

.github/workflows/run-test.yml

@@ -0,0 +1,25 @@
+name: Run tests
+on:
+  pull_request:
+    branches:
+      - "**"
+concurrency:
+  group: run-tests-${{ github.head_ref }}
+  cancel-in-progress: true
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node: ["18.13.0"]
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v2
+      - name: Set up node
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+      - name: Install dependencies
+        run: npm install
+      - name: Run tests
+        run: npm run test

jest.config.js

@@ -0,0 +1,24 @@
+// jest.config.js
+module.exports = {
+  projects: [
+    {
+      displayName: 'client',
+      testEnvironment: 'jsdom',
+      testMatch: ['**/**/*.test.(js|jsx|ts|tsx)', '!**/**/*.server.test.(js|jsx|ts|tsx)'],
+      setupFilesAfterEnv: ['./jest.setup.js', 'jest-fail-on-console'], // Ensures setup jest.setup.js scripts run after jest is fully setup
+      moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+      transform: {
+        '^.+\\.(ts|tsx)$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
+      },
+    },
+    {
+      displayName: 'server',
+      testEnvironment: 'node',
+      testMatch: ['**/**/*.server.test.(js|jsx|ts|tsx)'],
+      moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+      transform: {
+        '^.+\\.(ts|tsx)$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
+      },
+    },
+  ]
+};

jest.setup.js

@@ -0,0 +1,12 @@
+const failOnConsole = require('jest-fail-on-console')
+
+class IntersectionObserver {
+  constructor() {}
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+
+failOnConsole()
+
+global.IntersectionObserver = IntersectionObserver;