- 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>
139 lines
5.6 KiB
JavaScript
139 lines
5.6 KiB
JavaScript
"use strict";
|
|
/**
|
|
* This has been written quickly. While trying to improve I realised it'd be better to have it in Jest...
|
|
* ...and I saw a merged PR with `jest --init` tool!
|
|
* TODO: see what's the best path for this
|
|
*/
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.help = exports.run = void 0;
|
|
const fs_1 = require("fs");
|
|
const path_1 = require("path");
|
|
const ejs_1 = __importDefault(require("ejs"));
|
|
const json5_1 = require("json5");
|
|
const create_jest_preset_1 = require("../../presets/create-jest-preset");
|
|
const JEST_CONFIG_EJS_TEMPLATE = `const { <%= presetCreatorFn %> } = require("ts-jest");
|
|
|
|
const tsJestTransformCfg = <%= presetCreatorFn %>(<%- transformOpts %>).transform;
|
|
|
|
/** @type {import("jest").Config} **/
|
|
<%= exportKind %> {
|
|
testEnvironment: "<%= testEnvironment %>",
|
|
transform: {
|
|
...tsJestTransformCfg,
|
|
},
|
|
};`;
|
|
const ensureOnlyUsingDoubleQuotes = (str) => {
|
|
return str
|
|
.replace(/"'(.*?)'"/g, '"$1"')
|
|
.replace(/'ts-jest'/g, '"ts-jest"')
|
|
.replace(/'babel-jest'/g, '"babel-jest"');
|
|
};
|
|
/**
|
|
* @internal
|
|
*/
|
|
const run = async (args /* , logger: Logger */) => {
|
|
const { tsconfig: askedTsconfig, force, jsdom, js: jsFilesProcessor, babel: shouldPostProcessWithBabel } = args;
|
|
const file = args._[0]?.toString() ?? 'jest.config.js';
|
|
const filePath = (0, path_1.join)(process.cwd(), file);
|
|
const name = (0, path_1.basename)(file);
|
|
const isPackageJsonConfig = name === 'package.json';
|
|
const isJestConfigFileExisted = (0, fs_1.existsSync)(filePath);
|
|
const pkgFile = isPackageJsonConfig ? filePath : (0, path_1.join)(process.cwd(), 'package.json');
|
|
const isPackageJsonExisted = isPackageJsonConfig || (0, fs_1.existsSync)(pkgFile);
|
|
const tsconfig = askedTsconfig === 'tsconfig.json' ? undefined : askedTsconfig;
|
|
const pkgJsonContent = isPackageJsonExisted ? JSON.parse((0, fs_1.readFileSync)(pkgFile, 'utf8')) : {};
|
|
if (shouldPostProcessWithBabel) {
|
|
console.warn(`The option --babel is deprecated and will be removed in the next major version.` +
|
|
` Please specify 'js' option value (see more with npx ts-jest help) if you wish 'ts-jest' to process 'js' with TypeScript API or Babel.`);
|
|
}
|
|
if (isPackageJsonConfig && !isJestConfigFileExisted) {
|
|
throw new Error(`File ${file} does not exists.`);
|
|
}
|
|
else if (!isPackageJsonConfig && isJestConfigFileExisted && !force) {
|
|
throw new Error(`Configuration file ${file} already exists.`);
|
|
}
|
|
if (!isPackageJsonConfig && !name.endsWith('.js')) {
|
|
throw new TypeError(`Configuration file ${file} must be a .js file or the package.json.`);
|
|
}
|
|
if (isPackageJsonExisted && pkgJsonContent.jest) {
|
|
if (force && !isPackageJsonConfig) {
|
|
delete pkgJsonContent.jest;
|
|
(0, fs_1.writeFileSync)(pkgFile, JSON.stringify(pkgJsonContent, undefined, ' '));
|
|
}
|
|
else if (!force) {
|
|
throw new Error(`A Jest configuration is already set in ${pkgFile}.`);
|
|
}
|
|
}
|
|
let body;
|
|
const transformOpts = tsconfig
|
|
? { tsconfig: `${(0, json5_1.stringify)(tsconfig)}` }
|
|
: undefined;
|
|
let transformConfig;
|
|
if (isPackageJsonConfig) {
|
|
if (jsFilesProcessor === 'babel' || shouldPostProcessWithBabel) {
|
|
transformConfig = (0, create_jest_preset_1.createJsWithBabelPreset)(transformOpts);
|
|
}
|
|
else if (jsFilesProcessor === 'ts') {
|
|
transformConfig = (0, create_jest_preset_1.createJsWithTsPreset)(transformOpts);
|
|
}
|
|
else {
|
|
transformConfig = (0, create_jest_preset_1.createDefaultPreset)(transformOpts);
|
|
}
|
|
body = ensureOnlyUsingDoubleQuotes(JSON.stringify({
|
|
...pkgJsonContent,
|
|
jest: transformConfig,
|
|
}, undefined, ' '));
|
|
}
|
|
else {
|
|
let presetCreatorFn;
|
|
if (jsFilesProcessor === 'babel' || shouldPostProcessWithBabel) {
|
|
presetCreatorFn = 'createJsWithBabelPreset';
|
|
}
|
|
else if (jsFilesProcessor === 'ts') {
|
|
presetCreatorFn = 'createJsWithTsPreset';
|
|
}
|
|
else {
|
|
presetCreatorFn = 'createDefaultPreset';
|
|
}
|
|
body = ejs_1.default.render(JEST_CONFIG_EJS_TEMPLATE, {
|
|
exportKind: pkgJsonContent.type === 'module' ? 'export default' : 'module.exports =',
|
|
testEnvironment: jsdom ? 'jsdom' : 'node',
|
|
presetCreatorFn,
|
|
transformOpts: transformOpts ? ensureOnlyUsingDoubleQuotes(JSON.stringify(transformOpts, null, 2)) : undefined,
|
|
});
|
|
}
|
|
(0, fs_1.writeFileSync)(filePath, body);
|
|
process.stderr.write(`
|
|
Jest configuration written to "${filePath}".
|
|
`);
|
|
};
|
|
exports.run = run;
|
|
/**
|
|
* @internal
|
|
*/
|
|
const help = async () => {
|
|
process.stdout.write(`
|
|
Usage:
|
|
ts-jest config:init [options] [<config-file>]
|
|
|
|
Arguments:
|
|
<config-file> Can be a js or json Jest config file. If it is a
|
|
package.json file, the configuration will be read from
|
|
the "jest" property.
|
|
Default: jest.config.js
|
|
|
|
Options:
|
|
--force Discard any existing Jest config
|
|
--js ts|babel Process '.js' files with ts-jest if 'ts' or with
|
|
babel-jest if 'babel'
|
|
--no-jest-preset Disable the use of Jest presets
|
|
--tsconfig <file> Path to the tsconfig.json file
|
|
--babel Enable using Babel to process 'js' resulted content from 'ts-jest' processing
|
|
--jsdom Use 'jsdom' as test environment instead of 'node'
|
|
`);
|
|
};
|
|
exports.help = help;
|