add visual regression coverage

.github/workflows/coverage.yml

@@ -13,3 +13,5 @@ jobs:
     uses: yext/slapshot-reusable-workflows/.github/workflows/coverage.yml@v1
     secrets:
       caller_github_token: ${{ secrets.GITHUB_TOKEN }}
+    with: 
+      test_script: npm run test

.storybook/main.cjs → .storybook/main.js

@@ -1,12 +1,13 @@
 module.exports = {
   stories: [
-    '../tests/**/*.stories.tsx'
+    '../tests/**/*.stories.ts?(x)'
   ],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
+    '@storybook/addon-storyshots',
     {
       name: '@storybook/addon-postcss',
       options: {

jest.base.config.ts

@@ -0,0 +1,33 @@
+export const base_config = {
+  bail: 0,
+  verbose: true,
+  collectCoverage: false,
+  moduleFileExtensions: [
+    'js',
+    'json',
+    'ts',
+    'tsx'
+  ],
+  moduleDirectories: [
+    'node_modules',
+    '<rootDir>'
+  ],
+  resolver: '<rootDir>/tests/__setup__/resolver.ts',
+  setupFilesAfterEnv: [
+    '<rootDir>/tests/__setup__/setup-env.ts'
+  ],
+  testEnvironment: 'jsdom',
+  testPathIgnorePatterns: [
+    '<rootDir>/tests/__setup__/*',
+    '<rootDir>/tests/__fixtures__/*'
+  ],
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@yext/search-headless-react)/)'
+  ],
+  moduleNameMapper: {
+    './SearchCore': '<rootDir>/tests/__fixtures__/core/SearchCore.ts',
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy'
+  },
+  resetMocks: true,
+  restoreMocks: true
+};

jest.unit.config.ts

@@ -0,0 +1,10 @@
+import { base_config } from './jest.base.config';
+module.exports = {
+  ...base_config,
+  collectCoverageFrom: [
+    'src/**'
+  ],
+  testMatch: [
+    '<rootDir>/tests/**/*.test.ts?(x)'
+  ]
+};

jest.visual.config.ts

@@ -0,0 +1,12 @@
+import { base_config } from "./jest.base.config";
+
+module.exports = {
+  ...base_config,
+  collectCoverageFrom: [
+    'src/components/**'
+  ],
+  coverageDirectory: 'coverage/visual-regression',
+  testMatch: [
+    '<rootDir>/tests/storyshot.test.ts'
+  ]
+};