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/babel-jest/build/index.d.mts

@@ -0,0 +1,14 @@
+import { TransformOptions } from "@babel/core";
+import { SyncTransformer, TransformerCreator } from "@jest/transform";
+
+//#region src/index.d.ts
+
+interface TransformerConfig extends TransformOptions {
+  excludeJestPreset?: boolean;
+}
+declare const createTransformer: TransformerCreator<SyncTransformer<TransformerConfig>, TransformerConfig>;
+declare const transformerFactory: {
+  createTransformer: TransformerCreator<SyncTransformer<TransformerConfig>, TransformerConfig>;
+};
+//#endregion
+export { createTransformer, transformerFactory as default };

frontend/node_modules/babel-jest/build/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {TransformOptions} from '@babel/core';
+import {SyncTransformer, TransformerCreator} from '@jest/transform';
+
+export declare const createTransformer: TransformerCreator<
+  SyncTransformer<TransformerConfig>,
+  TransformerConfig
+>;
+
+declare interface TransformerConfig extends TransformOptions {
+  excludeJestPreset?: boolean;
+}
+
+declare const transformerFactory: {
+  createTransformer: TransformerCreator<
+    SyncTransformer<TransformerConfig>,
+    TransformerConfig
+  >;
+};
+export default transformerFactory;
+
+export {};

frontend/node_modules/babel-jest/build/index.js

@@ -0,0 +1,288 @@
+/*!
+ * /**
+ *  * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *  *
+ *  * This source code is licensed under the MIT license found in the
+ *  * LICENSE file in the root directory of this source tree.
+ *  * /
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./src/loadBabelConfig.ts":
+/***/ ((__unused_webpack_module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "loadPartialConfig", ({
+  enumerable: true,
+  get: function () {
+    return _core().loadPartialConfig;
+  }
+}));
+Object.defineProperty(exports, "loadPartialConfigAsync", ({
+  enumerable: true,
+  get: function () {
+    return _core().loadPartialConfigAsync;
+  }
+}));
+function _core() {
+  const data = require("@babel/core");
+  _core = function () {
+    return data;
+  };
+  return data;
+}
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
+(() => {
+var exports = __webpack_exports__;
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = exports.createTransformer = void 0;
+function _crypto() {
+  const data = require("crypto");
+  _crypto = function () {
+    return data;
+  };
+  return data;
+}
+function path() {
+  const data = _interopRequireWildcard(require("path"));
+  path = function () {
+    return data;
+  };
+  return data;
+}
+function _core() {
+  const data = require("@babel/core");
+  _core = function () {
+    return data;
+  };
+  return data;
+}
+function _chalk() {
+  const data = _interopRequireDefault(require("chalk"));
+  _chalk = function () {
+    return data;
+  };
+  return data;
+}
+function fs() {
+  const data = _interopRequireWildcard(require("graceful-fs"));
+  fs = function () {
+    return data;
+  };
+  return data;
+}
+function _slash() {
+  const data = _interopRequireDefault(require("slash"));
+  _slash = function () {
+    return data;
+  };
+  return data;
+}
+var _loadBabelConfig = __webpack_require__("./src/loadBabelConfig.ts");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const THIS_FILE = fs().readFileSync(__filename);
+const jestPresetPath = require.resolve('babel-preset-jest');
+const babelIstanbulPlugin = require.resolve('babel-plugin-istanbul');
+function assertLoadedBabelConfig(babelConfig, cwd, filename) {
+  if (!babelConfig) {
+    throw new Error(`babel-jest: Babel ignores ${_chalk().default.bold((0, _slash().default)(path().relative(cwd, filename)))} - make sure to include the file in Jest's ${_chalk().default.bold('transformIgnorePatterns')} as well.`);
+  }
+}
+function addIstanbulInstrumentation(babelOptions, transformOptions) {
+  if (transformOptions.instrument) {
+    const copiedBabelOptions = {
+      ...babelOptions
+    };
+    copiedBabelOptions.auxiliaryCommentBefore = ' istanbul ignore next ';
+    // Copied from jest-runtime transform.js
+    copiedBabelOptions.plugins = [...(copiedBabelOptions.plugins ?? []), [babelIstanbulPlugin, {
+      // files outside `cwd` will not be instrumented
+      cwd: transformOptions.config.cwd,
+      exclude: []
+    }]];
+    return copiedBabelOptions;
+  }
+  return babelOptions;
+}
+function getCacheKeyFromConfig(sourceText, sourcePath, babelOptions, transformOptions) {
+  const {
+    config,
+    configString,
+    instrument
+  } = transformOptions;
+  const configPath = [babelOptions.config ?? '', babelOptions.babelrc ?? ''];
+  return (0, _crypto().createHash)('sha1').update(THIS_FILE).update('\0', 'utf8').update(JSON.stringify(babelOptions.options)).update('\0', 'utf8').update(sourceText).update('\0', 'utf8').update(path().relative(config.rootDir, sourcePath)).update('\0', 'utf8').update(configString).update('\0', 'utf8').update(configPath.join('')).update('\0', 'utf8').update(instrument ? 'instrument' : '').update('\0', 'utf8').update("production" ?? 0).update('\0', 'utf8').update(process.env.BABEL_ENV ?? '').update('\0', 'utf8').update(process.version).digest('hex').slice(0, 32);
+}
+function loadBabelConfig(cwd, filename, transformOptions) {
+  const babelConfig = (0, _loadBabelConfig.loadPartialConfig)(transformOptions);
+  assertLoadedBabelConfig(babelConfig, cwd, filename);
+  return babelConfig;
+}
+async function loadBabelConfigAsync(cwd, filename, transformOptions) {
+  const babelConfig = await (0, _loadBabelConfig.loadPartialConfigAsync)(transformOptions);
+  assertLoadedBabelConfig(babelConfig, cwd, filename);
+  return babelConfig;
+}
+function loadBabelOptions(cwd, filename, transformOptions, jestTransformOptions) {
+  const {
+    options
+  } = loadBabelConfig(cwd, filename, transformOptions);
+  return addIstanbulInstrumentation(options, jestTransformOptions);
+}
+async function loadBabelOptionsAsync(cwd, filename, transformOptions, jestTransformOptions) {
+  const {
+    options
+  } = await loadBabelConfigAsync(cwd, filename, transformOptions);
+  return addIstanbulInstrumentation(options, jestTransformOptions);
+}
+const createTransformer = transformerConfig => {
+  const {
+    excludeJestPreset,
+    ...inputOptions
+  } = transformerConfig ?? {};
+  const options = {
+    ...inputOptions,
+    caller: {
+      name: 'babel-jest',
+      supportsDynamicImport: false,
+      supportsExportNamespaceFrom: false,
+      supportsStaticESM: false,
+      supportsTopLevelAwait: false,
+      ...inputOptions.caller
+    },
+    compact: false,
+    plugins: inputOptions.plugins ?? [],
+    presets: [...(inputOptions.presets ?? []), ...(excludeJestPreset === true ? [] : [jestPresetPath])],
+    sourceMaps: 'both'
+  };
+  function mergeBabelTransformOptions(filename, transformOptions) {
+    const {
+      cwd,
+      rootDir
+    } = transformOptions.config;
+    // `cwd` and `root` first to allow incoming options to override it
+    return {
+      cwd,
+      root: rootDir,
+      ...options,
+      caller: {
+        ...options.caller,
+        supportsDynamicImport: transformOptions.supportsDynamicImport ?? options.caller.supportsDynamicImport,
+        supportsExportNamespaceFrom: transformOptions.supportsExportNamespaceFrom ?? options.caller.supportsExportNamespaceFrom,
+        supportsStaticESM: transformOptions.supportsStaticESM ?? options.caller.supportsStaticESM,
+        supportsTopLevelAwait: transformOptions.supportsTopLevelAwait ?? options.caller.supportsTopLevelAwait
+      },
+      filename
+    };
+  }
+  return {
+    canInstrument: true,
+    getCacheKey(sourceText, sourcePath, transformOptions) {
+      const babelOptions = loadBabelConfig(transformOptions.config.cwd, sourcePath, mergeBabelTransformOptions(sourcePath, transformOptions));
+      return getCacheKeyFromConfig(sourceText, sourcePath, babelOptions, transformOptions);
+    },
+    async getCacheKeyAsync(sourceText, sourcePath, transformOptions) {
+      const babelOptions = await loadBabelConfigAsync(transformOptions.config.cwd, sourcePath, mergeBabelTransformOptions(sourcePath, transformOptions));
+      return getCacheKeyFromConfig(sourceText, sourcePath, babelOptions, transformOptions);
+    },
+    process(sourceText, sourcePath, transformOptions) {
+      const babelOptions = loadBabelOptions(transformOptions.config.cwd, sourcePath, mergeBabelTransformOptions(sourcePath, transformOptions), transformOptions);
+      const transformResult = (0, _core().transformSync)(sourceText, babelOptions);
+      if (transformResult) {
+        const {
+          code,
+          map
+        } = transformResult;
+        if (typeof code === 'string') {
+          return {
+            code,
+            map
+          };
+        }
+      }
+      return {
+        code: sourceText
+      };
+    },
+    async processAsync(sourceText, sourcePath, transformOptions) {
+      const babelOptions = await loadBabelOptionsAsync(transformOptions.config.cwd, sourcePath, mergeBabelTransformOptions(sourcePath, transformOptions), transformOptions);
+      const transformResult = await (0, _core().transformAsync)(sourceText, babelOptions);
+      if (transformResult) {
+        const {
+          code,
+          map
+        } = transformResult;
+        if (typeof code === 'string') {
+          return {
+            code,
+            map
+          };
+        }
+      }
+      return {
+        code: sourceText
+      };
+    }
+  };
+};
+exports.createTransformer = createTransformer;
+const transformerFactory = {
+  // Assigned here, instead of as a separate export, due to limitations in Jest's
+  // requireOrImportModule, requiring all exports to be on the `default` export
+  createTransformer
+};
+var _default = exports["default"] = transformerFactory;
+})();
+
+module.exports = __webpack_exports__;
+/******/ })()
+;

frontend/node_modules/babel-jest/build/index.mjs

@@ -0,0 +1,4 @@
+import cjsModule from './index.js';
+
+export const createTransformer = cjsModule.createTransformer;
+export default cjsModule.default;