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>
2025-07-11 14:06:34 +10:00
parent c6d69695a8
commit aacb45156b
6109 changed files with 777927 additions and 1 deletions
--- a/frontend/node_modules/playwright/lib/matchers/matchers.js
+++ b/frontend/node_modules/playwright/lib/matchers/matchers.js
@@ -0,0 +1,360 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var matchers_exports = {};
+__export(matchers_exports, {
+  toBeAttached: () => toBeAttached,
+  toBeChecked: () => toBeChecked,
+  toBeDisabled: () => toBeDisabled,
+  toBeEditable: () => toBeEditable,
+  toBeEmpty: () => toBeEmpty,
+  toBeEnabled: () => toBeEnabled,
+  toBeFocused: () => toBeFocused,
+  toBeHidden: () => toBeHidden,
+  toBeInViewport: () => toBeInViewport,
+  toBeOK: () => toBeOK,
+  toBeVisible: () => toBeVisible,
+  toContainClass: () => toContainClass,
+  toContainText: () => toContainText,
+  toHaveAccessibleDescription: () => toHaveAccessibleDescription,
+  toHaveAccessibleErrorMessage: () => toHaveAccessibleErrorMessage,
+  toHaveAccessibleName: () => toHaveAccessibleName,
+  toHaveAttribute: () => toHaveAttribute,
+  toHaveCSS: () => toHaveCSS,
+  toHaveClass: () => toHaveClass,
+  toHaveCount: () => toHaveCount,
+  toHaveId: () => toHaveId,
+  toHaveJSProperty: () => toHaveJSProperty,
+  toHaveRole: () => toHaveRole,
+  toHaveText: () => toHaveText,
+  toHaveTitle: () => toHaveTitle,
+  toHaveURL: () => toHaveURL,
+  toHaveValue: () => toHaveValue,
+  toHaveValues: () => toHaveValues,
+  toPass: () => toPass
+});
+module.exports = __toCommonJS(matchers_exports);
+var import_utils = require("playwright-core/lib/utils");
+var import_utils2 = require("playwright-core/lib/utils");
+var import_util = require("../util");
+var import_toBeTruthy = require("./toBeTruthy");
+var import_toEqual = require("./toEqual");
+var import_toHaveURL = require("./toHaveURL");
+var import_toMatchText = require("./toMatchText");
+var import_config = require("../common/config");
+var import_globals = require("../common/globals");
+var import_testInfo = require("../worker/testInfo");
+function toBeAttached(locator, options) {
+  const attached = !options || options.attached === void 0 || options.attached;
+  const expected = attached ? "attached" : "detached";
+  const arg = attached ? "" : "{ attached: false }";
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeAttached", locator, "Locator", expected, arg, async (isNot, timeout) => {
+    return await locator._expect(attached ? "to.be.attached" : "to.be.detached", { isNot, timeout });
+  }, options);
+}
+function toBeChecked(locator, options) {
+  const checked = options?.checked;
+  const indeterminate = options?.indeterminate;
+  const expectedValue = {
+    checked,
+    indeterminate
+  };
+  let expected;
+  let arg;
+  if (options?.indeterminate) {
+    expected = "indeterminate";
+    arg = `{ indeterminate: true }`;
+  } else {
+    expected = options?.checked === false ? "unchecked" : "checked";
+    arg = options?.checked === false ? `{ checked: false }` : "";
+  }
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeChecked", locator, "Locator", expected, arg, async (isNot, timeout) => {
+    return await locator._expect("to.be.checked", { isNot, timeout, expectedValue });
+  }, options);
+}
+function toBeDisabled(locator, options) {
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeDisabled", locator, "Locator", "disabled", "", async (isNot, timeout) => {
+    return await locator._expect("to.be.disabled", { isNot, timeout });
+  }, options);
+}
+function toBeEditable(locator, options) {
+  const editable = !options || options.editable === void 0 || options.editable;
+  const expected = editable ? "editable" : "readOnly";
+  const arg = editable ? "" : "{ editable: false }";
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeEditable", locator, "Locator", expected, arg, async (isNot, timeout) => {
+    return await locator._expect(editable ? "to.be.editable" : "to.be.readonly", { isNot, timeout });
+  }, options);
+}
+function toBeEmpty(locator, options) {
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeEmpty", locator, "Locator", "empty", "", async (isNot, timeout) => {
+    return await locator._expect("to.be.empty", { isNot, timeout });
+  }, options);
+}
+function toBeEnabled(locator, options) {
+  const enabled = !options || options.enabled === void 0 || options.enabled;
+  const expected = enabled ? "enabled" : "disabled";
+  const arg = enabled ? "" : "{ enabled: false }";
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeEnabled", locator, "Locator", expected, arg, async (isNot, timeout) => {
+    return await locator._expect(enabled ? "to.be.enabled" : "to.be.disabled", { isNot, timeout });
+  }, options);
+}
+function toBeFocused(locator, options) {
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeFocused", locator, "Locator", "focused", "", async (isNot, timeout) => {
+    return await locator._expect("to.be.focused", { isNot, timeout });
+  }, options);
+}
+function toBeHidden(locator, options) {
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeHidden", locator, "Locator", "hidden", "", async (isNot, timeout) => {
+    return await locator._expect("to.be.hidden", { isNot, timeout });
+  }, options);
+}
+function toBeVisible(locator, options) {
+  const visible = !options || options.visible === void 0 || options.visible;
+  const expected = visible ? "visible" : "hidden";
+  const arg = visible ? "" : "{ visible: false }";
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeVisible", locator, "Locator", expected, arg, async (isNot, timeout) => {
+    return await locator._expect(visible ? "to.be.visible" : "to.be.hidden", { isNot, timeout });
+  }, options);
+}
+function toBeInViewport(locator, options) {
+  return import_toBeTruthy.toBeTruthy.call(this, "toBeInViewport", locator, "Locator", "in viewport", "", async (isNot, timeout) => {
+    return await locator._expect("to.be.in.viewport", { isNot, expectedNumber: options?.ratio, timeout });
+  }, options);
+}
+function toContainText(locator, expected, options = {}) {
+  if (Array.isArray(expected)) {
+    return import_toEqual.toEqual.call(this, "toContainText", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)(expected, { matchSubstring: true, normalizeWhiteSpace: true, ignoreCase: options.ignoreCase });
+      return await locator._expect("to.contain.text.array", { expectedText, isNot, useInnerText: options.useInnerText, timeout });
+    }, expected, { ...options, contains: true });
+  } else {
+    return import_toMatchText.toMatchText.call(this, "toContainText", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { matchSubstring: true, normalizeWhiteSpace: true, ignoreCase: options.ignoreCase });
+      return await locator._expect("to.have.text", { expectedText, isNot, useInnerText: options.useInnerText, timeout });
+    }, expected, options);
+  }
+}
+function toHaveAccessibleDescription(locator, expected, options) {
+  return import_toMatchText.toMatchText.call(this, "toHaveAccessibleDescription", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { ignoreCase: options?.ignoreCase, normalizeWhiteSpace: true });
+    return await locator._expect("to.have.accessible.description", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveAccessibleName(locator, expected, options) {
+  return import_toMatchText.toMatchText.call(this, "toHaveAccessibleName", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { ignoreCase: options?.ignoreCase, normalizeWhiteSpace: true });
+    return await locator._expect("to.have.accessible.name", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveAccessibleErrorMessage(locator, expected, options) {
+  return import_toMatchText.toMatchText.call(this, "toHaveAccessibleErrorMessage", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { ignoreCase: options?.ignoreCase, normalizeWhiteSpace: true });
+    return await locator._expect("to.have.accessible.error.message", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveAttribute(locator, name, expected, options) {
+  if (!options) {
+    if (typeof expected === "object" && !(0, import_utils.isRegExp)(expected)) {
+      options = expected;
+      expected = void 0;
+    }
+  }
+  if (expected === void 0) {
+    return import_toBeTruthy.toBeTruthy.call(this, "toHaveAttribute", locator, "Locator", "have attribute", "", async (isNot, timeout) => {
+      return await locator._expect("to.have.attribute", { expressionArg: name, isNot, timeout });
+    }, options);
+  }
+  return import_toMatchText.toMatchText.call(this, "toHaveAttribute", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { ignoreCase: options?.ignoreCase });
+    return await locator._expect("to.have.attribute.value", { expressionArg: name, expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveClass(locator, expected, options) {
+  if (Array.isArray(expected)) {
+    return import_toEqual.toEqual.call(this, "toHaveClass", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)(expected);
+      return await locator._expect("to.have.class.array", { expectedText, isNot, timeout });
+    }, expected, options);
+  } else {
+    return import_toMatchText.toMatchText.call(this, "toHaveClass", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)([expected]);
+      return await locator._expect("to.have.class", { expectedText, isNot, timeout });
+    }, expected, options);
+  }
+}
+function toContainClass(locator, expected, options) {
+  if (Array.isArray(expected)) {
+    if (expected.some((e) => (0, import_utils.isRegExp)(e)))
+      throw new Error(`"expected" argument in toContainClass cannot contain RegExp values`);
+    return import_toEqual.toEqual.call(this, "toContainClass", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)(expected);
+      return await locator._expect("to.contain.class.array", { expectedText, isNot, timeout });
+    }, expected, options);
+  } else {
+    if ((0, import_utils.isRegExp)(expected))
+      throw new Error(`"expected" argument in toContainClass cannot be a RegExp value`);
+    return import_toMatchText.toMatchText.call(this, "toContainClass", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)([expected]);
+      return await locator._expect("to.contain.class", { expectedText, isNot, timeout });
+    }, expected, options);
+  }
+}
+function toHaveCount(locator, expected, options) {
+  return import_toEqual.toEqual.call(this, "toHaveCount", locator, "Locator", async (isNot, timeout) => {
+    return await locator._expect("to.have.count", { expectedNumber: expected, isNot, timeout });
+  }, expected, options);
+}
+function toHaveCSS(locator, name, expected, options) {
+  return import_toMatchText.toMatchText.call(this, "toHaveCSS", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected]);
+    return await locator._expect("to.have.css", { expressionArg: name, expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveId(locator, expected, options) {
+  return import_toMatchText.toMatchText.call(this, "toHaveId", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected]);
+    return await locator._expect("to.have.id", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveJSProperty(locator, name, expected, options) {
+  return import_toEqual.toEqual.call(this, "toHaveJSProperty", locator, "Locator", async (isNot, timeout) => {
+    return await locator._expect("to.have.property", { expressionArg: name, expectedValue: expected, isNot, timeout });
+  }, expected, options);
+}
+function toHaveRole(locator, expected, options) {
+  if (!(0, import_utils.isString)(expected))
+    throw new Error(`"role" argument in toHaveRole must be a string`);
+  return import_toMatchText.toMatchText.call(this, "toHaveRole", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected]);
+    return await locator._expect("to.have.role", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveText(locator, expected, options = {}) {
+  if (Array.isArray(expected)) {
+    return import_toEqual.toEqual.call(this, "toHaveText", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)(expected, { normalizeWhiteSpace: true, ignoreCase: options.ignoreCase });
+      return await locator._expect("to.have.text.array", { expectedText, isNot, useInnerText: options?.useInnerText, timeout });
+    }, expected, options);
+  } else {
+    return import_toMatchText.toMatchText.call(this, "toHaveText", locator, "Locator", async (isNot, timeout) => {
+      const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { normalizeWhiteSpace: true, ignoreCase: options.ignoreCase });
+      return await locator._expect("to.have.text", { expectedText, isNot, useInnerText: options?.useInnerText, timeout });
+    }, expected, options);
+  }
+}
+function toHaveValue(locator, expected, options) {
+  return import_toMatchText.toMatchText.call(this, "toHaveValue", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected]);
+    return await locator._expect("to.have.value", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveValues(locator, expected, options) {
+  return import_toEqual.toEqual.call(this, "toHaveValues", locator, "Locator", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)(expected);
+    return await locator._expect("to.have.values", { expectedText, isNot, timeout });
+  }, expected, options);
+}
+function toHaveTitle(page, expected, options = {}) {
+  return import_toMatchText.toMatchText.call(this, "toHaveTitle", page, "Page", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { normalizeWhiteSpace: true });
+    return await page.mainFrame()._expect("to.have.title", { expectedText, isNot, timeout });
+  }, expected, { receiverLabel: "page", ...options });
+}
+function toHaveURL(page, expected, options) {
+  if (typeof expected === "function")
+    return import_toHaveURL.toHaveURLWithPredicate.call(this, page, expected, options);
+  const baseURL = page.context()._options.baseURL;
+  expected = typeof expected === "string" ? (0, import_utils.constructURLBasedOnBaseURL)(baseURL, expected) : expected;
+  return import_toMatchText.toMatchText.call(this, "toHaveURL", page, "Page", async (isNot, timeout) => {
+    const expectedText = (0, import_utils.serializeExpectedTextValues)([expected], { ignoreCase: options?.ignoreCase });
+    return await page.mainFrame()._expect("to.have.url", { expectedText, isNot, timeout });
+  }, expected, { receiverLabel: "page", ...options });
+}
+async function toBeOK(response) {
+  const matcherName = "toBeOK";
+  (0, import_util.expectTypes)(response, ["APIResponse"], matcherName);
+  const contentType = response.headers()["content-type"];
+  const isTextEncoding = contentType && (0, import_utils.isTextualMimeType)(contentType);
+  const [log, text] = this.isNot === response.ok() ? await Promise.all([
+    response._fetchLog(),
+    isTextEncoding ? response.text() : null
+  ]) : [];
+  const message = () => this.utils.matcherHint(matcherName, void 0, "", { isNot: this.isNot }) + (0, import_util.callLogText)(log) + (text === null ? "" : `
+Response text:
+${import_utils2.colors.dim(text?.substring(0, 1e3) || "")}`);
+  const pass = response.ok();
+  return { message, pass };
+}
+async function toPass(callback, options = {}) {
+  const testInfo = (0, import_globals.currentTestInfo)();
+  const timeout = (0, import_config.takeFirst)(options.timeout, testInfo?._projectInternal.expect?.toPass?.timeout, 0);
+  const intervals = (0, import_config.takeFirst)(options.intervals, testInfo?._projectInternal.expect?.toPass?.intervals, [100, 250, 500, 1e3]);
+  const { deadline, timeoutMessage } = testInfo ? testInfo._deadlineForMatcher(timeout) : import_testInfo.TestInfoImpl._defaultDeadlineForMatcher(timeout);
+  const result = await (0, import_utils.pollAgainstDeadline)(async () => {
+    if (testInfo && (0, import_globals.currentTestInfo)() !== testInfo)
+      return { continuePolling: false, result: void 0 };
+    try {
+      await callback();
+      return { continuePolling: !!this.isNot, result: void 0 };
+    } catch (e) {
+      return { continuePolling: !this.isNot, result: e };
+    }
+  }, deadline, intervals);
+  if (result.timedOut) {
+    const message = result.result ? [
+      result.result.message,
+      "",
+      `Call Log:`,
+      `- ${timeoutMessage}`
+    ].join("\n") : timeoutMessage;
+    return { message: () => message, pass: !!this.isNot };
+  }
+  return { pass: !this.isNot, message: () => "" };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toBeAttached,
+  toBeChecked,
+  toBeDisabled,
+  toBeEditable,
+  toBeEmpty,
+  toBeEnabled,
+  toBeFocused,
+  toBeHidden,
+  toBeInViewport,
+  toBeOK,
+  toBeVisible,
+  toContainClass,
+  toContainText,
+  toHaveAccessibleDescription,
+  toHaveAccessibleErrorMessage,
+  toHaveAccessibleName,
+  toHaveAttribute,
+  toHaveCSS,
+  toHaveClass,
+  toHaveCount,
+  toHaveId,
+  toHaveJSProperty,
+  toHaveRole,
+  toHaveText,
+  toHaveTitle,
+  toHaveURL,
+  toHaveValue,
+  toHaveValues,
+  toPass
+});