Addon-a11y: Move stories into addon

code/addons/a11y/template/stories/parameters.stories.ts

@@ -0,0 +1,63 @@
+import globalThis from 'global';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {};
+
+export const Violation = {
+  args: {
+    // empty on purpose to get a button with no text
+    children: '',
+  },
+};
+
+export const Checks = {
+  parameters: {
+    a11y: {
+      config: {},
+      options: {
+        checks: {
+          'color-contrast': { options: { noScroll: true } },
+        },
+        restoreScroll: true,
+      },
+    },
+  },
+};
+
+export const Targetted = {
+  parameters: {
+    a11y: {
+      element: 'button',
+    },
+  },
+};
+
+export const Blank = {
+  parameters: {
+    a11y: {
+      config: {
+        disableOtherRules: true,
+        // @ts-ignore
+        rules: [],
+      },
+      options: {},
+    },
+  },
+};
+
+export const Disabled = {
+  parameters: {
+    a11y: {
+      disable: true,
+    },
+  },
+};

code/cypress/integration/navigation.spec.ts

@@ -28,13 +28,13 @@ describe('Routing', () => {
   it('should navigate to story addons-a11y-basebutton--default', () => {
     visit('official-storybook');
 
-    cy.get('#addons-a11y-basebutton--label').click({ force: true });
-    cy.url().should('include', 'path=/story/addons-a11y-basebutton--label');
+    cy.get('#addons-controls--basic').click({ force: true });
+    cy.url().should('include', 'path=/story/addons-controls--basic');
   });
 
   it('should directly visit a certain story and render correctly', () => {
-    visit('official-storybook/?path=/story/addons-a11y-basebutton--label');
+    visit('official-storybook/?path=/story/basics-actionbar--single-item');
 
-    cy.getStoryElement().should('contain.text', 'Testing the a11y addon');
+    cy.getStoryElement().should('contain.text', 'Clear');
   });
 });

code/examples/html-kitchen-sink/.storybook/preview.js

@@ -1,11 +1,4 @@
 export const parameters = {
-  a11y: {
-    config: {},
-    options: {
-      checks: { 'color-contrast': { options: { noScroll: true } } },
-      restoreScroll: true,
-    },
-  },
   docs: {
     iframeHeight: '200px',
   },

code/examples/official-storybook/preview.js

@@ -173,13 +173,6 @@ export const decorators = [
 
 export const parameters = {
   exportedParameter: 'exportedParameter',
-  a11y: {
-    config: {},
-    options: {
-      checks: { 'color-contrast': { options: { noScroll: true } } },
-      restoreScroll: true,
-    },
-  },
   actions: { argTypesRegex: '^on.*' },
   options: {
     storySort: (a, b) =>

code/examples/server-kitchen-sink/.storybook/preview.js

@@ -5,13 +5,6 @@ export const decorators = [withLinks];
 const port = process.env.SERVER_PORT || 1337;
 
 export const parameters = {
-  a11y: {
-    config: {},
-    options: {
-      checks: { 'color-contrast': { options: { noScroll: true } } },
-      restoreScroll: true,
-    },
-  },
   docs: {
     iframeHeight: '200px',
   },

code/examples/web-components-kitchen-sink/.storybook/preview.js

@@ -9,13 +9,6 @@ setCustomElementsManifest(customElementsManifest);
 // setCustomElements(customElements);
 
 export const parameters = {
-  a11y: {
-    config: {},
-    options: {
-      checks: { 'color-contrast': { options: { noScroll: true } } },
-      restoreScroll: true,
-    },
-  },
   docs: {
     iframeHeight: '200px',
   },