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/reporters/line.js
+++ b/frontend/node_modules/playwright/lib/reporters/line.js
@@ -0,0 +1,113 @@
+"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 line_exports = {};
+__export(line_exports, {
+  default: () => line_default
+});
+module.exports = __toCommonJS(line_exports);
+var import_base = require("./base");
+class LineReporter extends import_base.TerminalReporter {
+  constructor() {
+    super(...arguments);
+    this._current = 0;
+    this._failures = 0;
+    this._didBegin = false;
+  }
+  onBegin(suite) {
+    super.onBegin(suite);
+    const startingMessage = this.generateStartingMessage();
+    if (startingMessage) {
+      console.log(startingMessage);
+      console.log();
+    }
+    this._didBegin = true;
+  }
+  onStdOut(chunk, test, result) {
+    super.onStdOut(chunk, test, result);
+    this._dumpToStdio(test, chunk, process.stdout);
+  }
+  onStdErr(chunk, test, result) {
+    super.onStdErr(chunk, test, result);
+    this._dumpToStdio(test, chunk, process.stderr);
+  }
+  _dumpToStdio(test, chunk, stream) {
+    if (this.config.quiet)
+      return;
+    if (!process.env.PW_TEST_DEBUG_REPORTERS)
+      stream.write(`\x1B[1A\x1B[2K`);
+    if (test && this._lastTest !== test) {
+      const title = this.screen.colors.dim(this.formatTestTitle(test));
+      stream.write(this.fitToScreen(title) + `
+`);
+      this._lastTest = test;
+    }
+    stream.write(chunk);
+    if (chunk[chunk.length - 1] !== "\n")
+      console.log();
+    console.log();
+  }
+  onTestBegin(test, result) {
+    ++this._current;
+    this._updateLine(test, result, void 0);
+  }
+  onStepBegin(test, result, step) {
+    if (this.screen.isTTY && step.category === "test.step")
+      this._updateLine(test, result, step);
+  }
+  onStepEnd(test, result, step) {
+    if (this.screen.isTTY && step.category === "test.step")
+      this._updateLine(test, result, step.parent);
+  }
+  onTestEnd(test, result) {
+    super.onTestEnd(test, result);
+    if (!this.willRetry(test) && (test.outcome() === "flaky" || test.outcome() === "unexpected" || result.status === "interrupted")) {
+      if (!process.env.PW_TEST_DEBUG_REPORTERS)
+        process.stdout.write(`\x1B[1A\x1B[2K`);
+      console.log(this.formatFailure(test, ++this._failures));
+      console.log();
+    }
+  }
+  _updateLine(test, result, step) {
+    const retriesPrefix = this.totalTestCount < this._current ? ` (retries)` : ``;
+    const prefix = `[${this._current}/${this.totalTestCount}]${retriesPrefix} `;
+    const currentRetrySuffix = result.retry ? this.screen.colors.yellow(` (retry #${result.retry})`) : "";
+    const title = this.formatTestTitle(test, step) + currentRetrySuffix;
+    if (process.env.PW_TEST_DEBUG_REPORTERS)
+      process.stdout.write(`${prefix + title}
+`);
+    else
+      process.stdout.write(`\x1B[1A\x1B[2K${prefix + this.fitToScreen(title, prefix)}
+`);
+  }
+  onError(error) {
+    super.onError(error);
+    const message = this.formatError(error).message + "\n";
+    if (!process.env.PW_TEST_DEBUG_REPORTERS && this._didBegin)
+      process.stdout.write(`\x1B[1A\x1B[2K`);
+    process.stdout.write(message);
+    console.log();
+  }
+  async onEnd(result) {
+    if (!process.env.PW_TEST_DEBUG_REPORTERS && this._didBegin)
+      process.stdout.write(`\x1B[1A\x1B[2K`);
+    await super.onEnd(result);
+    this.epilogue(false);
+  }
+}
+var line_default = LineReporter;