@testspectra/react 1.1.14 → 1.2.1

package/dist/cli.js

@@ -71,6 +71,7 @@ export default defineConfig({
   plugins: [react()],
   define: {
     __TESTSPECTRA_AUTO_IMPORT_MANIFEST__: ${JSON.stringify(JSON.stringify(manifest))},
+    __TESTSPECTRA_PLUGINS__: ${JSON.stringify(JSON.stringify(opts.plugins ?? []))},
     __TESTSPECTRA_STEP_DELAY_MS__: ${JSON.stringify(opts.stepDelayMs)},
     __TESTSPECTRA_SEMANTIC_REPORTER__: ${JSON.stringify(opts.semanticReporter)},
   },
@@ -162,7 +163,8 @@ async function runComponentTests(options = {}) {
     semanticReporter,
     fileParallelism: options.concurrency !== 1,
     browserExecutable: options.browserExecutablePath,
-    outputFile: options.outputFile
+    outputFile: options.outputFile,
+    plugins: options.plugins
   });
   const args = ["run", "--config", configPath];
   if (options.spec) {

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export interface RunComponentTestsOptions {
   outputFile?: string;
   concurrency?: number;
   browserExecutablePath?: string;
+  plugins?: string[];
   onLine?: (line: string) => void;
 }
 
@@ -28,6 +29,7 @@ export interface BundleServerOptions {
   packageDir?: string;
   manifest?: any;
   stepDelayMs?: number;
+  plugins?: string[];
 }
 
 export declare function startBundleServer(opts?: BundleServerOptions): Promise<BundleServer>;

package/dist/index.js

@@ -588,6 +588,57 @@ var DomDriverBridge = class {
     });
     if (!ok) throw new Error("Element not found: " + JSON.stringify(selector));
   }
+  async blur(selector, index = null) {
+    const ok = await globalThis.__TS_RUNTIME__.pollCondition(async () => {
+      const el = resolveEl(selector, index);
+      if (!el) return false;
+      el.blur?.();
+      return true;
+    });
+    if (!ok) throw new Error("Element not found: " + JSON.stringify(selector));
+  }
+  async waitForElementRemoved(selector, timeoutMs = 5e3, index = null) {
+    const ok = await globalThis.__TS_RUNTIME__.pollCondition(async () => {
+      return !await this.isExisting(selector, index);
+    }, timeoutMs);
+    if (!ok) throw new Error("Element still exists after timeout: " + JSON.stringify(selector));
+  }
+  async waitForUndisplayed(selector, opts, index = null) {
+    const ok = await globalThis.__TS_RUNTIME__.pollCondition(async () => {
+      return !await this.isDisplayed(selector, index);
+    }, opts?.timeout ?? 5e3);
+    if (!ok) throw new Error("Element still displayed after timeout: " + JSON.stringify(selector));
+  }
+  async waitForClickable(selector, opts, index = null) {
+    return await globalThis.__TS_RUNTIME__.pollCondition(async () => {
+      return this.isClickable(selector, index);
+    }, opts?.timeout ?? 5e3);
+  }
+  async getBounds(selector, index = null) {
+    const el = resolveEl(selector, index);
+    if (!el) return { x: 0, y: 0, top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+    const r = el.getBoundingClientRect();
+    return {
+      x: r.x,
+      y: r.y,
+      top: r.top,
+      right: r.right,
+      bottom: r.bottom,
+      left: r.left,
+      width: r.width,
+      height: r.height
+    };
+  }
+  async closest(selector, targetSelector, index = null) {
+    const el = resolveEl(selector, index);
+    if (!el) return null;
+    const ancestor = el.closest(targetSelector);
+    return ancestor ? ancestor.tagName.toLowerCase() : null;
+  }
+  async clickAt(x, y) {
+    const el = document.elementFromPoint(x, y);
+    el?.click();
+  }
   async dragDrop(sourceSelector, targetSelector, sourceIndex = null) {
     const src = resolveEl(sourceSelector, sourceIndex);
     const dest = resolveEl(targetSelector, null);
@@ -896,6 +947,7 @@ export default defineConfig({
   plugins: [react()],
   define: {
     __TESTSPECTRA_AUTO_IMPORT_MANIFEST__: ${JSON.stringify(JSON.stringify(manifest))},
+    __TESTSPECTRA_PLUGINS__: ${JSON.stringify(JSON.stringify(opts.plugins ?? []))},
     __TESTSPECTRA_STEP_DELAY_MS__: ${JSON.stringify(opts.stepDelayMs)},
     __TESTSPECTRA_SEMANTIC_REPORTER__: ${JSON.stringify(opts.semanticReporter)},
   },
@@ -987,7 +1039,8 @@ async function runComponentTests(options = {}) {
     semanticReporter,
     fileParallelism: options.concurrency !== 1,
     browserExecutable: options.browserExecutablePath,
-    outputFile: options.outputFile
+    outputFile: options.outputFile,
+    plugins: options.plugins
   });
   const args = ["run", "--config", configPath];
   if (options.spec) {
@@ -1319,8 +1372,9 @@ ${exportLines.join("\n")}
 export default _react;
 `;
 }
-function buildHarnessHtml(manifest, stepDelayMs) {
+function buildHarnessHtml(manifest, stepDelayMs, plugins = []) {
   const manifestJson = JSON.stringify(manifest);
+  const pluginsJson = JSON.stringify(plugins);
   return `<!DOCTYPE html>
 <html>
 <head>
@@ -1342,6 +1396,7 @@ function buildHarnessHtml(manifest, stepDelayMs) {
 <body>
 <script type="module">
   window.__TESTSPECTRA_AUTO_IMPORT_MANIFEST__ = ${manifestJson};
+  window.__TESTSPECTRA_PLUGINS__ = ${pluginsJson};
   window.__TESTSPECTRA_STEP_DELAY_MS__ = ${JSON.stringify(stepDelayMs)};
   window.__TESTSPECTRA_SEMANTIC_REPORTER__ = true;
   try {
@@ -1505,7 +1560,7 @@ async function startBundleServer(opts = {}) {
     getCachedBundle("runner", runnerEntrypoint).catch(() => {
     });
   }
-  const harnessHtml = buildHarnessHtml(manifest, stepDelayMs);
+  const harnessHtml = buildHarnessHtml(manifest, stepDelayMs, opts.plugins ?? []);
   const handler = makeHandler(testRoot, packageDir, harnessHtml, setupEntrypoint, runnerEntrypoint);
   const server = http.createServer(handler);
   await new Promise((resolve, reject) => {