Set up comprehensive frontend testing infrastructure
- 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>
This commit is contained in:
anthonyrawlins
194
frontend/node_modules/@jest/environment-jsdom-abstract/build/index.js
generated
vendored
Normal file
194
frontend/node_modules/@jest/environment-jsdom-abstract/build/index.js
generated
vendored
Normal file
@@ -0,0 +1,194 @@
|
||||
/*!
|
||||
* /**
|
||||
* * Copyright (c) Meta Platforms, Inc. and affiliates.
|
||||
* *
|
||||
* * This source code is licensed under the MIT license found in the
|
||||
* * LICENSE file in the root directory of this source tree.
|
||||
* * /
|
||||
*/
|
||||
/******/ (() => { // webpackBootstrap
|
||||
/******/ "use strict";
|
||||
var __webpack_exports__ = {};
|
||||
// This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
|
||||
(() => {
|
||||
var exports = __webpack_exports__;
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports["default"] = void 0;
|
||||
function _fakeTimers() {
|
||||
const data = require("@jest/fake-timers");
|
||||
_fakeTimers = function () {
|
||||
return data;
|
||||
};
|
||||
return data;
|
||||
}
|
||||
function _jestMock() {
|
||||
const data = require("jest-mock");
|
||||
_jestMock = function () {
|
||||
return data;
|
||||
};
|
||||
return data;
|
||||
}
|
||||
function _jestUtil() {
|
||||
const data = require("jest-util");
|
||||
_jestUtil = function () {
|
||||
return data;
|
||||
};
|
||||
return data;
|
||||
}
|
||||
/**
|
||||
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||||
*
|
||||
* This source code is licensed under the MIT license found in the
|
||||
* LICENSE file in the root directory of this source tree.
|
||||
*/
|
||||
|
||||
// The `Window` interface does not have an `Error.stackTraceLimit` property, but
|
||||
// `JSDOMEnvironment` assumes it is there.
|
||||
|
||||
function isString(value) {
|
||||
return typeof value === 'string';
|
||||
}
|
||||
class BaseJSDOMEnvironment {
|
||||
dom;
|
||||
fakeTimers;
|
||||
fakeTimersModern;
|
||||
global;
|
||||
errorEventListener;
|
||||
moduleMocker;
|
||||
customExportConditions = ['browser'];
|
||||
_configuredExportConditions;
|
||||
constructor(config, context, jsdomModule) {
|
||||
const {
|
||||
projectConfig
|
||||
} = config;
|
||||
const {
|
||||
JSDOM,
|
||||
ResourceLoader,
|
||||
VirtualConsole
|
||||
} = jsdomModule;
|
||||
const virtualConsole = new VirtualConsole();
|
||||
virtualConsole.sendTo(context.console, {
|
||||
omitJSDOMErrors: true
|
||||
});
|
||||
virtualConsole.on('jsdomError', error => {
|
||||
context.console.error(error);
|
||||
});
|
||||
this.dom = new JSDOM(typeof projectConfig.testEnvironmentOptions.html === 'string' ? projectConfig.testEnvironmentOptions.html : '<!DOCTYPE html>', {
|
||||
pretendToBeVisual: true,
|
||||
resources: typeof projectConfig.testEnvironmentOptions.userAgent === 'string' ? new ResourceLoader({
|
||||
userAgent: projectConfig.testEnvironmentOptions.userAgent
|
||||
}) : undefined,
|
||||
runScripts: 'dangerously',
|
||||
url: 'http://localhost/',
|
||||
virtualConsole,
|
||||
...projectConfig.testEnvironmentOptions
|
||||
});
|
||||
const global = this.global = this.dom.window;
|
||||
if (global == null) {
|
||||
throw new Error('JSDOM did not return a Window object');
|
||||
}
|
||||
|
||||
// TODO: remove at some point - for "universal" code (code should use `globalThis`)
|
||||
global.global = global;
|
||||
|
||||
// Node's error-message stack size is limited at 10, but it's pretty useful
|
||||
// to see more than that when a test fails.
|
||||
this.global.Error.stackTraceLimit = 100;
|
||||
(0, _jestUtil().installCommonGlobals)(global, projectConfig.globals);
|
||||
|
||||
// TODO: remove this ASAP, but it currently causes tests to run really slow
|
||||
global.Buffer = Buffer;
|
||||
|
||||
// Report uncaught errors.
|
||||
this.errorEventListener = event => {
|
||||
if (userErrorListenerCount === 0 && event.error != null) {
|
||||
process.emit('uncaughtException', event.error);
|
||||
}
|
||||
};
|
||||
global.addEventListener('error', this.errorEventListener);
|
||||
|
||||
// However, don't report them as uncaught if the user listens to 'error' event.
|
||||
// In that case, we assume the might have custom error handling logic.
|
||||
const originalAddListener = global.addEventListener.bind(global);
|
||||
const originalRemoveListener = global.removeEventListener.bind(global);
|
||||
let userErrorListenerCount = 0;
|
||||
global.addEventListener = function (...args) {
|
||||
if (args[0] === 'error') {
|
||||
userErrorListenerCount++;
|
||||
}
|
||||
return originalAddListener.apply(this, args);
|
||||
};
|
||||
global.removeEventListener = function (...args) {
|
||||
if (args[0] === 'error') {
|
||||
userErrorListenerCount--;
|
||||
}
|
||||
return originalRemoveListener.apply(this, args);
|
||||
};
|
||||
if ('customExportConditions' in projectConfig.testEnvironmentOptions) {
|
||||
const {
|
||||
customExportConditions
|
||||
} = projectConfig.testEnvironmentOptions;
|
||||
if (Array.isArray(customExportConditions) && customExportConditions.every(isString)) {
|
||||
this._configuredExportConditions = customExportConditions;
|
||||
} else {
|
||||
throw new Error('Custom export conditions specified but they are not an array of strings');
|
||||
}
|
||||
}
|
||||
this.moduleMocker = new (_jestMock().ModuleMocker)(global);
|
||||
this.fakeTimers = new (_fakeTimers().LegacyFakeTimers)({
|
||||
config: projectConfig,
|
||||
global: global,
|
||||
moduleMocker: this.moduleMocker,
|
||||
timerConfig: {
|
||||
idToRef: id => id,
|
||||
refToId: ref => ref
|
||||
}
|
||||
});
|
||||
this.fakeTimersModern = new (_fakeTimers().ModernFakeTimers)({
|
||||
config: projectConfig,
|
||||
global: global
|
||||
});
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
||||
async setup() {}
|
||||
async teardown() {
|
||||
if (this.fakeTimers) {
|
||||
this.fakeTimers.dispose();
|
||||
}
|
||||
if (this.fakeTimersModern) {
|
||||
this.fakeTimersModern.dispose();
|
||||
}
|
||||
if (this.global != null) {
|
||||
if (this.errorEventListener) {
|
||||
this.global.removeEventListener('error', this.errorEventListener);
|
||||
}
|
||||
this.global.close();
|
||||
}
|
||||
this.errorEventListener = null;
|
||||
// @ts-expect-error: this.global not allowed to be `null`
|
||||
this.global = null;
|
||||
this.dom = null;
|
||||
this.fakeTimers = null;
|
||||
this.fakeTimersModern = null;
|
||||
}
|
||||
exportConditions() {
|
||||
return this._configuredExportConditions ?? this.customExportConditions;
|
||||
}
|
||||
getVmContext() {
|
||||
if (this.dom) {
|
||||
return this.dom.getInternalVMContext();
|
||||
}
|
||||
return null;
|
||||
}
|
||||
}
|
||||
exports["default"] = BaseJSDOMEnvironment;
|
||||
})();
|
||||
|
||||
module.exports = __webpack_exports__;
|
||||
/******/ })()
|
||||
;
|
||||
Reference in New Issue
Block a user