question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

addon-a11y not working on latest next

See original GitHub issue

Describe the bug @storybook/addon-a11y not reporting a11y test results on next branch . It shows 0 passes and 0 violations on any story regardless of decorator being set or not.

To Reproduce

  1. Checkout next branch
  2. Start the official-storybook kitchen sink app or install/register add-on to any other app.
  3. Open any of the a11y stories with decorator set.
  4. Go to Accessibility panel.
  5. See 0 results on both passes/violations.

Expected behavior Should display amount of test passes or violations respectively in each tab.

Screenshots screen shot 2018-11-29 at 10 19 17 am

Code It’s related to the runA11yCheck function on the addon’s declaration and the DOM being selected to run the aXe tests on:

const runA11yCheck = () => {
  const channel = addons.getChannel();
  const infoWrapper = document.getElementById('story-root').children;
  const wrapper = document.getElementById('root');

  axe.reset();
  axe.configure(axeOptions);
  axe
    .run(infoWrapper || wrapper)
    .then(results => channel.emit(CHECK_EVENT_ID, results), logger.error);
};

System:

  • Browser: any
  • Framework: all
  • Addons: a11y
  • Version: 4.0.9

Additional context Tried this on some of the other kitchen sink apps with same result.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

5reactions
thebuildercommented, Dec 13, 2018

The addon-a11y plugin also appears to be broken in the 4.1.1 release now - displaying 0 passes and 0 violations on all stories.

0reactions
jtomaszewskicommented, Jan 31, 2019

Could we include that in 4.1.x release?

Read more comments on GitHub >

github_iconTop Results From Across the Web

addon-a11y not working on latest next · Issue #4889 - GitHub
Describe the bug @storybook/addon-a11y not reporting a11y test results on next branch . It shows 0 passes and 0 violations on any story ......
Read more >
@storybook/addon-a11y - npm
Latest version: 6.5.15, last published: 3 days ago. Start using @storybook/addon-a11y in your project by running `npm i ...
Read more >
@storybook/addon-a11y | Yarn - Package Manager
Release Process · Merge all PRs into next , which is the default branch. · Every week: release patch releases off main to...
Read more >
Accessibility testing - Storybook for React Apps
Addon-a11y #. The accessibility addon is very famous in the Storybook community. It helps you develop more accessible components by running accessibility tests...
Read more >
Storybook addon accesibility not initialising, error ... - Issuehunt
Describe the bug I've installed https://storybook.js.org/addons/@storybook/addon-a11y using the recommended method in the docs, but it does not ever load ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found