@coherent.js/testing 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/test-renderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/test-renderer.js"],
+  "sourcesContent": ["/**\n * Coherent.js Test Renderer\n * \n * Provides utilities for rendering and testing Coherent.js components\n * in a test environment.\n * \n * @module testing/test-renderer\n */\n\nimport { render } from '@coherent.js/core';\n\n/**\n * Test renderer result\n * Provides methods to query and interact with rendered components\n */\nexport class TestRendererResult {\n  constructor(component, html, container = null) {\n    this.component = component;\n    this.html = html;\n    this.container = container;\n    this.queries = new Map();\n  }\n\n  /**\n   * Get element by test ID\n   * @param {string} testId - Test ID to search for\n   * @returns {Object|null} Element or null\n   */\n  getByTestId(testId) {\n    const regex = new RegExp(`data-testid=\"${testId}\"[^>]*>([^<]*)<`, 'i');\n    const match = this.html.match(regex);\n    \n    if (!match) {\n      throw new Error(`Unable to find element with testId: ${testId}`);\n    }\n    \n    return {\n      text: match[1],\n      html: match[0],\n      testId,\n      exists: true\n    };\n  }\n\n  /**\n   * Query element by test ID (returns null if not found)\n   * @param {string} testId - Test ID to search for\n   * @returns {Object|null} Element or null\n   */\n  queryByTestId(testId) {\n    try {\n      return this.getByTestId(testId);\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Get element by text content\n   * @param {string|RegExp} text - Text to search for\n   * @returns {Object} Element\n   */\n  getByText(text) {\n    const regex = typeof text === 'string' \n      ? new RegExp(`>([^<]*${text}[^<]*)<`, 'i')\n      : new RegExp(`>([^<]*)<`, 'i');\n    \n    const match = this.html.match(regex);\n    \n    if (!match || (typeof text === 'string' && !match[1].includes(text))) {\n      throw new Error(`Unable to find element with text: ${text}`);\n    }\n    \n    return {\n      text: match[1],\n      html: match[0],\n      exists: true\n    };\n  }\n\n  /**\n   * Query element by text (returns null if not found)\n   * @param {string|RegExp} text - Text to search for\n   * @returns {Object|null} Element or null\n   */\n  queryByText(text) {\n    try {\n      return this.getByText(text);\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Get element by class name\n   * @param {string} className - Class name to search for\n   * @returns {Object} Element\n   */\n  getByClassName(className) {\n    const regex = new RegExp(`class=\"[^\"]*${className}[^\"]*\"[^>]*>([^<]*)<`, 'i');\n    const match = this.html.match(regex);\n    \n    if (!match) {\n      throw new Error(`Unable to find element with className: ${className}`);\n    }\n    \n    return {\n      text: match[1],\n      html: match[0],\n      className,\n      exists: true\n    };\n  }\n\n  /**\n   * Query element by class name (returns null if not found)\n   * @param {string} className - Class name to search for\n   * @returns {Object|null} Element or null\n   */\n  queryByClassName(className) {\n    try {\n      return this.getByClassName(className);\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Get all elements by tag name\n   * @param {string} tagName - Tag name to search for\n   * @returns {Array<Object>} Array of elements\n   */\n  getAllByTagName(tagName) {\n    const regex = new RegExp(`<${tagName}[^>]*>([^<]*)</${tagName}>`, 'gi');\n    const matches = [...this.html.matchAll(regex)];\n    \n    return matches.map(match => ({\n      text: match[1],\n      html: match[0],\n      tagName,\n      exists: true\n    }));\n  }\n\n  /**\n   * Check if element exists\n   * @param {string} selector - Selector (testId, text, className)\n   * @param {string} type - Type of selector ('testId', 'text', 'className')\n   * @returns {boolean} True if exists\n   */\n  exists(selector, type = 'testId') {\n    switch (type) {\n      case 'testId':\n        return this.queryByTestId(selector) !== null;\n      case 'text':\n        return this.queryByText(selector) !== null;\n      case 'className':\n        return this.queryByClassName(selector) !== null;\n      default:\n        return false;\n    }\n  }\n\n  /**\n   * Get the rendered HTML\n   * @returns {string} HTML string\n   */\n  getHTML() {\n    return this.html;\n  }\n\n  /**\n   * Get the component\n   * @returns {Object} Component object\n   */\n  getComponent() {\n    return this.component;\n  }\n\n  /**\n   * Create a snapshot of the rendered output\n   * @returns {string} Formatted HTML for snapshot testing\n   */\n  toSnapshot() {\n    return this.html\n      .replace(/>\\s+</g, '><') // Remove whitespace between tags\n      .trim();\n  }\n\n  /**\n   * Debug: print the rendered HTML\n   */\n  debug() {\n    console.log('=== Rendered HTML ===');\n    console.log(this.html);\n    console.log('=== Component ===');\n    console.log(JSON.stringify(this.component, null, 2));\n  }\n}\n\n/**\n * Render a component for testing\n * \n * @param {Object} component - Component to render\n * @param {Object} [options] - Render options\n * @returns {TestRendererResult} Test renderer result\n * \n * @example\n * const { getByTestId } = renderComponent({\n *   div: {\n *     'data-testid': 'my-div',\n *     text: 'Hello World'\n *   }\n * });\n * \n * expect(getByTestId('my-div').text).toBe('Hello World');\n */\nexport function renderComponent(component, options = {}) {\n  const html = render(component, options);\n  return new TestRendererResult(component, html);\n}\n\n/**\n * Render a component asynchronously\n * \n * @param {Object|Function} component - Component or component factory\n * @param {Object} [props] - Component props\n * @param {Object} [options] - Render options\n * @returns {Promise<TestRendererResult>} Test renderer result\n */\nexport async function renderComponentAsync(component, props = {}, options = {}) {\n  // If component is a function, call it with props\n  const resolvedComponent = typeof component === 'function' \n    ? await component(props)\n    : component;\n  \n  const html = render(resolvedComponent, options);\n  return new TestRendererResult(resolvedComponent, html);\n}\n\n/**\n * Create a test renderer instance\n * Useful for testing component updates\n */\nexport class TestRenderer {\n  constructor(component, options = {}) {\n    this.component = component;\n    this.options = options;\n    this.result = null;\n    this.renderCount = 0;\n  }\n\n  /**\n   * Render the component\n   * @returns {TestRendererResult} Render result\n   */\n  render() {\n    this.renderCount++;\n    const html = render(this.component, this.options);\n    this.result = new TestRendererResult(this.component, html);\n    return this.result;\n  }\n\n  /**\n   * Update the component and re-render\n   * @param {Object} newComponent - Updated component\n   * @returns {TestRendererResult} Render result\n   */\n  update(newComponent) {\n    this.component = newComponent;\n    return this.render();\n  }\n\n  /**\n   * Get the current result\n   * @returns {TestRendererResult|null} Current result\n   */\n  getResult() {\n    return this.result;\n  }\n\n  /**\n   * Get render count\n   * @returns {number} Number of renders\n   */\n  getRenderCount() {\n    return this.renderCount;\n  }\n\n  /**\n   * Unmount the component\n   */\n  unmount() {\n    this.component = null;\n    this.result = null;\n  }\n}\n\n/**\n * Create a test renderer\n * \n * @param {Object} component - Component to render\n * @param {Object} [options] - Render options\n * @returns {TestRenderer} Test renderer instance\n * \n * @example\n * const renderer = createTestRenderer(MyComponent);\n * const result = renderer.render();\n * expect(result.getByText('Hello')).toBeTruthy();\n * \n * // Update and re-render\n * renderer.update(UpdatedComponent);\n * expect(renderer.getRenderCount()).toBe(2);\n */\nexport function createTestRenderer(component, options = {}) {\n  return new TestRenderer(component, options);\n}\n\n/**\n * Shallow render a component (only render top level)\n * \n * @param {Object} component - Component to render\n * @returns {Object} Shallow rendered component\n */\nexport function shallowRender(component) {\n  // Clone component without rendering children\n  const shallow = { ...component };\n  \n  Object.keys(shallow).forEach(key => {\n    if (shallow[key] && typeof shallow[key] === 'object') {\n      if (shallow[key].children) {\n        shallow[key] = {\n          ...shallow[key],\n          children: Array.isArray(shallow[key].children)\n            ? shallow[key].children.map(() => ({ _shallow: true }))\n            : { _shallow: true }\n        };\n      }\n    }\n  });\n  \n  return shallow;\n}\n\n/**\n * Export all testing utilities\n */\nexport default {\n  renderComponent,\n  renderComponentAsync,\n  createTestRenderer,\n  shallowRender,\n  TestRenderer,\n  TestRendererResult\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/test-utils.js

@@ -0,0 +1,262 @@
+// src/test-utils.js
+function fireEvent(element, eventType, eventData = {}) {
+  if (!element) {
+    throw new Error("Element is required for fireEvent");
+  }
+  const event = {
+    type: eventType,
+    target: element,
+    currentTarget: element,
+    preventDefault: () => {
+    },
+    stopPropagation: () => {
+    },
+    ...eventData
+  };
+  const handlerName = `on${eventType}`;
+  if (element[handlerName] && typeof element[handlerName] === "function") {
+    element[handlerName](event);
+  }
+  return event;
+}
+var fireEvent_click = (element, eventData) => fireEvent(element, "click", eventData);
+var fireEvent_change = (element, value) => fireEvent(element, "change", { target: { value } });
+var fireEvent_input = (element, value) => fireEvent(element, "input", { target: { value } });
+var fireEvent_submit = (element, eventData) => fireEvent(element, "submit", eventData);
+var fireEvent_keyDown = (element, key) => fireEvent(element, "keydown", { key });
+var fireEvent_keyUp = (element, key) => fireEvent(element, "keyup", { key });
+var fireEvent_focus = (element) => fireEvent(element, "focus");
+var fireEvent_blur = (element) => fireEvent(element, "blur");
+function waitFor(condition, options = {}) {
+  const { timeout = 1e3, interval = 50 } = options;
+  return new Promise((resolve, reject) => {
+    const startTime = Date.now();
+    const check = () => {
+      try {
+        if (condition()) {
+          resolve();
+          return;
+        }
+      } catch {
+      }
+      if (Date.now() - startTime >= timeout) {
+        reject(new Error(`Timeout waiting for condition after ${timeout}ms`));
+        return;
+      }
+      setTimeout(check, interval);
+    };
+    check();
+  });
+}
+async function waitForElement(queryFn, options = {}) {
+  let element = null;
+  await waitFor(() => {
+    element = queryFn();
+    return element !== null;
+  }, options);
+  return element;
+}
+async function waitForElementToBeRemoved(queryFn, options = {}) {
+  await waitFor(() => {
+    const element = queryFn();
+    return element === null;
+  }, options);
+}
+async function act(callback) {
+  await callback();
+  await new Promise((resolve) => setTimeout(resolve, 0));
+}
+function createMock(implementation) {
+  const calls = [];
+  const results = [];
+  const mockFn = function(...args) {
+    calls.push(args);
+    let result;
+    let error;
+    try {
+      result = implementation ? implementation(...args) : void 0;
+      results.push({ type: "return", value: result });
+    } catch (err) {
+      error = err;
+      results.push({ type: "throw", value: error });
+      throw error;
+    }
+    return result;
+  };
+  mockFn.mock = {
+    calls,
+    results,
+    instances: []
+  };
+  mockFn.mockClear = () => {
+    calls.length = 0;
+    results.length = 0;
+  };
+  mockFn.mockReset = () => {
+    mockFn.mockClear();
+    implementation = void 0;
+  };
+  mockFn.mockImplementation = (fn) => {
+    implementation = fn;
+    return mockFn;
+  };
+  mockFn.mockReturnValue = (value) => {
+    implementation = () => value;
+    return mockFn;
+  };
+  mockFn.mockResolvedValue = (value) => {
+    implementation = () => Promise.resolve(value);
+    return mockFn;
+  };
+  mockFn.mockRejectedValue = (error) => {
+    implementation = () => Promise.reject(error);
+    return mockFn;
+  };
+  return mockFn;
+}
+function createSpy(object, method) {
+  const original = object[method];
+  const spy = createMock(original.bind(object));
+  object[method] = spy;
+  spy.mockRestore = () => {
+    object[method] = original;
+  };
+  return spy;
+}
+function cleanup() {
+}
+function within(container) {
+  return {
+    getByTestId: (testId) => container.getByTestId(testId),
+    queryByTestId: (testId) => container.queryByTestId(testId),
+    getByText: (text) => container.getByText(text),
+    queryByText: (text) => container.queryByText(text),
+    getByClassName: (className) => container.getByClassName(className),
+    queryByClassName: (className) => container.queryByClassName(className)
+  };
+}
+var screen = {
+  _result: null,
+  setResult(result) {
+    this._result = result;
+  },
+  getByTestId(testId) {
+    if (!this._result) throw new Error("No component rendered");
+    return this._result.getByTestId(testId);
+  },
+  queryByTestId(testId) {
+    if (!this._result) return null;
+    return this._result.queryByTestId(testId);
+  },
+  getByText(text) {
+    if (!this._result) throw new Error("No component rendered");
+    return this._result.getByText(text);
+  },
+  queryByText(text) {
+    if (!this._result) return null;
+    return this._result.queryByText(text);
+  },
+  getByClassName(className) {
+    if (!this._result) throw new Error("No component rendered");
+    return this._result.getByClassName(className);
+  },
+  queryByClassName(className) {
+    if (!this._result) return null;
+    return this._result.queryByClassName(className);
+  },
+  debug() {
+    if (this._result) {
+      this._result.debug();
+    }
+  }
+};
+var userEvent = {
+  /**
+   * Simulate user typing
+   */
+  type: async (element, text, options = {}) => {
+    const { delay = 0 } = options;
+    for (const char of text) {
+      fireEvent_keyDown(element, char);
+      fireEvent_input(element, element.value + char);
+      fireEvent_keyUp(element, char);
+      if (delay > 0) {
+        await new Promise((resolve) => setTimeout(resolve, delay));
+      }
+    }
+  },
+  /**
+   * Simulate user click
+   */
+  click: async (element) => {
+    fireEvent_focus(element);
+    fireEvent_click(element);
+  },
+  /**
+   * Simulate user double click
+   */
+  dblClick: async (element) => {
+    await userEvent.click(element);
+    await userEvent.click(element);
+  },
+  /**
+   * Simulate user clearing input
+   */
+  clear: async (element) => {
+    fireEvent_input(element, "");
+    fireEvent_change(element, "");
+  },
+  /**
+   * Simulate user selecting option
+   */
+  selectOptions: async (element, values) => {
+    const valueArray = Array.isArray(values) ? values : [values];
+    fireEvent_change(element, valueArray[0]);
+  },
+  /**
+   * Simulate user tab navigation
+   */
+  tab: async () => {
+    const activeElement = document.activeElement;
+    if (activeElement) {
+      fireEvent_keyDown(activeElement, "Tab");
+      fireEvent_blur(activeElement);
+    }
+  }
+};
+var test_utils_default = {
+  fireEvent,
+  waitFor,
+  waitForElement,
+  waitForElementToBeRemoved,
+  act,
+  createMock,
+  createSpy,
+  cleanup,
+  within,
+  screen,
+  userEvent
+};
+export {
+  act,
+  cleanup,
+  createMock,
+  createSpy,
+  test_utils_default as default,
+  fireEvent,
+  fireEvent_blur,
+  fireEvent_change,
+  fireEvent_click,
+  fireEvent_focus,
+  fireEvent_input,
+  fireEvent_keyDown,
+  fireEvent_keyUp,
+  fireEvent_submit,
+  screen,
+  userEvent,
+  waitFor,
+  waitForElement,
+  waitForElementToBeRemoved,
+  within
+};
+//# sourceMappingURL=test-utils.js.map

package/dist/test-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/test-utils.js"],
+  "sourcesContent": ["/**\n * Coherent.js Test Utilities\n * \n * Helper functions for testing Coherent.js components\n * \n * @module testing/test-utils\n */\n\n/**\n * Simulate an event on an element\n * \n * @param {Object} element - Element to fire event on\n * @param {string} eventType - Type of event (click, change, etc.)\n * @param {Object} [eventData] - Additional event data\n */\nexport function fireEvent(element, eventType, eventData = {}) {\n  if (!element) {\n    throw new Error('Element is required for fireEvent');\n  }\n  \n  // In a test environment, we simulate the event\n  const event = {\n    type: eventType,\n    target: element,\n    currentTarget: element,\n    preventDefault: () => {},\n    stopPropagation: () => {},\n    ...eventData\n  };\n  \n  // If element has an event handler, call it\n  const handlerName = `on${eventType}`;\n  if (element[handlerName] && typeof element[handlerName] === 'function') {\n    element[handlerName](event);\n  }\n  \n  return event;\n}\n\n/**\n * Common event helpers\n */\nexport const fireEvent_click = (element, eventData) => \n  fireEvent(element, 'click', eventData);\n\nexport const fireEvent_change = (element, value) => \n  fireEvent(element, 'change', { target: { value } });\n\nexport const fireEvent_input = (element, value) => \n  fireEvent(element, 'input', { target: { value } });\n\nexport const fireEvent_submit = (element, eventData) => \n  fireEvent(element, 'submit', eventData);\n\nexport const fireEvent_keyDown = (element, key) => \n  fireEvent(element, 'keydown', { key });\n\nexport const fireEvent_keyUp = (element, key) => \n  fireEvent(element, 'keyup', { key });\n\nexport const fireEvent_focus = (element) => \n  fireEvent(element, 'focus');\n\nexport const fireEvent_blur = (element) => \n  fireEvent(element, 'blur');\n\n/**\n * Wait for a condition to be true\n * \n * @param {Function} condition - Condition function\n * @param {Object} [options] - Wait options\n * @param {number} [options.timeout=1000] - Timeout in ms\n * @param {number} [options.interval=50] - Check interval in ms\n * @returns {Promise<void>}\n * \n * @example\n * await waitFor(() => getByText('Loaded').exists, { timeout: 2000 });\n */\nexport function waitFor(condition, options = {}) {\n  const { timeout = 1000, interval = 50 } = options;\n  \n  return new Promise((resolve, reject) => {\n    const startTime = Date.now();\n    \n    const check = () => {\n      try {\n        if (condition()) {\n          resolve();\n          return;\n        }\n      } catch {\n        // Condition threw an error, keep waiting\n      }\n      \n      if (Date.now() - startTime >= timeout) {\n        reject(new Error(`Timeout waiting for condition after ${timeout}ms`));\n        return;\n      }\n      \n      setTimeout(check, interval);\n    };\n    \n    check();\n  });\n}\n\n/**\n * Wait for element to appear\n * \n * @param {Function} queryFn - Query function that returns element\n * @param {Object} [options] - Wait options\n * @returns {Promise<Object>} Element\n */\nexport async function waitForElement(queryFn, options = {}) {\n  let element = null;\n  \n  await waitFor(() => {\n    element = queryFn();\n    return element !== null;\n  }, options);\n  \n  return element;\n}\n\n/**\n * Wait for element to disappear\n * \n * @param {Function} queryFn - Query function that returns element\n * @param {Object} [options] - Wait options\n * @returns {Promise<void>}\n */\nexport async function waitForElementToBeRemoved(queryFn, options = {}) {\n  await waitFor(() => {\n    const element = queryFn();\n    return element === null;\n  }, options);\n}\n\n/**\n * Act utility for batching updates\n * Useful for testing state changes\n * \n * @param {Function} callback - Callback to execute\n * @returns {Promise<void>}\n */\nexport async function act(callback) {\n  await callback();\n  // Allow any pending updates to flush\n  await new Promise(resolve => setTimeout(resolve, 0));\n}\n\n/**\n * Create a mock function\n * \n * @param {Function} [implementation] - Optional implementation\n * @returns {Function} Mock function\n */\nexport function createMock(implementation) {\n  const calls = [];\n  const results = [];\n  \n  const mockFn = function(...args) {\n    calls.push(args);\n    \n    let result;\n    let error;\n    \n    try {\n      result = implementation ? implementation(...args) : undefined;\n      results.push({ type: 'return', value: result });\n    } catch (err) {\n      error = err;\n      results.push({ type: 'throw', value: error });\n      throw error;\n    }\n    \n    return result;\n  };\n  \n  // Add mock utilities\n  mockFn.mock = {\n    calls,\n    results,\n    instances: []\n  };\n  \n  mockFn.mockClear = () => {\n    calls.length = 0;\n    results.length = 0;\n  };\n  \n  mockFn.mockReset = () => {\n    mockFn.mockClear();\n    implementation = undefined;\n  };\n  \n  mockFn.mockImplementation = (fn) => {\n    implementation = fn;\n    return mockFn;\n  };\n  \n  mockFn.mockReturnValue = (value) => {\n    implementation = () => value;\n    return mockFn;\n  };\n  \n  mockFn.mockResolvedValue = (value) => {\n    implementation = () => Promise.resolve(value);\n    return mockFn;\n  };\n  \n  mockFn.mockRejectedValue = (error) => {\n    implementation = () => Promise.reject(error);\n    return mockFn;\n  };\n  \n  return mockFn;\n}\n\n/**\n * Create a spy on an object method\n * \n * @param {Object} object - Object to spy on\n * @param {string} method - Method name\n * @returns {Function} Spy function\n */\nexport function createSpy(object, method) {\n  const original = object[method];\n  const spy = createMock(original.bind(object));\n  \n  object[method] = spy;\n  \n  spy.mockRestore = () => {\n    object[method] = original;\n  };\n  \n  return spy;\n}\n\n/**\n * Cleanup utility\n * Cleans up after tests\n */\nexport function cleanup() {\n  // Clear any timers\n  // Reset any global state\n  // This would be expanded based on framework needs\n}\n\n/**\n * Within utility - scopes queries to a container\n * \n * @param {Object} container - Container result\n * @returns {Object} Scoped queries\n */\nexport function within(container) {\n  return {\n    getByTestId: (testId) => container.getByTestId(testId),\n    queryByTestId: (testId) => container.queryByTestId(testId),\n    getByText: (text) => container.getByText(text),\n    queryByText: (text) => container.queryByText(text),\n    getByClassName: (className) => container.getByClassName(className),\n    queryByClassName: (className) => container.queryByClassName(className)\n  };\n}\n\n/**\n * Screen utility - global queries\n * Useful for accessing rendered content without storing result\n */\nexport const screen = {\n  _result: null,\n  \n  setResult(result) {\n    this._result = result;\n  },\n  \n  getByTestId(testId) {\n    if (!this._result) throw new Error('No component rendered');\n    return this._result.getByTestId(testId);\n  },\n  \n  queryByTestId(testId) {\n    if (!this._result) return null;\n    return this._result.queryByTestId(testId);\n  },\n  \n  getByText(text) {\n    if (!this._result) throw new Error('No component rendered');\n    return this._result.getByText(text);\n  },\n  \n  queryByText(text) {\n    if (!this._result) return null;\n    return this._result.queryByText(text);\n  },\n  \n  getByClassName(className) {\n    if (!this._result) throw new Error('No component rendered');\n    return this._result.getByClassName(className);\n  },\n  \n  queryByClassName(className) {\n    if (!this._result) return null;\n    return this._result.queryByClassName(className);\n  },\n  \n  debug() {\n    if (this._result) {\n      this._result.debug();\n    }\n  }\n};\n\n/**\n * User event simulation\n * More realistic event simulation than fireEvent\n */\nexport const userEvent = {\n  /**\n   * Simulate user typing\n   */\n  type: async (element, text, options = {}) => {\n    const { delay = 0 } = options;\n    \n    for (const char of text) {\n      fireEvent_keyDown(element, char);\n      fireEvent_input(element, element.value + char);\n      fireEvent_keyUp(element, char);\n      \n      if (delay > 0) {\n        await new Promise(resolve => setTimeout(resolve, delay));\n      }\n    }\n  },\n  \n  /**\n   * Simulate user click\n   */\n  click: async (element) => {\n    fireEvent_focus(element);\n    fireEvent_click(element);\n  },\n  \n  /**\n   * Simulate user double click\n   */\n  dblClick: async (element) => {\n    await userEvent.click(element);\n    await userEvent.click(element);\n  },\n  \n  /**\n   * Simulate user clearing input\n   */\n  clear: async (element) => {\n    fireEvent_input(element, '');\n    fireEvent_change(element, '');\n  },\n  \n  /**\n   * Simulate user selecting option\n   */\n  selectOptions: async (element, values) => {\n    const valueArray = Array.isArray(values) ? values : [values];\n    fireEvent_change(element, valueArray[0]);\n  },\n  \n  /**\n   * Simulate user tab navigation\n   */\n  tab: async () => {\n    // Simulate tab key\n    const activeElement = document.activeElement;\n    if (activeElement) {\n      fireEvent_keyDown(activeElement, 'Tab');\n      fireEvent_blur(activeElement);\n    }\n  }\n};\n\n/**\n * Export all utilities\n */\nexport default {\n  fireEvent,\n  waitFor,\n  waitForElement,\n  waitForElementToBeRemoved,\n  act,\n  createMock,\n  createSpy,\n  cleanup,\n  within,\n  screen,\n  userEvent\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coherent.js/testing",
-  "version": "1.0.0-beta.5",
+  "version": "1.0.0-beta.7",
   "description": "Testing utilities for Coherent.js applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -19,7 +19,7 @@
   "author": "Coherent.js Team",
   "license": "MIT",
   "peerDependencies": {
-    "@coherent.js/core": "1.0.0-beta.5"
+    "@coherent.js/core": "1.0.0-beta.7"
   },
   "devDependencies": {
     "vitest": "^1.0.0"
@@ -28,11 +28,19 @@
     "type": "git",
     "url": "git+https://github.com/Tomdrouv1/coherent.js.git"
   },
+  "homepage": "https://github.com/Tomdrouv1/coherent.js",
+  "bugs": {
+    "url": "https://github.com/Tomdrouv1/coherent.js/issues"
+  },
   "publishConfig": {
     "access": "public"
   },
+  "engines": {
+    "node": ">=20.0.0"
+  },
   "types": "./types/index.d.ts",
   "files": [
+    "dist/",
     "LICENSE",
     "README.md",
     "types/"