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:
40
frontend/node_modules/@testing-library/user-event/dist/cjs/keyboard/index.js
generated
vendored
Normal file
40
frontend/node_modules/@testing-library/user-event/dist/cjs/keyboard/index.js
generated
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
'use strict';
|
||||
|
||||
require('../utils/dataTransfer/Clipboard.js');
|
||||
var wait = require('../utils/misc/wait.js');
|
||||
var parseKeyDef = require('./parseKeyDef.js');
|
||||
|
||||
async function keyboard(text) {
|
||||
const actions = parseKeyDef.parseKeyDef(this.config.keyboardMap, text);
|
||||
for(let i = 0; i < actions.length; i++){
|
||||
await wait.wait(this.config);
|
||||
await keyboardAction(this, actions[i]);
|
||||
}
|
||||
}
|
||||
async function keyboardAction(instance, { keyDef, releasePrevious, releaseSelf, repeat }) {
|
||||
const { system } = instance;
|
||||
// Release the key automatically if it was pressed before.
|
||||
if (system.keyboard.isKeyPressed(keyDef)) {
|
||||
await system.keyboard.keyup(instance, keyDef);
|
||||
}
|
||||
if (!releasePrevious) {
|
||||
for(let i = 1; i <= repeat; i++){
|
||||
await system.keyboard.keydown(instance, keyDef);
|
||||
if (i < repeat) {
|
||||
await wait.wait(instance.config);
|
||||
}
|
||||
}
|
||||
// Release the key only on the last iteration on `state.repeatKey`.
|
||||
if (releaseSelf) {
|
||||
await system.keyboard.keyup(instance, keyDef);
|
||||
}
|
||||
}
|
||||
}
|
||||
async function releaseAllKeys(instance) {
|
||||
for (const k of instance.system.keyboard.getPressedKeys()){
|
||||
await instance.system.keyboard.keyup(instance, k);
|
||||
}
|
||||
}
|
||||
|
||||
exports.keyboard = keyboard;
|
||||
exports.releaseAllKeys = releaseAllKeys;
|
||||
178
frontend/node_modules/@testing-library/user-event/dist/cjs/keyboard/keyMap.js
generated
vendored
Normal file
178
frontend/node_modules/@testing-library/user-event/dist/cjs/keyboard/keyMap.js
generated
vendored
Normal file
@@ -0,0 +1,178 @@
|
||||
'use strict';
|
||||
|
||||
var keyboard = require('../system/keyboard.js');
|
||||
|
||||
/**
|
||||
* Mapping for a default US-104-QWERTY keyboard
|
||||
*/ const defaultKeyMap = [
|
||||
// alphanumeric block - writing system
|
||||
...'0123456789'.split('').map((c)=>({
|
||||
code: `Digit${c}`,
|
||||
key: c
|
||||
})),
|
||||
...')!@#$%^&*('.split('').map((c, i)=>({
|
||||
code: `Digit${i}`,
|
||||
key: c,
|
||||
shiftKey: true
|
||||
})),
|
||||
...'abcdefghijklmnopqrstuvwxyz'.split('').map((c)=>({
|
||||
code: `Key${c.toUpperCase()}`,
|
||||
key: c
|
||||
})),
|
||||
...'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').map((c)=>({
|
||||
code: `Key${c}`,
|
||||
key: c,
|
||||
shiftKey: true
|
||||
})),
|
||||
{
|
||||
code: 'BracketLeft',
|
||||
key: '['
|
||||
},
|
||||
{
|
||||
code: 'BracketLeft',
|
||||
key: '{',
|
||||
shiftKey: true
|
||||
},
|
||||
{
|
||||
code: 'BracketRight',
|
||||
key: ']'
|
||||
},
|
||||
{
|
||||
code: 'BracketRight',
|
||||
key: '}',
|
||||
shiftKey: true
|
||||
},
|
||||
// alphanumeric block - functional
|
||||
{
|
||||
code: 'Space',
|
||||
key: ' '
|
||||
},
|
||||
{
|
||||
code: 'AltLeft',
|
||||
key: 'Alt',
|
||||
location: keyboard.DOM_KEY_LOCATION.LEFT
|
||||
},
|
||||
{
|
||||
code: 'AltRight',
|
||||
key: 'Alt',
|
||||
location: keyboard.DOM_KEY_LOCATION.RIGHT
|
||||
},
|
||||
{
|
||||
code: 'ShiftLeft',
|
||||
key: 'Shift',
|
||||
location: keyboard.DOM_KEY_LOCATION.LEFT
|
||||
},
|
||||
{
|
||||
code: 'ShiftRight',
|
||||
key: 'Shift',
|
||||
location: keyboard.DOM_KEY_LOCATION.RIGHT
|
||||
},
|
||||
{
|
||||
code: 'ControlLeft',
|
||||
key: 'Control',
|
||||
location: keyboard.DOM_KEY_LOCATION.LEFT
|
||||
},
|
||||
{
|
||||
code: 'ControlRight',
|
||||
key: 'Control',
|
||||
location: keyboard.DOM_KEY_LOCATION.RIGHT
|
||||
},
|
||||
{
|
||||
code: 'MetaLeft',
|
||||
key: 'Meta',
|
||||
location: keyboard.DOM_KEY_LOCATION.LEFT
|
||||
},
|
||||
{
|
||||
code: 'MetaRight',
|
||||
key: 'Meta',
|
||||
location: keyboard.DOM_KEY_LOCATION.RIGHT
|
||||
},
|
||||
{
|
||||
code: 'OSLeft',
|
||||
key: 'OS',
|
||||
location: keyboard.DOM_KEY_LOCATION.LEFT
|
||||
},
|
||||
{
|
||||
code: 'OSRight',
|
||||
key: 'OS',
|
||||
location: keyboard.DOM_KEY_LOCATION.RIGHT
|
||||
},
|
||||
{
|
||||
code: 'ContextMenu',
|
||||
key: 'ContextMenu'
|
||||
},
|
||||
{
|
||||
code: 'Tab',
|
||||
key: 'Tab'
|
||||
},
|
||||
{
|
||||
code: 'CapsLock',
|
||||
key: 'CapsLock'
|
||||
},
|
||||
{
|
||||
code: 'Backspace',
|
||||
key: 'Backspace'
|
||||
},
|
||||
{
|
||||
code: 'Enter',
|
||||
key: 'Enter'
|
||||
},
|
||||
// function
|
||||
{
|
||||
code: 'Escape',
|
||||
key: 'Escape'
|
||||
},
|
||||
// arrows
|
||||
{
|
||||
code: 'ArrowUp',
|
||||
key: 'ArrowUp'
|
||||
},
|
||||
{
|
||||
code: 'ArrowDown',
|
||||
key: 'ArrowDown'
|
||||
},
|
||||
{
|
||||
code: 'ArrowLeft',
|
||||
key: 'ArrowLeft'
|
||||
},
|
||||
{
|
||||
code: 'ArrowRight',
|
||||
key: 'ArrowRight'
|
||||
},
|
||||
// control pad
|
||||
{
|
||||
code: 'Home',
|
||||
key: 'Home'
|
||||
},
|
||||
{
|
||||
code: 'End',
|
||||
key: 'End'
|
||||
},
|
||||
{
|
||||
code: 'Delete',
|
||||
key: 'Delete'
|
||||
},
|
||||
{
|
||||
code: 'PageUp',
|
||||
key: 'PageUp'
|
||||
},
|
||||
{
|
||||
code: 'PageDown',
|
||||
key: 'PageDown'
|
||||
},
|
||||
// Special keys that are not part of a default US-layout but included for specific behavior
|
||||
{
|
||||
code: 'Fn',
|
||||
key: 'Fn'
|
||||
},
|
||||
{
|
||||
code: 'Symbol',
|
||||
key: 'Symbol'
|
||||
},
|
||||
{
|
||||
code: 'AltRight',
|
||||
key: 'AltGraph'
|
||||
}
|
||||
];
|
||||
|
||||
exports.defaultKeyMap = defaultKeyMap;
|
||||
45
frontend/node_modules/@testing-library/user-event/dist/cjs/keyboard/parseKeyDef.js
generated
vendored
Normal file
45
frontend/node_modules/@testing-library/user-event/dist/cjs/keyboard/parseKeyDef.js
generated
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
'use strict';
|
||||
|
||||
require('../utils/dataTransfer/Clipboard.js');
|
||||
var readNextDescriptor = require('../utils/keyDef/readNextDescriptor.js');
|
||||
|
||||
/**
|
||||
* Parse key definitions per `keyboardMap`
|
||||
*
|
||||
* Keys can be referenced by `{key}` or `{special}` as well as physical locations per `[code]`.
|
||||
* Everything else will be interpreted as a typed character - e.g. `a`.
|
||||
* Brackets `{` and `[` can be escaped by doubling - e.g. `foo[[bar` translates to `foo[bar`.
|
||||
* Keeping the key pressed can be written as `{key>}`.
|
||||
* When keeping the key pressed you can choose how long (how many keydown and keypress) the key is pressed `{key>3}`.
|
||||
* You can then release the key per `{key>3/}` or keep it pressed and continue with the next key.
|
||||
*/ function parseKeyDef(keyboardMap, text) {
|
||||
const defs = [];
|
||||
do {
|
||||
const { type, descriptor, consumedLength, releasePrevious, releaseSelf = true, repeat } = readNextDescriptor.readNextDescriptor(text, 'keyboard');
|
||||
var _keyboardMap_find;
|
||||
const keyDef = (_keyboardMap_find = keyboardMap.find((def)=>{
|
||||
if (type === '[') {
|
||||
var _def_code;
|
||||
return ((_def_code = def.code) === null || _def_code === undefined ? undefined : _def_code.toLowerCase()) === descriptor.toLowerCase();
|
||||
} else if (type === '{') {
|
||||
var _def_key;
|
||||
return ((_def_key = def.key) === null || _def_key === undefined ? undefined : _def_key.toLowerCase()) === descriptor.toLowerCase();
|
||||
}
|
||||
return def.key === descriptor;
|
||||
})) !== null && _keyboardMap_find !== undefined ? _keyboardMap_find : {
|
||||
key: 'Unknown',
|
||||
code: 'Unknown',
|
||||
[type === '[' ? 'code' : 'key']: descriptor
|
||||
};
|
||||
defs.push({
|
||||
keyDef,
|
||||
releasePrevious,
|
||||
releaseSelf,
|
||||
repeat
|
||||
});
|
||||
text = text.slice(consumedLength);
|
||||
}while (text)
|
||||
return defs;
|
||||
}
|
||||
|
||||
exports.parseKeyDef = parseKeyDef;
|
||||
Reference in New Issue
Block a user