- 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>
120 lines
4.4 KiB
JavaScript
120 lines
4.4 KiB
JavaScript
import { patchFocus } from '../document/patchFocus.js';
|
|
import { prepareDocument } from '../document/prepareDocument.js';
|
|
import { dispatchEvent, dispatchUIEvent } from '../event/dispatchEvent.js';
|
|
import { attachClipboardStubToView } from '../utils/dataTransfer/Clipboard.js';
|
|
import { getWindow } from '../utils/misc/getWindow.js';
|
|
import { getDocumentFromNode } from '../utils/misc/getDocumentFromNode.js';
|
|
import { setLevelRef, ApiLevel } from '../utils/misc/level.js';
|
|
import { wait } from '../utils/misc/wait.js';
|
|
import { PointerEventsCheckLevel } from '../options.js';
|
|
import '@testing-library/dom';
|
|
import { defaultKeyMap } from '../keyboard/keyMap.js';
|
|
import { defaultKeyMap as defaultKeyMap$1 } from '../pointer/keyMap.js';
|
|
import { System } from '../system/index.js';
|
|
import { userEventApi } from './api.js';
|
|
import { wrapAsync } from './wrapAsync.js';
|
|
|
|
/**
|
|
* Default options applied when API is called per `userEvent.anyApi()`
|
|
*/ const defaultOptionsDirect = {
|
|
applyAccept: true,
|
|
autoModify: true,
|
|
delay: 0,
|
|
document: globalThis.document,
|
|
keyboardMap: defaultKeyMap,
|
|
pointerMap: defaultKeyMap$1,
|
|
pointerEventsCheck: PointerEventsCheckLevel.EachApiCall,
|
|
skipAutoClose: false,
|
|
skipClick: false,
|
|
skipHover: false,
|
|
writeToClipboard: false,
|
|
advanceTimers: ()=>Promise.resolve()
|
|
};
|
|
/**
|
|
* Default options applied when API is called per `userEvent().anyApi()`
|
|
*/ const defaultOptionsSetup = {
|
|
...defaultOptionsDirect,
|
|
writeToClipboard: true
|
|
};
|
|
function createConfig(options = {}, defaults = defaultOptionsSetup, node) {
|
|
const document = getDocument(options, node, defaults);
|
|
return {
|
|
...defaults,
|
|
...options,
|
|
document
|
|
};
|
|
}
|
|
/**
|
|
* Start a "session" with userEvent.
|
|
* All APIs returned by this function share an input device state and a default configuration.
|
|
*/ function setupMain(options = {}) {
|
|
const config = createConfig(options);
|
|
prepareDocument(config.document);
|
|
patchFocus(getWindow(config.document).HTMLElement);
|
|
var _config_document_defaultView;
|
|
const view = (_config_document_defaultView = config.document.defaultView) !== null && _config_document_defaultView !== undefined ? _config_document_defaultView : /* istanbul ignore next */ globalThis.window;
|
|
attachClipboardStubToView(view);
|
|
return createInstance(config).api;
|
|
}
|
|
/**
|
|
* Setup in direct call per `userEvent.anyApi()`
|
|
*/ function setupDirect({ keyboardState, pointerState, ...options } = {}, node) {
|
|
const config = createConfig(options, defaultOptionsDirect, node);
|
|
prepareDocument(config.document);
|
|
patchFocus(getWindow(config.document).HTMLElement);
|
|
var _ref;
|
|
const system = (_ref = pointerState !== null && pointerState !== undefined ? pointerState : keyboardState) !== null && _ref !== undefined ? _ref : new System();
|
|
return {
|
|
api: createInstance(config, system).api,
|
|
system
|
|
};
|
|
}
|
|
/**
|
|
* Create a set of callbacks with different default settings but the same state.
|
|
*/ function setupSub(options) {
|
|
return createInstance({
|
|
...this.config,
|
|
...options
|
|
}, this.system).api;
|
|
}
|
|
function wrapAndBindImpl(instance, impl) {
|
|
function method(...args) {
|
|
setLevelRef(instance, ApiLevel.Call);
|
|
return wrapAsync(()=>impl.apply(instance, args).then(async (ret)=>{
|
|
await wait(instance.config);
|
|
return ret;
|
|
}));
|
|
}
|
|
Object.defineProperty(method, 'name', {
|
|
get: ()=>impl.name
|
|
});
|
|
return method;
|
|
}
|
|
function createInstance(config, system = new System()) {
|
|
const instance = {};
|
|
Object.assign(instance, {
|
|
config,
|
|
dispatchEvent: dispatchEvent.bind(instance),
|
|
dispatchUIEvent: dispatchUIEvent.bind(instance),
|
|
system,
|
|
levelRefs: {},
|
|
...userEventApi
|
|
});
|
|
return {
|
|
instance,
|
|
api: {
|
|
...Object.fromEntries(Object.entries(userEventApi).map(([name, api])=>[
|
|
name,
|
|
wrapAndBindImpl(instance, api)
|
|
])),
|
|
setup: setupSub.bind(instance)
|
|
}
|
|
};
|
|
}
|
|
function getDocument(options, node, defaults) {
|
|
var _options_document, _ref;
|
|
return (_ref = (_options_document = options.document) !== null && _options_document !== undefined ? _options_document : node && getDocumentFromNode(node)) !== null && _ref !== undefined ? _ref : defaults.document;
|
|
}
|
|
|
|
export { createConfig, createInstance, setupDirect, setupMain, setupSub };
|