- 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>
124 lines
3.7 KiB
JavaScript
124 lines
3.7 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 implSymbol = utils.implSymbol;
|
|
const ctorRegistrySymbol = utils.ctorRegistrySymbol;
|
|
const HTMLElement = require("./HTMLElement.js");
|
|
|
|
const interfaceName = "HTMLTemplateElement";
|
|
|
|
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 'HTMLTemplateElement'.`);
|
|
};
|
|
|
|
function makeWrapper(globalObject, newTarget) {
|
|
let proto;
|
|
if (newTarget !== undefined) {
|
|
proto = newTarget.prototype;
|
|
}
|
|
|
|
if (!utils.isObject(proto)) {
|
|
proto = globalObject[ctorRegistrySymbol]["HTMLTemplateElement"].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 HTMLTemplateElement extends globalObject.HTMLElement {
|
|
constructor() {
|
|
return HTMLConstructor_helpers_html_constructor(globalObject, interfaceName, new.target);
|
|
}
|
|
|
|
get content() {
|
|
const esValue = this !== null && this !== undefined ? this : globalObject;
|
|
|
|
if (!exports.is(esValue)) {
|
|
throw new globalObject.TypeError(
|
|
"'get content' called on an object that is not a valid instance of HTMLTemplateElement."
|
|
);
|
|
}
|
|
|
|
return utils.tryWrapperForImpl(esValue[implSymbol]["content"]);
|
|
}
|
|
}
|
|
Object.defineProperties(HTMLTemplateElement.prototype, {
|
|
content: { enumerable: true },
|
|
[Symbol.toStringTag]: { value: "HTMLTemplateElement", configurable: true }
|
|
});
|
|
ctorRegistry[interfaceName] = HTMLTemplateElement;
|
|
|
|
Object.defineProperty(globalObject, interfaceName, {
|
|
configurable: true,
|
|
writable: true,
|
|
value: HTMLTemplateElement
|
|
});
|
|
};
|
|
|
|
const Impl = require("../nodes/HTMLTemplateElement-impl.js");
|