aria-ease 6.12.0 → 6.12.2

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   normalizeLevel,
   normalizeStrictness,
   resolveEnforcement
-} from "./chunk-FZ7GMIJB.js";
+} from "./chunk-4DU5Z5BR.js";
 import "./chunk-I2KLQ2HA.js";
 
 // src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
@@ -1117,6 +1117,7 @@ function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId,
         } else if (comboboxInput.value) {
           event.preventDefault();
           comboboxInput.value = "";
+          comboboxInput.setAttribute("aria-activedescendant", "");
           const visibleItems2 = getVisibleItems();
           visibleItems2.forEach((item) => {
             if (item.getAttribute("aria-selected") === "true") item.setAttribute("aria-selected", "false");
@@ -1143,6 +1144,9 @@ function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId,
         }
         break;
       case "Tab":
+        if (isOpen && activeIndex >= 0 && activeIndex < visibleItems.length) {
+          selectOption(visibleItems[activeIndex]);
+        }
         if (isOpen) {
           closeListbox();
         }
@@ -1525,7 +1529,7 @@ function resolveSetup(setup, ctx) {
   );
 }
 var COMBOBOX_STATES = {
-  "listbox.open": {
+  "popup.open": {
     setup: [
       {
         when: ["keyboard", "textInput"],
@@ -1542,7 +1546,7 @@ var COMBOBOX_STATES = {
     ],
     assertion: isComboboxOpen
   },
-  "listbox.closed": {
+  "popup.closed": {
     setup: [
       {
         when: ["keyboard"],
@@ -1557,18 +1561,29 @@ var COMBOBOX_STATES = {
         ]
       }
     ],
-    assertion: isComboboxClosed
+    assertion: [...isComboboxClosed(), ...isActiveDescendantEmpty()]
+  },
+  "main.focused": {
+    setup: [
+      {
+        when: ["keyboard"],
+        steps: () => [
+          { type: "focus", target: "main" }
+        ]
+      }
+    ],
+    assertion: isMainFocused
   },
-  "input.focused": {
+  "main.notFocused": {
     setup: [
       {
         when: ["keyboard"],
         steps: () => [
-          { type: "focus", target: "input" }
+          //what to do here?
         ]
       }
     ],
-    assertion: isInputFocused
+    assertion: isMainNotFocused
   },
   "input.filled": {
     setup: [
@@ -1581,8 +1596,19 @@ var COMBOBOX_STATES = {
     ],
     assertion: isInputFilled
   },
+  "input.notFilled": {
+    setup: [
+      {
+        when: ["keyboard", "textInput"],
+        steps: () => [
+          { type: "type", target: "input", value: "" }
+        ]
+      }
+    ],
+    assertion: isInputNotFilled
+  },
   "activeOption.first": {
-    requires: ["listbox.open"],
+    requires: ["popup.open"],
     setup: [
       {
         when: ["keyboard"],
@@ -1591,7 +1617,7 @@ var COMBOBOX_STATES = {
         ]
       }
     ],
-    assertion: isActiveDescendantNotEmpty
+    assertion: isActiveDescendantFirst
   },
   "activeOption.last": {
     requires: ["activeOption.first"],
@@ -1603,10 +1629,30 @@ var COMBOBOX_STATES = {
         ]
       }
     ],
+    assertion: isActiveDescendantLast
+  },
+  "activeDescendant.notEmpty": {
+    requires: [],
+    setup: [
+      {
+        when: ["keyboard"],
+        steps: () => []
+      }
+    ],
     assertion: isActiveDescendantNotEmpty
   },
+  "activeDescendant.Empty": {
+    requires: [],
+    setup: [
+      {
+        when: ["keyboard"],
+        steps: () => []
+      }
+    ],
+    assertion: isActiveDescendantEmpty
+  },
   "selectedOption.first": {
-    requires: ["listbox.open"],
+    requires: ["popup.open"],
     setup: [
       {
         when: ["pointer"],
@@ -1618,7 +1664,7 @@ var COMBOBOX_STATES = {
     assertion: () => isAriaSelected("first")
   },
   "selectedOption.last": {
-    requires: ["listbox.open"],
+    requires: ["popup.open"],
     setup: [
       {
         when: ["pointer"],
@@ -1633,43 +1679,76 @@ var COMBOBOX_STATES = {
 function isComboboxOpen() {
   return [
     {
-      target: "listbox",
+      target: "popup",
       assertion: "toBeVisible",
-      failureMessage: "Expected listbox to be visible"
+      failureMessage: "Expected popup to be visible"
     },
     {
-      target: "input",
+      target: "main",
       assertion: "toHaveAttribute",
       attribute: "aria-expanded",
       expectedValue: "true",
-      failureMessage: "Expect combobox input to have aria-expanded='true'"
+      failureMessage: "Expect combobox main to have aria-expanded='true'."
     }
   ];
 }
 function isComboboxClosed() {
   return [
     {
-      target: "listbox",
+      target: "popup",
       assertion: "notToBeVisible",
-      failureMessage: "Expected listbox to be closed"
+      failureMessage: "Expected popup to be closed"
     },
     {
-      target: "input",
+      target: "main",
       assertion: "toHaveAttribute",
       attribute: "aria-expanded",
       expectedValue: "false",
-      failureMessage: "Expect combobox input to have aria-expanded='false'"
+      failureMessage: "Expect combobox main to have aria-expanded='false'."
+    }
+  ];
+}
+function isActiveDescendantFirst() {
+  return [
+    {
+      target: "main",
+      assertion: "toHaveAttribute",
+      attribute: "aria-activedescendant",
+      expectedValue: { ref: "relative", relativeTarget: "first", property: "id" },
+      failureMessage: "Expected aria-activedescendant on main to match the id of the first option."
+    }
+  ];
+}
+function isActiveDescendantLast() {
+  return [
+    {
+      target: "main",
+      assertion: "toHaveAttribute",
+      attribute: "aria-activedescendant",
+      expectedValue: { ref: "relative", relativeTarget: "last", property: "id" },
+      failureMessage: "Expected aria-activedescendant on main to match the id of the last option."
     }
   ];
 }
 function isActiveDescendantNotEmpty() {
   return [
     {
-      target: "input",
+      target: "main",
       assertion: "toHaveAttribute",
       attribute: "aria-activedescendant",
       expectedValue: "!empty",
-      failureMessage: "Expected aria-activedescendant to not be empty"
+      failureMessage: "Expected aria-activedescendant on main to not be empty."
+    }
+  ];
+}
+function isActiveDescendantEmpty() {
+  return [
+    {
+      target: "main",
+      assertion: "toHaveAttribute",
+      attribute: "aria-activedescendant",
+      expectedValue: "",
+      failureMessage: "Expected aria-activedescendant on main to be empty."
     }
   ];
 }
@@ -1681,16 +1760,25 @@ function isAriaSelected(index) {
       assertion: "toHaveAttribute",
       attribute: "aria-selected",
       expectedValue: "true",
-      failureMessage: `Expected ${index} option to have aria-selected='true'`
+      failureMessage: `Expected ${index} option to have aria-selected='true'.`
     }
   ];
 }
-function isInputFocused() {
+function isMainFocused() {
   return [
     {
-      target: "input",
+      target: "main",
       assertion: "toHaveFocus",
-      failureMessage: "Expected input to be focused"
+      failureMessage: "Expected main to be focused."
+    }
+  ];
+}
+function isMainNotFocused() {
+  return [
+    {
+      target: "main",
+      assertion: "notToHaveFocus",
+      failureMessage: "Expected main to not have focused."
     }
   ];
 }
@@ -1700,7 +1788,17 @@ function isInputFilled() {
       target: "input",
       assertion: "toHaveValue",
       expectedValue: "test",
-      failureMessage: "Expected input to have the value 'test'"
+      failureMessage: "Expected input to have the value 'test'."
+    }
+  ];
+}
+function isInputNotFilled() {
+  return [
+    {
+      target: "input",
+      assertion: "toHaveValue",
+      expectedValue: "",
+      failureMessage: "Expected input to have the value ''."
     }
   ];
 }
@@ -2042,7 +2140,7 @@ async function runContractTests(contractPath, componentName, component, strictne
           staticPassed += 1;
           reporter.reportStaticTest(`${test.target} has ${test.attribute}`, "pass", void 0, staticLevel);
         }
-      } else if (!attributeValue || !test.expectedValue.split(" | ").includes(attributeValue)) {
+      } else if (!attributeValue || typeof test.expectedValue === "string" && !test.expectedValue.split(" | ").includes(attributeValue)) {
         const outcome = classifyFailure(test.failureMessage + ` Attribute value does not match expected value. Expected: ${test.expectedValue}, Found: ${attributeValue}`, test.level);
         if (outcome.status === "fail") staticFailed += 1;
         if (outcome.status === "warn") staticWarnings += 1;
@@ -2129,7 +2227,7 @@ Error: ${error instanceof Error ? error.message : String(error)}`
       const devServerUrl = await checkDevServer(url);
       if (devServerUrl) {
         console.log(`\u{1F3AD} Running Playwright tests on ${devServerUrl}`);
-        const { runContractTestsPlaywright } = await import("./contractTestRunnerPlaywright-DIXP5DQ3.js");
+        const { runContractTestsPlaywright } = await import("./contractTestRunnerPlaywright-UJKXRXBS.js");
         contract = await runContractTestsPlaywright(componentName, devServerUrl, strictness, config, configBaseDir);
       } else {
         throw new Error(

package/dist/src/combobox/index.cjs

@@ -130,6 +130,7 @@ function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId,
         } else if (comboboxInput.value) {
           event.preventDefault();
           comboboxInput.value = "";
+          comboboxInput.setAttribute("aria-activedescendant", "");
           const visibleItems2 = getVisibleItems();
           visibleItems2.forEach((item) => {
             if (item.getAttribute("aria-selected") === "true") item.setAttribute("aria-selected", "false");
@@ -156,6 +157,9 @@ function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId,
         }
         break;
       case "Tab":
+        if (isOpen && activeIndex >= 0 && activeIndex < visibleItems.length) {
+          selectOption(visibleItems[activeIndex]);
+        }
         if (isOpen) {
           closeListbox();
         }

package/dist/src/combobox/index.js

@@ -128,6 +128,7 @@ function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId,
         } else if (comboboxInput.value) {
           event.preventDefault();
           comboboxInput.value = "";
+          comboboxInput.setAttribute("aria-activedescendant", "");
           const visibleItems2 = getVisibleItems();
           visibleItems2.forEach((item) => {
             if (item.getAttribute("aria-selected") === "true") item.setAttribute("aria-selected", "false");
@@ -154,6 +155,9 @@ function makeComboboxAccessible({ comboboxInputId, comboboxButtonId, listBoxId,
         }
         break;
       case "Tab":
+        if (isOpen && activeIndex >= 0 && activeIndex < visibleItems.length) {
+          selectOption(visibleItems[activeIndex]);
+        }
         if (isOpen) {
           closeListbox();
         }

package/dist/src/utils/test/{ComboboxComponentStrategy-5AECQSRN.js → ComboboxComponentStrategy-XKQ72RFD.js}

@@ -14,7 +14,7 @@ var ComboboxComponentStrategy = class {
     const popupElement = page.locator(popupSelector).first();
     const isPopupVisible = await popupElement.isVisible().catch(() => false);
     if (!isPopupVisible) return;
-    let listBoxClosed = false;
+    let popupClosed = false;
     let closeSelector = this.selectors.input;
     if (!closeSelector && this.selectors.focusable) {
       closeSelector = this.selectors.focusable;
@@ -25,18 +25,18 @@ var ComboboxComponentStrategy = class {
       const closeElement = page.locator(closeSelector).first();
       await closeElement.focus();
       await page.keyboard.press("Escape");
-      listBoxClosed = await expect(popupElement).toBeHidden({ timeout: this.assertionTimeoutMs }).then(() => true).catch(() => false);
+      popupClosed = await expect(popupElement).toBeHidden({ timeout: this.assertionTimeoutMs }).then(() => true).catch(() => false);
     }
-    if (!listBoxClosed && this.selectors.button) {
+    if (!popupClosed && this.selectors.button) {
       const buttonElement = page.locator(this.selectors.button).first();
       await buttonElement.click({ timeout: this.actionTimeoutMs });
-      listBoxClosed = await expect(popupElement).toBeHidden({ timeout: this.assertionTimeoutMs }).then(() => true).catch(() => false);
+      popupClosed = await expect(popupElement).toBeHidden({ timeout: this.assertionTimeoutMs }).then(() => true).catch(() => false);
     }
-    if (!listBoxClosed) {
+    if (!popupClosed) {
       await page.mouse.click(10, 10);
-      listBoxClosed = await expect(popupElement).toBeHidden({ timeout: this.assertionTimeoutMs }).then(() => true).catch(() => false);
+      popupClosed = await expect(popupElement).toBeHidden({ timeout: this.assertionTimeoutMs }).then(() => true).catch(() => false);
     }
-    if (!listBoxClosed) {
+    if (!popupClosed) {
       throw new Error(
         `\u274C FATAL: Cannot close combobox popup between tests. Popup remains visible after trying:
   1. Escape key

package/dist/src/utils/test/RelativeTargetResolver-G2XDN2VV.js

@@ -0,0 +1 @@
+export { RelativeTargetResolver } from './chunk-GLT43UVH.js';

package/dist/src/utils/test/{chunk-FZ7GMIJB.js → chunk-4DU5Z5BR.js}

@@ -308,9 +308,7 @@ async function getOrCreateContext() {
   if (!sharedContext) {
     const browser = await getOrCreateBrowser();
     sharedContext = await browser.newContext({
-      // Isolated context - no permissions, no geolocation, etc.
       permissions: [],
-      // Ignore HTTPS errors for local dev servers
       ignoreHTTPSErrors: true
     });
   }

package/dist/src/utils/test/chunk-GLT43UVH.js

@@ -0,0 +1,41 @@
+// src/utils/test/src/RelativeTargetResolver.ts
+var RelativeTargetResolver = class {
+  /**
+   * Resolve a relative target like "first", "second", "last", "next", "previous"
+   * @param page Playwright page instance
+   * @param selector Base selector to find elements
+   * @param relative Relative position (first, second, last, next, previous)
+   * @returns The resolved Locator or null if not found
+   */
+  static async resolve(page, selector, relative) {
+    const items = await page.locator(selector).all();
+    switch (relative) {
+      case "first":
+        return items[0];
+      case "second":
+        return items[1];
+      case "last":
+        return items[items.length - 1];
+      case "next": {
+        const currentIndex = await page.evaluate(([sel]) => {
+          const items2 = Array.from(document.querySelectorAll(sel));
+          return items2.indexOf(document.activeElement);
+        }, [selector]);
+        const nextIndex = (currentIndex + 1) % items.length;
+        return items[nextIndex];
+      }
+      case "previous": {
+        const currentIndex = await page.evaluate(([sel]) => {
+          const items2 = Array.from(document.querySelectorAll(sel));
+          return items2.indexOf(document.activeElement);
+        }, [selector]);
+        const prevIndex = (currentIndex - 1 + items.length) % items.length;
+        return items[prevIndex];
+      }
+      default:
+        return null;
+    }
+  }
+};
+
+export { RelativeTargetResolver };