aria-ease 5.0.1 → 5.0.3

package/dist/{contractTestRunnerPlaywright-45CFWUOD.js → contractTestRunnerPlaywright-7ZOM7ZMG.js}

@@ -3,7 +3,7 @@ import {
   __export,
   __reExport,
   contract_default
-} from "./chunk-IPJYOFRK.js";
+} from "./chunk-KJ33RDSC.js";
 
 // src/utils/test/contract/contractTestRunnerPlaywright.ts
 import { chromium } from "playwright";
@@ -30,7 +30,8 @@ async function runContractTestsPlaywright(componentName, url) {
   const contractData = readFileSync(resolvedPath, "utf-8");
   const componentContract = JSON.parse(contractData);
   const totalTests = componentContract.static[0].assertions.length + componentContract.dynamic.length;
-  reporter.start(componentName, totalTests);
+  const apgUrl = componentContract.meta?.source?.apg;
+  reporter.start(componentName, totalTests, apgUrl);
   const failures = [];
   const passes = [];
   const skipped = [];
@@ -41,25 +42,21 @@ async function runContractTestsPlaywright(componentName, url) {
     const page = await context.newPage();
     await page.goto(url, {
       waitUntil: "domcontentloaded",
-      timeout: 9e4
+      timeout: 9e5
     });
+    await page.addStyleTag({ content: `* { transition: none !important; animation: none !important; }` });
     const mainSelector = componentContract.selectors.trigger || componentContract.selectors.input || componentContract.selectors.container;
     if (!mainSelector) {
       throw new Error(`No main selector (trigger, input, or container) found in contract for ${componentName}`);
     }
-    await page.waitForSelector(mainSelector, { timeout: 9e4 });
+    await page.locator(mainSelector).first().waitFor({ state: "attached", timeout: 9e5 });
     if (componentName === "menu" && componentContract.selectors.trigger) {
-      await page.waitForFunction(
-        (selector) => {
-          const trigger = document.querySelector(selector);
-          return trigger && trigger.getAttribute("data-menu-initialized") === "true";
-        },
-        componentContract.selectors.trigger,
-        { timeout: 1e4 }
-      ).catch(() => {
-        console.warn("Menu initialization signal not detected, continuing with tests...");
+      await page.locator(componentContract.selectors.trigger).first().waitFor({
+        state: "visible",
+        timeout: 1e4
+      }).catch(() => {
+        console.warn("Menu trigger not visible, continuing with tests...");
       });
-      await page.waitForTimeout(300);
     }
     async function resolveRelativeTarget(selector, relative) {
       const items = await page.locator(selector).all();
@@ -135,7 +132,7 @@ async function runContractTestsPlaywright(componentName, url) {
         const popupSelector = componentContract.selectors.listbox || componentContract.selectors.container;
         if (!popupSelector) continue;
         const popupElement = page.locator(popupSelector).first();
-        const isPopupVisible = await popupElement.isVisible();
+        const isPopupVisible = await popupElement.isVisible().catch(() => false);
         if (isPopupVisible) {
           let menuClosed = false;
           let closeSelector = componentContract.selectors.input;
@@ -147,44 +144,17 @@ async function runContractTestsPlaywright(componentName, url) {
           if (closeSelector) {
             const closeElement = page.locator(closeSelector).first();
             await closeElement.focus();
-            await page.waitForTimeout(200);
             await page.keyboard.press("Escape");
-            menuClosed = await page.waitForFunction(
-              (selector) => {
-                const popup = document.querySelector(selector);
-                return popup && getComputedStyle(popup).display === "none";
-              },
-              popupSelector,
-              { timeout: 3e3 }
-            ).then(() => true).catch(() => false);
+            menuClosed = await (0, test_exports.expect)(popupElement).toBeHidden({ timeout: 3e3 }).then(() => true).catch(() => false);
           }
           if (!menuClosed && componentContract.selectors.trigger) {
             const triggerElement = page.locator(componentContract.selectors.trigger).first();
             await triggerElement.click();
-            await page.waitForTimeout(500);
-            menuClosed = await page.waitForFunction(
-              (selector) => {
-                const popup = document.querySelector(selector);
-                return popup && getComputedStyle(popup).display === "none";
-              },
-              popupSelector,
-              { timeout: 3e3 }
-            ).then(() => true).catch(() => false);
+            menuClosed = await (0, test_exports.expect)(popupElement).toBeHidden({ timeout: 3e3 }).then(() => true).catch(() => false);
           }
           if (!menuClosed) {
             await page.mouse.click(10, 10);
-            await page.waitForTimeout(500);
-            menuClosed = await page.waitForFunction(
-              (selector) => {
-                const popup = document.querySelector(selector);
-                return popup && getComputedStyle(popup).display === "none";
-              },
-              popupSelector,
-              { timeout: 3e3 }
-            ).then(() => true).catch(() => false);
-            if (menuClosed) {
-              console.log("\u{1F3AF} Strategy 3 (Click outside) worked");
-            }
+            menuClosed = await (0, test_exports.expect)(popupElement).toBeHidden({ timeout: 3e3 }).then(() => true).catch(() => false);
           }
           if (!menuClosed) {
             throw new Error(
@@ -195,25 +165,12 @@ async function runContractTestsPlaywright(componentName, url) {
 This indicates a problem with the menu component's close functionality.`
             );
           }
-          if (componentName === "menu" && componentContract.selectors.trigger) {
-            await page.waitForFunction(
-              (selector) => {
-                const trigger = document.querySelector(selector);
-                return document.activeElement === trigger;
-              },
-              componentContract.selectors.trigger,
-              { timeout: 2e3 }
-            ).catch(async () => {
-              const triggerElement = page.locator(componentContract.selectors.trigger).first();
-              await triggerElement.focus();
-              await page.waitForTimeout(200);
-            });
-          }
-          await page.waitForTimeout(500);
           if (componentContract.selectors.input) {
-            const inputElement = page.locator(componentContract.selectors.input).first();
-            await inputElement.clear();
-            await page.waitForTimeout(100);
+            await page.locator(componentContract.selectors.input).first().clear();
+          }
+          if (componentName === "menu" && componentContract.selectors.trigger) {
+            const triggerElement = page.locator(componentContract.selectors.trigger).first();
+            await triggerElement.focus();
           }
         }
       }
@@ -257,7 +214,6 @@ This indicates a problem with the menu component's close functionality.`
             continue;
           }
           await page.locator(focusSelector).first().focus();
-          await page.waitForTimeout(100);
         }
         if (act.type === "type" && act.value) {
           const typeSelector = componentContract.selectors[act.target];
@@ -266,7 +222,6 @@ This indicates a problem with the menu component's close functionality.`
             continue;
           }
           await page.locator(typeSelector).first().fill(act.value);
-          await page.waitForTimeout(100);
         }
         if (act.type === "click") {
           if (act.target === "document") {
@@ -283,7 +238,6 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await relativeElement.click();
-            await page.waitForTimeout(componentName === "menu" ? 800 : 200);
           } else {
             const actionSelector = componentContract.selectors[act.target];
             if (!actionSelector) {
@@ -291,7 +245,6 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await page.locator(actionSelector).first().click();
-            await page.waitForTimeout(componentName === "menu" ? 800 : 200);
           }
         }
         if (act.type === "keypress" && act.key) {
@@ -314,9 +267,7 @@ This indicates a problem with the menu component's close functionality.`
             keyValue = keyValue.replace(/ /g, "");
           }
           if (act.target === "focusable" && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Escape"].includes(keyValue)) {
-            await page.waitForTimeout(componentName === "menu" ? 200 : 100);
             await page.keyboard.press(keyValue);
-            await page.waitForTimeout(componentName === "menu" ? 300 : 100);
           } else {
             const keypressSelector = componentContract.selectors[act.target];
             if (!keypressSelector) {
@@ -345,7 +296,6 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await relativeElement.hover();
-            await page.waitForTimeout(100);
           } else {
             const hoverSelector = componentContract.selectors[act.target];
             if (!hoverSelector) {
@@ -353,12 +303,9 @@ This indicates a problem with the menu component's close functionality.`
               continue;
             }
             await page.locator(hoverSelector).first().hover();
-            await page.waitForTimeout(100);
           }
         }
-        await page.waitForTimeout(componentName === "menu" ? 200 : 100);
       }
-      await page.waitForTimeout(componentName === "menu" ? 300 : 100);
       for (const assertion of assertions) {
         let target;
         if (assertion.target === "relative") {
@@ -475,7 +422,12 @@ This indicates a problem with the menu component's close functionality.`
       const failuresAfterTest = failures.length;
       const testPassed = failuresAfterTest === failuresBeforeTest;
       const failureMessage = testPassed ? void 0 : failures[failures.length - 1];
-      reporter.reportTest(dynamicTest, testPassed ? "pass" : "fail", failureMessage);
+      if (dynamicTest.isOptional === true && !testPassed) {
+        failures.pop();
+        reporter.reportTest(dynamicTest, "optional-fail", failureMessage);
+      } else {
+        reporter.reportTest(dynamicTest, testPassed ? "pass" : "fail", failureMessage);
+      }
     }
     const staticPassed = componentContract.static[0].assertions.length;
     const staticFailed = 0;