- 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>
154 lines
4.9 KiB
JavaScript
154 lines
4.9 KiB
JavaScript
"use strict";
|
|
|
|
const conversions = require("webidl-conversions");
|
|
const utils = require("./utils.js");
|
|
|
|
const HTMLConstructor_helpers_html_constructor = require("../helpers/html-constructor.js").HTMLConstructor;
|
|
const ceReactionsPreSteps_helpers_custom_elements = require("../helpers/custom-elements.js").ceReactionsPreSteps;
|
|
const ceReactionsPostSteps_helpers_custom_elements = require("../helpers/custom-elements.js").ceReactionsPostSteps;
|
|
const implSymbol = utils.implSymbol;
|
|
const ctorRegistrySymbol = utils.ctorRegistrySymbol;
|
|
const HTMLElement = require("./HTMLElement.js");
|
|
|
|
const interfaceName = "HTMLParagraphElement";
|
|
|
|
exports.is = value => {
|
|
return utils.isObject(value) && utils.hasOwn(value, implSymbol) && value[implSymbol] instanceof Impl.implementation;
|
|
};
|
|
exports.isImpl = value => {
|
|
return utils.isObject(value) && value instanceof Impl.implementation;
|
|
};
|
|
exports.convert = (globalObject, value, { context = "The provided value" } = {}) => {
|
|
if (exports.is(value)) {
|
|
return utils.implForWrapper(value);
|
|
}
|
|
throw new globalObject.TypeError(`${context} is not of type 'HTMLParagraphElement'.`);
|
|
};
|
|
|
|
function makeWrapper(globalObject, newTarget) {
|
|
let proto;
|
|
if (newTarget !== undefined) {
|
|
proto = newTarget.prototype;
|
|
}
|
|
|
|
if (!utils.isObject(proto)) {
|
|
proto = globalObject[ctorRegistrySymbol]["HTMLParagraphElement"].prototype;
|
|
}
|
|
|
|
return Object.create(proto);
|
|
}
|
|
|
|
exports.create = (globalObject, constructorArgs, privateData) => {
|
|
const wrapper = makeWrapper(globalObject);
|
|
return exports.setup(wrapper, globalObject, constructorArgs, privateData);
|
|
};
|
|
|
|
exports.createImpl = (globalObject, constructorArgs, privateData) => {
|
|
const wrapper = exports.create(globalObject, constructorArgs, privateData);
|
|
return utils.implForWrapper(wrapper);
|
|
};
|
|
|
|
exports._internalSetup = (wrapper, globalObject) => {
|
|
HTMLElement._internalSetup(wrapper, globalObject);
|
|
};
|
|
|
|
exports.setup = (wrapper, globalObject, constructorArgs = [], privateData = {}) => {
|
|
privateData.wrapper = wrapper;
|
|
|
|
exports._internalSetup(wrapper, globalObject);
|
|
Object.defineProperty(wrapper, implSymbol, {
|
|
value: new Impl.implementation(globalObject, constructorArgs, privateData),
|
|
configurable: true
|
|
});
|
|
|
|
wrapper[implSymbol][utils.wrapperSymbol] = wrapper;
|
|
if (Impl.init) {
|
|
Impl.init(wrapper[implSymbol]);
|
|
}
|
|
return wrapper;
|
|
};
|
|
|
|
exports.new = (globalObject, newTarget) => {
|
|
const wrapper = makeWrapper(globalObject, newTarget);
|
|
|
|
exports._internalSetup(wrapper, globalObject);
|
|
Object.defineProperty(wrapper, implSymbol, {
|
|
value: Object.create(Impl.implementation.prototype),
|
|
configurable: true
|
|
});
|
|
|
|
wrapper[implSymbol][utils.wrapperSymbol] = wrapper;
|
|
if (Impl.init) {
|
|
Impl.init(wrapper[implSymbol]);
|
|
}
|
|
return wrapper[implSymbol];
|
|
};
|
|
|
|
const exposed = new Set(["Window"]);
|
|
|
|
exports.install = (globalObject, globalNames) => {
|
|
if (!globalNames.some(globalName => exposed.has(globalName))) {
|
|
return;
|
|
}
|
|
|
|
const ctorRegistry = utils.initCtorRegistry(globalObject);
|
|
class HTMLParagraphElement extends globalObject.HTMLElement {
|
|
constructor() {
|
|
return HTMLConstructor_helpers_html_constructor(globalObject, interfaceName, new.target);
|
|
}
|
|
|
|
get align() {
|
|
const esValue = this !== null && this !== undefined ? this : globalObject;
|
|
|
|
if (!exports.is(esValue)) {
|
|
throw new globalObject.TypeError(
|
|
"'get align' called on an object that is not a valid instance of HTMLParagraphElement."
|
|
);
|
|
}
|
|
|
|
ceReactionsPreSteps_helpers_custom_elements(globalObject);
|
|
try {
|
|
const value = esValue[implSymbol]._reflectGetTheContentAttribute("align");
|
|
return value === null ? "" : value;
|
|
} finally {
|
|
ceReactionsPostSteps_helpers_custom_elements(globalObject);
|
|
}
|
|
}
|
|
|
|
set align(V) {
|
|
const esValue = this !== null && this !== undefined ? this : globalObject;
|
|
|
|
if (!exports.is(esValue)) {
|
|
throw new globalObject.TypeError(
|
|
"'set align' called on an object that is not a valid instance of HTMLParagraphElement."
|
|
);
|
|
}
|
|
|
|
V = conversions["DOMString"](V, {
|
|
context: "Failed to set the 'align' property on 'HTMLParagraphElement': The provided value",
|
|
globals: globalObject
|
|
});
|
|
|
|
ceReactionsPreSteps_helpers_custom_elements(globalObject);
|
|
try {
|
|
esValue[implSymbol]._reflectSetTheContentAttribute("align", V);
|
|
} finally {
|
|
ceReactionsPostSteps_helpers_custom_elements(globalObject);
|
|
}
|
|
}
|
|
}
|
|
Object.defineProperties(HTMLParagraphElement.prototype, {
|
|
align: { enumerable: true },
|
|
[Symbol.toStringTag]: { value: "HTMLParagraphElement", configurable: true }
|
|
});
|
|
ctorRegistry[interfaceName] = HTMLParagraphElement;
|
|
|
|
Object.defineProperty(globalObject, interfaceName, {
|
|
configurable: true,
|
|
writable: true,
|
|
value: HTMLParagraphElement
|
|
});
|
|
};
|
|
|
|
const Impl = require("../nodes/HTMLParagraphElement-impl.js");
|