@warp-ds/elements 2.6.0-next.5 → 2.6.0

package/dist/packages/textarea/textarea.test.js

@@ -166,7 +166,9 @@ test('restores original help text when validation passes', async () => {
     await expect.poll(() => wTextArea.helpText).not.toBe('Enter your message');
     // Fill in a value
     await textarea.fill('Hello');
-    // Should restore original help text
+    // Wait for value + validity to update, then restore original help text
+    await expect.poll(() => wTextArea.value).toBe('Hello');
+    await expect.poll(() => wTextArea.checkValidity()).toBe(true);
     await expect.poll(() => wTextArea.invalid).toBe(false);
     await expect.poll(() => wTextArea.helpText).toBe('Enter your message');
 });

package/dist/setup-tests.d.ts

@@ -1 +1,11 @@
 import 'vitest-browser-lit';
+interface AxeMatchers {
+    toHaveNoAxeViolations(): Promise<void>;
+}
+declare module 'vitest' {
+    interface Assertion extends AxeMatchers {
+    }
+    interface AsymmetricMatchersContaining extends AxeMatchers {
+    }
+}
+export {};

package/dist/setup-tests.js

@@ -1 +1,62 @@
 import 'vitest-browser-lit';
+import axe from 'axe-core';
+import { expect } from 'vitest';
+function formatViolations(violations) {
+    if (violations.length === 0) {
+        return '';
+    }
+    return violations
+        .map((violation) => {
+        const nodeInfo = violation.nodes
+            .map((node) => {
+            const selector = node.target.join(', ');
+            return `  - Element: ${selector}\n    HTML: ${node.html}\n    ${node.failureSummary}`;
+        })
+            .join('\n');
+        return `${violation.id}: ${violation.help}\n  Impact: ${violation.impact}\n  Help URL: ${violation.helpUrl}\n${nodeInfo}`;
+    })
+        .join('\n\n');
+}
+async function runAxe(container = document.body) {
+    return axe.run(container, {
+        runOnly: {
+            type: 'tag',
+            values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22aa'],
+        },
+    });
+}
+function resolveAxeContainer(received) {
+    if (received && typeof received === 'object' && 'container' in received) {
+        const { container } = received;
+        if (container instanceof Element)
+            return container;
+    }
+    if (received instanceof Element) {
+        return received;
+    }
+    if (received instanceof Document) {
+        return received.body;
+    }
+    return document.body;
+}
+function toHaveNoViolations(results) {
+    if (typeof results.violations === 'undefined') {
+        throw new Error('No axe-core results found, unable to assert');
+    }
+    const violations = results.violations;
+    const pass = violations.length === 0;
+    return {
+        pass,
+        message: () => pass
+            ? 'Expected to have accessibility violations, but none were found'
+            : `Expected no accessibility violations, but found ${violations.length}:\n\n${formatViolations(violations)}`,
+        actual: violations,
+    };
+}
+expect.extend({
+    async toHaveNoAxeViolations(received) {
+        const container = resolveAxeContainer(received);
+        const results = await runAxe(container);
+        return toHaveNoViolations(results);
+    }
+});

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.6.0-next.4",
+  "version": "2.6.0-next.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.6.0-next.5",
+  "version": "2.6.0",
   "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {
@@ -345,6 +345,7 @@
     "@wc-toolkit/jsx-types": "^1.4.2",
     "@wc-toolkit/storybook-helpers": "^9.0.1",
     "@wc-toolkit/type-parser": "^1.2.0",
+    "axe-core": "^4.11.1",
     "custom-element-jet-brains-integration": "^1.7.0",
     "cz-conventional-changelog": "3.3.0",
     "date-fns": "^4.1.0",