@techsio/storybook-better-a11y 0.0.4 → 0.0.5

package/dist/postinstall.js

@@ -18,4 +18,4 @@ async function postinstall(options) {
         args
     });
 }
-export default postinstall;
+export { postinstall as default };

package/dist/preview.js

@@ -1 +1,68 @@
-export { afterEach, decorators, initialGlobals, parameters } from "./699.js";
+import { expect } from "storybook/test";
+import { run } from "./a11yRunner.js";
+import { getIsVitestStandaloneRun } from "./utils.js";
+import { withVisionSimulator } from "./withVisionSimulator.js";
+let vitestMatchersExtended = false;
+const decorators = [
+    withVisionSimulator
+];
+const afterEach = async ({ id: storyId, reporting, parameters, globals, viewMode })=>{
+    const a11yParameter = parameters.a11y;
+    const a11yGlobals = globals.a11y;
+    const shouldRunEnvironmentIndependent = a11yParameter?.disable !== true && a11yParameter?.test !== 'off' && a11yGlobals?.manual !== true;
+    const getMode = ()=>{
+        switch(a11yParameter?.test){
+            case 'todo':
+                return 'warning';
+            case 'error':
+            default:
+                return 'failed';
+        }
+    };
+    if (shouldRunEnvironmentIndependent && 'story' === viewMode) try {
+        const result = await run(a11yParameter, storyId);
+        if (result) {
+            const hasViolations = (result?.violations.length ?? 0) > 0;
+            reporting.addReport({
+                type: 'a11y',
+                version: 1,
+                result,
+                status: hasViolations ? getMode() : 'passed'
+            });
+            if (getIsVitestStandaloneRun()) {
+                if (hasViolations && 'failed' === getMode()) {
+                    if (!vitestMatchersExtended) {
+                        const { toHaveNoViolations } = await import("vitest-axe/matchers");
+                        expect.extend({
+                            toHaveNoViolations
+                        });
+                        vitestMatchersExtended = true;
+                    }
+                    expect(result).toHaveNoViolations();
+                }
+            }
+        }
+    } catch (e) {
+        reporting.addReport({
+            type: 'a11y',
+            version: 1,
+            result: {
+                error: e
+            },
+            status: 'failed'
+        });
+        if (getIsVitestStandaloneRun()) throw e;
+    }
+};
+const initialGlobals = {
+    a11y: {
+        manual: false
+    },
+    vision: void 0
+};
+const preview_parameters = {
+    a11y: {
+        test: 'todo'
+    }
+};
+export { afterEach, decorators, initialGlobals, preview_parameters as parameters };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/storybook-better-a11y",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Storybook Accessibility addon with APCA (WCAG 3) support",
   "keywords": [
     "storybook",

package/dist/100.js

@@ -1,122 +0,0 @@
-const ADDON_ID = 'storybook/a11y';
-const PANEL_ID = `${ADDON_ID}/panel`;
-"a11y";
-"vision";
-const RESULT = `${ADDON_ID}/result`;
-const REQUEST = `${ADDON_ID}/request`;
-const RUNNING = `${ADDON_ID}/running`;
-const ERROR = `${ADDON_ID}/error`;
-const MANUAL = `${ADDON_ID}/manual`;
-const SELECT = `${ADDON_ID}/select`;
-const DOCUMENTATION_LINK = 'writing-tests/accessibility-testing';
-const DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#why-are-my-tests-failing-in-different-environments`;
-const EVENTS = {
-    RESULT: RESULT,
-    REQUEST: REQUEST,
-    RUNNING: RUNNING,
-    ERROR: ERROR,
-    MANUAL: MANUAL,
-    SELECT: SELECT
-};
-const STATUS_TYPE_ID_COMPONENT_TEST = 'storybook/component-test';
-const STATUS_TYPE_ID_A11Y = 'storybook/a11y';
-const filters = {
-    blurred: {
-        label: 'Blurred vision',
-        filter: 'blur(2px)',
-        percentage: 22.9
-    },
-    deuteranomaly: {
-        label: 'Deuteranomaly',
-        filter: 'url("#storybook-a11y-vision-deuteranomaly")',
-        percentage: 2.7
-    },
-    deuteranopia: {
-        label: 'Deuteranopia',
-        filter: 'url("#storybook-a11y-vision-deuteranopia")',
-        percentage: 0.56
-    },
-    protanomaly: {
-        label: 'Protanomaly',
-        filter: 'url("#storybook-a11y-vision-protanomaly")',
-        percentage: 0.66
-    },
-    protanopia: {
-        label: 'Protanopia',
-        filter: 'url("#storybook-a11y-vision-protanopia")',
-        percentage: 0.59
-    },
-    tritanomaly: {
-        label: 'Tritanomaly',
-        filter: 'url("#storybook-a11y-vision-tritanomaly")',
-        percentage: 0.01
-    },
-    tritanopia: {
-        label: 'Tritanopia',
-        filter: 'url("#storybook-a11y-vision-tritanopia")',
-        percentage: 0.016
-    },
-    achromatopsia: {
-        label: 'Achromatopsia',
-        filter: 'url("#storybook-a11y-vision-achromatopsia")',
-        percentage: 0.0001
-    },
-    grayscale: {
-        label: 'Grayscale',
-        filter: 'grayscale(100%)'
-    }
-};
-const filterDefs = `<svg id="storybook-a11y-vision-filters" style="display: none !important;">
-  <defs>
-    <filter id="storybook-a11y-vision-protanopia">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.567, 0.433, 0, 0, 0 0.558, 0.442, 0, 0, 0 0, 0.242, 0.758, 0, 0 0, 0, 0, 1, 0"
-      />
-    </filter>
-    <filter id="storybook-a11y-vision-protanomaly">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.817, 0.183, 0, 0, 0 0.333, 0.667, 0, 0, 0 0, 0.125, 0.875, 0, 0 0, 0, 0, 1, 0"
-      />
-    </filter>
-    <filter id="storybook-a11y-vision-deuteranopia">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.625, 0.375, 0, 0, 0 0.7, 0.3, 0, 0, 0 0, 0.3, 0.7, 0, 0 0, 0, 0, 1, 0"
-      />
-    </filter>
-    <filter id="storybook-a11y-vision-deuteranomaly">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.8, 0.2, 0, 0, 0 0.258, 0.742, 0, 0, 0 0, 0.142, 0.858, 0, 0 0, 0, 0, 1, 0"
-      />
-    </filter>
-    <filter id="storybook-a11y-vision-tritanopia">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.95, 0.05,  0, 0, 0 0,  0.433, 0.567, 0, 0 0,  0.475, 0.525, 0, 0 0,  0, 0, 1, 0"
-      />
-    </filter>
-    <filter id="storybook-a11y-vision-tritanomaly">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.967, 0.033, 0, 0, 0 0, 0.733, 0.267, 0, 0 0, 0.183, 0.817, 0, 0 0, 0, 0, 1, 0"
-      />
-    </filter>
-    <filter id="storybook-a11y-vision-achromatopsia">
-      <feColorMatrix
-        in="SourceGraphic"
-        type="matrix"
-        values="0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"
-      />
-    </filter>
-  </defs>
-</svg>`;
-export { ADDON_ID, DOCUMENTATION_DISCREPANCY_LINK, EVENTS, PANEL_ID, STATUS_TYPE_ID_A11Y, STATUS_TYPE_ID_COMPONENT_TEST, filterDefs, filters };