- Install Jest for unit testing with React Testing Library - Install Playwright for end-to-end testing - Configure Jest with proper TypeScript support and module mapping - Create test setup files and utilities for both unit and e2e tests Components: * Jest configuration with coverage thresholds * Playwright configuration with browser automation * Unit tests for LoginForm, AuthContext, and useSocketIO hook * E2E tests for authentication, dashboard, and agents workflows * GitHub Actions workflow for automated testing * Mock data and API utilities for consistent testing * Test documentation with best practices Testing features: - Unit tests with 70% coverage threshold - E2E tests with API mocking and user journey testing - CI/CD integration for automated test runs - Cross-browser testing support with Playwright - Authentication system testing end-to-end 🚀 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
181 lines
6.7 KiB
JavaScript
181 lines
6.7 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.createJestPreset = createJestPreset;
|
|
exports.createDefaultPreset = createDefaultPreset;
|
|
exports.createDefaultLegacyPreset = createDefaultLegacyPreset;
|
|
exports.createJsWithTsPreset = createJsWithTsPreset;
|
|
exports.createJsWithTsLegacyPreset = createJsWithTsLegacyPreset;
|
|
exports.createJsWithBabelPreset = createJsWithBabelPreset;
|
|
exports.createJsWithBabelLegacyPreset = createJsWithBabelLegacyPreset;
|
|
exports.createDefaultEsmPreset = createDefaultEsmPreset;
|
|
exports.createDefaultEsmLegacyPreset = createDefaultEsmLegacyPreset;
|
|
exports.createJsWithTsEsmPreset = createJsWithTsEsmPreset;
|
|
exports.createJsWithTsEsmLegacyPreset = createJsWithTsEsmLegacyPreset;
|
|
exports.createJsWithBabelEsmPreset = createJsWithBabelEsmPreset;
|
|
exports.createJsWithBabelEsmLegacyPreset = createJsWithBabelEsmLegacyPreset;
|
|
const constants_1 = require("../constants");
|
|
const utils_1 = require("../utils");
|
|
const logger = utils_1.rootLogger.child({ namespace: 'jest-preset' });
|
|
/**
|
|
* @deprecated use other functions below instead
|
|
*/
|
|
function createJestPreset(legacy = false, allowJs = false, extraOptions = {}) {
|
|
logger.debug({ allowJs }, 'creating jest presets', allowJs ? 'handling' : 'not handling', 'JavaScript files');
|
|
const { extensionsToTreatAsEsm, moduleFileExtensions, testMatch } = extraOptions;
|
|
const supportESM = extensionsToTreatAsEsm?.length;
|
|
const tsJestTransformOptions = supportESM ? { useESM: true } : {};
|
|
return {
|
|
...(extensionsToTreatAsEsm ? { extensionsToTreatAsEsm } : undefined),
|
|
...(moduleFileExtensions ? { moduleFileExtensions } : undefined),
|
|
...(testMatch ? { testMatch } : undefined),
|
|
transform: {
|
|
...extraOptions.transform,
|
|
[allowJs ? (supportESM ? '^.+\\.m?[tj]sx?$' : '^.+\\.[tj]sx?$') : '^.+\\.tsx?$']: legacy
|
|
? ['ts-jest/legacy', tsJestTransformOptions]
|
|
: ['ts-jest', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createDefaultPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating default CJS Jest preset');
|
|
return {
|
|
transform: {
|
|
[constants_1.TS_TRANSFORM_PATTERN]: ['ts-jest', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createDefaultLegacyPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating default CJS Jest preset');
|
|
return {
|
|
transform: {
|
|
[constants_1.TS_TRANSFORM_PATTERN]: ['ts-jest/legacy', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithTsPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating Js with Ts CJS Jest preset');
|
|
return {
|
|
transform: {
|
|
[constants_1.TS_JS_TRANSFORM_PATTERN]: ['ts-jest', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithTsLegacyPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating Js with Ts CJS Jest preset');
|
|
return {
|
|
transform: {
|
|
[constants_1.TS_JS_TRANSFORM_PATTERN]: ['ts-jest/legacy', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithBabelPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating JS with Babel CJS Jest preset');
|
|
return {
|
|
transform: {
|
|
[constants_1.JS_TRANSFORM_PATTERN]: 'babel-jest',
|
|
[constants_1.TS_TRANSFORM_PATTERN]: ['ts-jest', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithBabelLegacyPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating JS with Babel CJS Jest preset');
|
|
return {
|
|
transform: {
|
|
[constants_1.JS_TRANSFORM_PATTERN]: 'babel-jest',
|
|
[constants_1.TS_TRANSFORM_PATTERN]: ['ts-jest/legacy', tsJestTransformOptions],
|
|
},
|
|
};
|
|
}
|
|
function createDefaultEsmPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating default ESM Jest preset');
|
|
return {
|
|
extensionsToTreatAsEsm: [...constants_1.TS_EXT_TO_TREAT_AS_ESM],
|
|
transform: {
|
|
[constants_1.ESM_TS_TRANSFORM_PATTERN]: [
|
|
'ts-jest',
|
|
{
|
|
...tsJestTransformOptions,
|
|
useESM: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
function createDefaultEsmLegacyPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating default ESM Jest preset');
|
|
return {
|
|
extensionsToTreatAsEsm: [...constants_1.TS_EXT_TO_TREAT_AS_ESM],
|
|
transform: {
|
|
[constants_1.ESM_TS_TRANSFORM_PATTERN]: [
|
|
'ts-jest/legacy',
|
|
{
|
|
...tsJestTransformOptions,
|
|
useESM: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithTsEsmPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating Js with Ts ESM Jest preset');
|
|
return {
|
|
extensionsToTreatAsEsm: [...constants_1.JS_EXT_TO_TREAT_AS_ESM, ...constants_1.TS_EXT_TO_TREAT_AS_ESM],
|
|
transform: {
|
|
[constants_1.ESM_TS_JS_TRANSFORM_PATTERN]: [
|
|
'ts-jest',
|
|
{
|
|
...tsJestTransformOptions,
|
|
useESM: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithTsEsmLegacyPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating Js with Ts ESM Jest preset');
|
|
return {
|
|
extensionsToTreatAsEsm: [...constants_1.JS_EXT_TO_TREAT_AS_ESM, ...constants_1.TS_EXT_TO_TREAT_AS_ESM],
|
|
transform: {
|
|
[constants_1.ESM_TS_JS_TRANSFORM_PATTERN]: [
|
|
'ts-jest/legacy',
|
|
{
|
|
...tsJestTransformOptions,
|
|
useESM: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithBabelEsmPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating JS with Babel ESM Jest preset');
|
|
return {
|
|
extensionsToTreatAsEsm: [...constants_1.JS_EXT_TO_TREAT_AS_ESM, ...constants_1.TS_EXT_TO_TREAT_AS_ESM],
|
|
transform: {
|
|
[constants_1.ESM_JS_TRANSFORM_PATTERN]: 'babel-jest',
|
|
[constants_1.ESM_TS_TRANSFORM_PATTERN]: [
|
|
'ts-jest',
|
|
{
|
|
...tsJestTransformOptions,
|
|
useESM: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
function createJsWithBabelEsmLegacyPreset(tsJestTransformOptions = {}) {
|
|
logger.debug('creating JS with Babel ESM Jest preset');
|
|
return {
|
|
extensionsToTreatAsEsm: [...constants_1.JS_EXT_TO_TREAT_AS_ESM, ...constants_1.TS_EXT_TO_TREAT_AS_ESM],
|
|
transform: {
|
|
[constants_1.ESM_JS_TRANSFORM_PATTERN]: 'babel-jest',
|
|
[constants_1.ESM_TS_TRANSFORM_PATTERN]: [
|
|
'ts-jest/legacy',
|
|
{
|
|
...tsJestTransformOptions,
|
|
useESM: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|