Test cases setup

README.md

@@ -195,6 +195,26 @@ default_screen_deployment_status:
 
 Only screens set to `true` in this configuration file will be processed by the deployment workflow for Advanced Mode. This allows you to selectively roll out your custom screens.
 
+<a id="testing"></a>
+
+## Testing
+
+This project uses [Jest](https://jestjs.io/) for unit and integration testing of screen components.
+
+### Running Tests
+
+To run the entire test suite:
+
+```bash
+npm test
+```
+
+Run per screens tests
+
+```bash
+npm test -- --testPathPatterns="<screen_name>"
+```
+
 <a id="technical-details"></a>
 
 ## 🔍 Technical Details

babel.config.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@babel/preset-typescript',
+    ['@babel/preset-react', { runtime: 'automatic' }],
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+  ],
+}; 

jest.config.cjs

@@ -0,0 +1,16 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(ts|tsx|js|jsx)$': 'babel-jest',
+  },
+  moduleNameMapper: {
+    // We need this wildcard mapper to help Jest resolve the non-standard
+    // sub-path exports of the Auth0 ACUL JS SDK before it can apply our manual mock.
+    '^@auth0/auth0-acul-js/(.*)$': '<rootDir>/node_modules/@auth0/auth0-acul-js/dist/$1/index.js',
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
+  // Allow transforming ESM modules from node_modules.
+  transformIgnorePatterns: ['/node_modules/(?!@auth0/auth0-acul-js/)'],
+  setupFilesAfterEnv: ['<rootDir>/src/test/setup.ts'],
+};