aria-ease 3.0.0 → 3.0.2

package/bin/{audit-XZJXMUPL.js → audit-6A7OW5NJ.js}

@@ -1,4 +1,4 @@
-import "./chunk-JSBRDJBE.js";
+import "./chunk-2P3A4VVY.js";
 
 // src/utils/audit/src/audit/audit.ts
 import AxeBuilder from "@axe-core/playwright";

package/bin/{chunk-JSBRDJBE.js → chunk-2P3A4VVY.js}

@@ -7,6 +7,10 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -15,6 +19,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -26,5 +31,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 export {
   __commonJS,
+  __export,
+  __reExport,
   __toESM
 };

package/bin/cli.cjs

@@ -24,6 +24,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -13274,6 +13275,20 @@ var init_contractTestRunner = __esm({
   }
 });
 
+// node_modules/@playwright/test/index.mjs
+var test_exports = {};
+__export(test_exports, {
+  default: () => import_test.default
+});
+var import_test;
+var init_test = __esm({
+  "node_modules/@playwright/test/index.mjs"() {
+    "use strict";
+    __reExport(test_exports, require("playwright/test"));
+    import_test = __toESM(require("playwright/test"), 1);
+  }
+});
+
 // src/utils/test/contract/contractTestRunnerPlaywright.ts
 var contractTestRunnerPlaywright_exports = {};
 __export(contractTestRunnerPlaywright_exports, {
@@ -13307,6 +13322,18 @@ async function runContractTestsPlaywright(componentName, url) {
       throw new Error(`No main selector (trigger, input, or container) found in contract for ${componentName}`);
     }
     await page.waitForSelector(mainSelector, { timeout: 6e4 });
+    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: 5e3 }
+      ).catch(() => {
+        console.warn("Menu initialization signal not detected, continuing with tests...");
+      });
+    }
     async function resolveRelativeTarget(selector, relative) {
       const items = await page.locator(selector).all();
       switch (relative) {
@@ -13431,7 +13458,7 @@ async function runContractTestsPlaywright(componentName, url) {
               continue;
             }
             await relativeElement.click();
-            await page.waitForTimeout(200);
+            await page.waitForTimeout(componentName === "menu" ? 500 : 200);
           } else {
             const actionSelector = componentContract.selectors[act.target];
             if (!actionSelector) {
@@ -13439,7 +13466,7 @@ async function runContractTestsPlaywright(componentName, url) {
               continue;
             }
             await page.locator(actionSelector).first().click();
-            await page.waitForTimeout(200);
+            await page.waitForTimeout(componentName === "menu" ? 500 : 200);
           }
         }
         if (act.type === "keypress" && act.key) {
@@ -13533,32 +13560,48 @@ async function runContractTestsPlaywright(componentName, url) {
           continue;
         }
         if (assertion.assertion === "toBeVisible") {
-          const isVisible = await target.isVisible();
-          if (isVisible) {
+          try {
+            await (0, test_exports.expect)(target).toBeVisible({ timeout: 3e3 });
             passes.push(`${assertion.target} is visible as expected. Test: "${dynamicTest.description}".`);
-          } else {
-            failures.push(`${assertion.failureMessage}`);
+          } catch {
+            const debugState = await page.evaluate((sel) => {
+              const el = sel ? document.querySelector(sel) : null;
+              if (!el) return "element not found";
+              const styles = window.getComputedStyle(el);
+              return `display:${styles.display}, visibility:${styles.visibility}, opacity:${styles.opacity}`;
+            }, componentContract.selectors[assertion.target] || "");
+            failures.push(`${assertion.failureMessage} (actual: ${debugState})`);
           }
         }
         if (assertion.assertion === "notToBeVisible") {
-          const isVisible = await target.isVisible();
-          if (!isVisible) {
+          try {
+            await (0, test_exports.expect)(target).toBeHidden({ timeout: 5e3 });
             passes.push(`${assertion.target} is not visible as expected. Test: "${dynamicTest.description}".`);
-          } else {
-            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible.`);
+          } catch {
+            const debugState = await page.evaluate((sel) => {
+              const el = sel ? document.querySelector(sel) : null;
+              if (!el) return "element not found";
+              const styles = window.getComputedStyle(el);
+              return `display:${styles.display}, visibility:${styles.visibility}, opacity:${styles.opacity}`;
+            }, componentContract.selectors[assertion.target] || "");
+            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible (actual: ${debugState}).`);
           }
         }
         if (assertion.assertion === "toHaveAttribute" && assertion.attribute && assertion.expectedValue) {
-          const attributeValue = await target.getAttribute(assertion.attribute);
-          if (assertion.expectedValue === "!empty") {
-            if (attributeValue && attributeValue.trim() !== "") {
-              passes.push(`${assertion.target} has non-empty "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+          try {
+            if (assertion.expectedValue === "!empty") {
+              const attributeValue = await target.getAttribute(assertion.attribute);
+              if (attributeValue && attributeValue.trim() !== "") {
+                passes.push(`${assertion.target} has non-empty "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+              } else {
+                failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
+              }
             } else {
-              failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
+              await (0, test_exports.expect)(target).toHaveAttribute(assertion.attribute, assertion.expectedValue, { timeout: 3e3 });
+              passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
             }
-          } else if (attributeValue === assertion.expectedValue) {
-            passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
-          } else {
+          } catch {
+            const attributeValue = await target.getAttribute(assertion.attribute);
             failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should be "${assertion.expectedValue}", found "${attributeValue}".`);
           }
         }
@@ -13583,10 +13626,10 @@ async function runContractTestsPlaywright(componentName, url) {
           }
         }
         if (assertion.assertion === "toHaveFocus") {
-          const hasFocus = await target.evaluate((el) => el === document.activeElement);
-          if (hasFocus) {
+          try {
+            await (0, test_exports.expect)(target).toBeFocused({ timeout: 5e3 });
             passes.push(`${assertion.target} has focus as expected. Test: "${dynamicTest.description}".`);
-          } else {
+          } catch {
             failures.push(`${assertion.failureMessage}`);
           }
         }
@@ -13634,6 +13677,7 @@ var init_contractTestRunnerPlaywright = __esm({
   "src/utils/test/contract/contractTestRunnerPlaywright.ts"() {
     "use strict";
     import_playwright3 = require("playwright");
+    init_test();
     import_fs = require("fs");
     init_contract();
     init_ContractReporter();
@@ -13688,7 +13732,7 @@ ${violationDetails}
   return result;
 }
 var import_jest_axe, runTest;
-var init_test = __esm({
+var init_test2 = __esm({
   "src/utils/test/src/test.ts"() {
     "use strict";
     import_jest_axe = require("jest-axe");
@@ -13721,15 +13765,15 @@ var init_test = __esm({
 });
 
 // src/utils/test/index.ts
-var test_exports = {};
-__export(test_exports, {
+var test_exports2 = {};
+__export(test_exports2, {
   runTest: () => runTest,
   testUiComponent: () => testUiComponent
 });
-var init_test2 = __esm({
+var init_test3 = __esm({
   "src/utils/test/index.ts"() {
     "use strict";
-    init_test();
+    init_test2();
   }
 });
 
@@ -13936,7 +13980,7 @@ program.command("audit").description("Run axe-core powered accessibility audit o
   console.log(import_chalk.default.green("\n\u{1F389} All audits completed."));
 });
 program.command("test").description("Run core a11y accessibility standard tests on UI components").action(async () => {
-  const { runTest: runTest2 } = await Promise.resolve().then(() => (init_test2(), test_exports));
+  const { runTest: runTest2 } = await Promise.resolve().then(() => (init_test3(), test_exports2));
   runTest2();
 });
 program.command("help").description("Display help information").action(() => {

package/bin/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import "./chunk-JSBRDJBE.js";
+import "./chunk-2P3A4VVY.js";
 
 // src/utils/cli/cli.ts
 import { Command } from "commander";
@@ -128,8 +128,8 @@ var program = new Command();
 program.name("aria-ease").description("Run accessibility tests and audits").version("2.2.3");
 program.command("audit").description("Run axe-core powered accessibility audit on webpages").option("-u, --url <url>", "Single URL to audit").option("-f, --format <format>", "Output format for the audit report: json | csv | html | all", "all").option("-o, --out <path>", "Directory to save the audit report", "./accessibility-reports/audit").action(async (opts) => {
   console.log(chalk.cyanBright("\u{1F680} Starting accessibility audit...\n"));
-  const { runAudit } = await import("./audit-XZJXMUPL.js");
-  const { formatResults } = await import("./formatters-U4E5EVPL.js");
+  const { runAudit } = await import("./audit-6A7OW5NJ.js");
+  const { formatResults } = await import("./formatters-FCDHFTPI.js");
   const { config, configPath, errors } = await loadConfig(process.cwd());
   if (configPath) {
     console.log(chalk.green(`\u2705 Loaded config from ${path2.basename(configPath)}
@@ -204,7 +204,7 @@ program.command("audit").description("Run axe-core powered accessibility audit o
   console.log(chalk.green("\n\u{1F389} All audits completed."));
 });
 program.command("test").description("Run core a11y accessibility standard tests on UI components").action(async () => {
-  const { runTest } = await import("./test-PK5MBHIN.js");
+  const { runTest } = await import("./test-Q7W3WQEA.js");
   runTest();
 });
 program.command("help").description("Display help information").action(() => {

package/bin/{contractTestRunnerPlaywright-62LXHK7K.js → contractTestRunnerPlaywright-TLQZGKW7.js}

@@ -2,10 +2,24 @@ import {
   ContractReporter,
   contract_default
 } from "./chunk-5Z7PR3VC.js";
-import "./chunk-JSBRDJBE.js";
+import {
+  __export,
+  __reExport
+} from "./chunk-2P3A4VVY.js";
 
 // src/utils/test/contract/contractTestRunnerPlaywright.ts
 import { chromium } from "playwright";
+
+// node_modules/@playwright/test/index.mjs
+var test_exports = {};
+__export(test_exports, {
+  default: () => default2
+});
+__reExport(test_exports, test_star);
+import * as test_star from "playwright/test";
+import { default as default2 } from "playwright/test";
+
+// src/utils/test/contract/contractTestRunnerPlaywright.ts
 import { readFileSync } from "fs";
 async function runContractTestsPlaywright(componentName, url) {
   const reporter = new ContractReporter(true);
@@ -35,6 +49,18 @@ async function runContractTestsPlaywright(componentName, url) {
       throw new Error(`No main selector (trigger, input, or container) found in contract for ${componentName}`);
     }
     await page.waitForSelector(mainSelector, { timeout: 6e4 });
+    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: 5e3 }
+      ).catch(() => {
+        console.warn("Menu initialization signal not detected, continuing with tests...");
+      });
+    }
     async function resolveRelativeTarget(selector, relative) {
       const items = await page.locator(selector).all();
       switch (relative) {
@@ -159,7 +185,7 @@ async function runContractTestsPlaywright(componentName, url) {
               continue;
             }
             await relativeElement.click();
-            await page.waitForTimeout(200);
+            await page.waitForTimeout(componentName === "menu" ? 500 : 200);
           } else {
             const actionSelector = componentContract.selectors[act.target];
             if (!actionSelector) {
@@ -167,7 +193,7 @@ async function runContractTestsPlaywright(componentName, url) {
               continue;
             }
             await page.locator(actionSelector).first().click();
-            await page.waitForTimeout(200);
+            await page.waitForTimeout(componentName === "menu" ? 500 : 200);
           }
         }
         if (act.type === "keypress" && act.key) {
@@ -261,32 +287,48 @@ async function runContractTestsPlaywright(componentName, url) {
           continue;
         }
         if (assertion.assertion === "toBeVisible") {
-          const isVisible = await target.isVisible();
-          if (isVisible) {
+          try {
+            await (0, test_exports.expect)(target).toBeVisible({ timeout: 3e3 });
             passes.push(`${assertion.target} is visible as expected. Test: "${dynamicTest.description}".`);
-          } else {
-            failures.push(`${assertion.failureMessage}`);
+          } catch {
+            const debugState = await page.evaluate((sel) => {
+              const el = sel ? document.querySelector(sel) : null;
+              if (!el) return "element not found";
+              const styles = window.getComputedStyle(el);
+              return `display:${styles.display}, visibility:${styles.visibility}, opacity:${styles.opacity}`;
+            }, componentContract.selectors[assertion.target] || "");
+            failures.push(`${assertion.failureMessage} (actual: ${debugState})`);
           }
         }
         if (assertion.assertion === "notToBeVisible") {
-          const isVisible = await target.isVisible();
-          if (!isVisible) {
+          try {
+            await (0, test_exports.expect)(target).toBeHidden({ timeout: 5e3 });
             passes.push(`${assertion.target} is not visible as expected. Test: "${dynamicTest.description}".`);
-          } else {
-            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible.`);
+          } catch {
+            const debugState = await page.evaluate((sel) => {
+              const el = sel ? document.querySelector(sel) : null;
+              if (!el) return "element not found";
+              const styles = window.getComputedStyle(el);
+              return `display:${styles.display}, visibility:${styles.visibility}, opacity:${styles.opacity}`;
+            }, componentContract.selectors[assertion.target] || "");
+            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible (actual: ${debugState}).`);
           }
         }
         if (assertion.assertion === "toHaveAttribute" && assertion.attribute && assertion.expectedValue) {
-          const attributeValue = await target.getAttribute(assertion.attribute);
-          if (assertion.expectedValue === "!empty") {
-            if (attributeValue && attributeValue.trim() !== "") {
-              passes.push(`${assertion.target} has non-empty "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+          try {
+            if (assertion.expectedValue === "!empty") {
+              const attributeValue = await target.getAttribute(assertion.attribute);
+              if (attributeValue && attributeValue.trim() !== "") {
+                passes.push(`${assertion.target} has non-empty "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+              } else {
+                failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
+              }
             } else {
-              failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
+              await (0, test_exports.expect)(target).toHaveAttribute(assertion.attribute, assertion.expectedValue, { timeout: 3e3 });
+              passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
             }
-          } else if (attributeValue === assertion.expectedValue) {
-            passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
-          } else {
+          } catch {
+            const attributeValue = await target.getAttribute(assertion.attribute);
             failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should be "${assertion.expectedValue}", found "${attributeValue}".`);
           }
         }
@@ -311,10 +353,10 @@ async function runContractTestsPlaywright(componentName, url) {
           }
         }
         if (assertion.assertion === "toHaveFocus") {
-          const hasFocus = await target.evaluate((el) => el === document.activeElement);
-          if (hasFocus) {
+          try {
+            await (0, test_exports.expect)(target).toBeFocused({ timeout: 5e3 });
             passes.push(`${assertion.target} has focus as expected. Test: "${dynamicTest.description}".`);
-          } else {
+          } catch {
             failures.push(`${assertion.failureMessage}`);
           }
         }

package/bin/{formatters-U4E5EVPL.js → formatters-FCDHFTPI.js}

@@ -1,4 +1,4 @@
-import "./chunk-JSBRDJBE.js";
+import "./chunk-2P3A4VVY.js";
 
 // src/utils/audit/src/formatters/formatters.ts
 function formatResults(allResults, format) {

package/bin/{test-PK5MBHIN.js → test-Q7W3WQEA.js}

@@ -5,7 +5,7 @@ import {
 import {
   __commonJS,
   __toESM
-} from "./chunk-JSBRDJBE.js";
+} from "./chunk-2P3A4VVY.js";
 
 // node_modules/ansi-styles/index.js
 var require_ansi_styles = __commonJS({
@@ -12750,7 +12750,7 @@ async function testUiComponent(componentName, component, url) {
   let contract;
   if (url) {
     console.log(`\u{1F3AD} Running Playwright E2E tests on ${url}`);
-    const { runContractTestsPlaywright } = await import("./contractTestRunnerPlaywright-62LXHK7K.js");
+    const { runContractTestsPlaywright } = await import("./contractTestRunnerPlaywright-TLQZGKW7.js");
     contract = await runContractTestsPlaywright(componentName, url);
   } else {
     console.log(`\u{1F9EA} Running jsdom tests (limited event handling)`);

package/dist/{chunk-57O4KFP4.js → chunk-IPJYOFRK.js}

@@ -7,6 +7,10 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -15,6 +19,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -204,6 +209,8 @@ ${"\u2550".repeat(60)}`);
 
 export {
   __commonJS,
+  __export,
+  __reExport,
   __toESM,
   contract_default,
   ContractReporter

package/dist/{contractTestRunnerPlaywright-LGXSV2ZS.js → contractTestRunnerPlaywright-7U2O33SR.js}

@@ -1,10 +1,23 @@
 import {
   ContractReporter,
+  __export,
+  __reExport,
   contract_default
-} from "./chunk-57O4KFP4.js";
+} from "./chunk-IPJYOFRK.js";
 
 // src/utils/test/contract/contractTestRunnerPlaywright.ts
 import { chromium } from "playwright";
+
+// node_modules/@playwright/test/index.mjs
+var test_exports = {};
+__export(test_exports, {
+  default: () => default2
+});
+__reExport(test_exports, test_star);
+import * as test_star from "playwright/test";
+import { default as default2 } from "playwright/test";
+
+// src/utils/test/contract/contractTestRunnerPlaywright.ts
 import { readFileSync } from "fs";
 async function runContractTestsPlaywright(componentName, url) {
   const reporter = new ContractReporter(true);
@@ -34,6 +47,18 @@ async function runContractTestsPlaywright(componentName, url) {
       throw new Error(`No main selector (trigger, input, or container) found in contract for ${componentName}`);
     }
     await page.waitForSelector(mainSelector, { timeout: 6e4 });
+    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: 5e3 }
+      ).catch(() => {
+        console.warn("Menu initialization signal not detected, continuing with tests...");
+      });
+    }
     async function resolveRelativeTarget(selector, relative) {
       const items = await page.locator(selector).all();
       switch (relative) {
@@ -158,7 +183,7 @@ async function runContractTestsPlaywright(componentName, url) {
               continue;
             }
             await relativeElement.click();
-            await page.waitForTimeout(200);
+            await page.waitForTimeout(componentName === "menu" ? 500 : 200);
           } else {
             const actionSelector = componentContract.selectors[act.target];
             if (!actionSelector) {
@@ -166,7 +191,7 @@ async function runContractTestsPlaywright(componentName, url) {
               continue;
             }
             await page.locator(actionSelector).first().click();
-            await page.waitForTimeout(200);
+            await page.waitForTimeout(componentName === "menu" ? 500 : 200);
           }
         }
         if (act.type === "keypress" && act.key) {
@@ -260,32 +285,48 @@ async function runContractTestsPlaywright(componentName, url) {
           continue;
         }
         if (assertion.assertion === "toBeVisible") {
-          const isVisible = await target.isVisible();
-          if (isVisible) {
+          try {
+            await (0, test_exports.expect)(target).toBeVisible({ timeout: 3e3 });
             passes.push(`${assertion.target} is visible as expected. Test: "${dynamicTest.description}".`);
-          } else {
-            failures.push(`${assertion.failureMessage}`);
+          } catch {
+            const debugState = await page.evaluate((sel) => {
+              const el = sel ? document.querySelector(sel) : null;
+              if (!el) return "element not found";
+              const styles = window.getComputedStyle(el);
+              return `display:${styles.display}, visibility:${styles.visibility}, opacity:${styles.opacity}`;
+            }, componentContract.selectors[assertion.target] || "");
+            failures.push(`${assertion.failureMessage} (actual: ${debugState})`);
           }
         }
         if (assertion.assertion === "notToBeVisible") {
-          const isVisible = await target.isVisible();
-          if (!isVisible) {
+          try {
+            await (0, test_exports.expect)(target).toBeHidden({ timeout: 5e3 });
             passes.push(`${assertion.target} is not visible as expected. Test: "${dynamicTest.description}".`);
-          } else {
-            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible.`);
+          } catch {
+            const debugState = await page.evaluate((sel) => {
+              const el = sel ? document.querySelector(sel) : null;
+              if (!el) return "element not found";
+              const styles = window.getComputedStyle(el);
+              return `display:${styles.display}, visibility:${styles.visibility}, opacity:${styles.opacity}`;
+            }, componentContract.selectors[assertion.target] || "");
+            failures.push(assertion.failureMessage + ` ${assertion.target} is still visible (actual: ${debugState}).`);
           }
         }
         if (assertion.assertion === "toHaveAttribute" && assertion.attribute && assertion.expectedValue) {
-          const attributeValue = await target.getAttribute(assertion.attribute);
-          if (assertion.expectedValue === "!empty") {
-            if (attributeValue && attributeValue.trim() !== "") {
-              passes.push(`${assertion.target} has non-empty "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+          try {
+            if (assertion.expectedValue === "!empty") {
+              const attributeValue = await target.getAttribute(assertion.attribute);
+              if (attributeValue && attributeValue.trim() !== "") {
+                passes.push(`${assertion.target} has non-empty "${assertion.attribute}". Test: "${dynamicTest.description}".`);
+              } else {
+                failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
+              }
             } else {
-              failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should not be empty, found "${attributeValue}".`);
+              await (0, test_exports.expect)(target).toHaveAttribute(assertion.attribute, assertion.expectedValue, { timeout: 3e3 });
+              passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
             }
-          } else if (attributeValue === assertion.expectedValue) {
-            passes.push(`${assertion.target} has expected "${assertion.attribute}". Test: "${dynamicTest.description}".`);
-          } else {
+          } catch {
+            const attributeValue = await target.getAttribute(assertion.attribute);
             failures.push(assertion.failureMessage + ` ${assertion.target} "${assertion.attribute}" should be "${assertion.expectedValue}", found "${attributeValue}".`);
           }
         }
@@ -310,10 +351,10 @@ async function runContractTestsPlaywright(componentName, url) {
           }
         }
         if (assertion.assertion === "toHaveFocus") {
-          const hasFocus = await target.evaluate((el) => el === document.activeElement);
-          if (hasFocus) {
+          try {
+            await (0, test_exports.expect)(target).toBeFocused({ timeout: 5e3 });
             passes.push(`${assertion.target} has focus as expected. Test: "${dynamicTest.description}".`);
-          } else {
+          } catch {
             failures.push(`${assertion.failureMessage}`);
           }
         }