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>

frontend/node_modules/playwright/lib/transform/esmLoader.js

@@ -0,0 +1,104 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_fs = __toESM(require("fs"));
+var import_url = __toESM(require("url"));
+var import_compilationCache = require("./compilationCache");
+var import_portTransport = require("./portTransport");
+var import_transform = require("./transform");
+var import_util = require("../util");
+async function resolve(specifier, context, defaultResolve) {
+  if (context.parentURL && context.parentURL.startsWith("file://")) {
+    const filename = import_url.default.fileURLToPath(context.parentURL);
+    const resolved = (0, import_transform.resolveHook)(filename, specifier);
+    if (resolved !== void 0)
+      specifier = import_url.default.pathToFileURL(resolved).toString();
+  }
+  const result = await defaultResolve(specifier, context, defaultResolve);
+  if (result?.url && result.url.startsWith("file://"))
+    (0, import_compilationCache.currentFileDepsCollector)()?.add(import_url.default.fileURLToPath(result.url));
+  return result;
+}
+const kSupportedFormats = /* @__PURE__ */ new Map([
+  ["commonjs", "commonjs"],
+  ["module", "module"],
+  ["commonjs-typescript", "commonjs"],
+  ["module-typescript", "module"],
+  [null, null],
+  [void 0, void 0]
+]);
+async function load(moduleUrl, context, defaultLoad) {
+  if (!kSupportedFormats.has(context.format))
+    return defaultLoad(moduleUrl, context, defaultLoad);
+  if (!moduleUrl.startsWith("file://"))
+    return defaultLoad(moduleUrl, context, defaultLoad);
+  const filename = import_url.default.fileURLToPath(moduleUrl);
+  if (!(0, import_transform.shouldTransform)(filename))
+    return defaultLoad(moduleUrl, context, defaultLoad);
+  const code = import_fs.default.readFileSync(filename, "utf-8");
+  const transformed = (0, import_transform.transformHook)(code, filename, moduleUrl);
+  if (transformed.serializedCache) {
+    if (legacyWaitForSourceMaps)
+      await transport?.send("pushToCompilationCache", { cache: transformed.serializedCache });
+    else
+      transport?.post("pushToCompilationCache", { cache: transformed.serializedCache });
+  }
+  return {
+    format: kSupportedFormats.get(context.format) || ((0, import_util.fileIsModule)(filename) ? "module" : "commonjs"),
+    source: transformed.code,
+    shortCircuit: true
+  };
+}
+let transport;
+let legacyWaitForSourceMaps = false;
+function initialize(data) {
+  transport = createTransport(data?.port);
+  legacyWaitForSourceMaps = !!process.env.PLAYWRIGHT_WAIT_FOR_SOURCE_MAPS;
+}
+function createTransport(port) {
+  return new import_portTransport.PortTransport(port, async (method, params) => {
+    if (method === "setSingleTSConfig") {
+      (0, import_transform.setSingleTSConfig)(params.tsconfig);
+      return;
+    }
+    if (method === "setTransformConfig") {
+      (0, import_transform.setTransformConfig)(params.config);
+      return;
+    }
+    if (method === "addToCompilationCache") {
+      (0, import_compilationCache.addToCompilationCache)(params.cache);
+      return;
+    }
+    if (method === "getCompilationCache")
+      return { cache: (0, import_compilationCache.serializeCompilationCache)() };
+    if (method === "startCollectingFileDeps") {
+      (0, import_compilationCache.startCollectingFileDeps)();
+      return;
+    }
+    if (method === "stopCollectingFileDeps") {
+      (0, import_compilationCache.stopCollectingFileDeps)(params.file);
+      return;
+    }
+  });
+}
+module.exports = { initialize, load, resolve };