test: run axe-playwright a11y tests using test-storybook

[unekinn]

ci: enable Biome's "noSvgWithoutTitle" rule, with some exceptions

fix(storybook): delay Storybook tests in Tooltip/DefaultOpen to let tooltip fade in
Fixes false positive color-contrast violation due to axe checking the contrast while the tooltip was not fully faded in yet

refactor(css): animate skeleton background instead of opacity to avoid false positive in a11y contrast test

fix(storybook): disable a11y tests for size/alignment testing stories

fix(react): set Switch wrapper to aria-disabled when disabled=true
Fixes Axe a11y tests reporting insufficient contrast on the description text when the Switch is disabled

fix(storybook): axe violation svg-img-alt in Tabs

fix(storybook): axe violation svg-img-alt in ToggleGroup

fix(storybook): axe violation aria-allowed-role in Alert

fix(storybook): axe violations svg-img-alt & button-name in Badge

fix(storybook): axe violations svg-img-alt & button-name in Button

fix(storybook): axe violations empty-table-header & label in Table

fix(storybook): axe violation scrollable-region-focusable in Table

fix(storybook): axe violation label in Combobox

fix(storybook): axe violation select-name in Showcase

build: make Biome ignore coverage dir by reading .gitignore

ci: add test report publishing also for unit tests

ci: move test coverage report into test.yml to avoid testing twice

test: run axe-playwright a11y tests using test-storybook

Closes #2384
Closes #2452

[changeset-bot]

⚠️ No Changeset found

Latest commit: 44e698b

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Preview deployments for this pull request:

Storybook - 25. Sep 2024 - 10:16

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	62.07%	4267 / 6874
🔵	Statements	62.07%	4267 / 6874
🔵	Functions	85.85%	170 / 198
🔵	Branches	75.69%	573 / 757

File Coverage

File	Stmts	% Branch	% Funcs	% Lines	Uncovered Lines
Changed Files
packages/react/src/components/form/Switch/Switch.tsx	100%	85.71%	100%	100%

Generated in workflow #9

[unekinn]

Feedback necessary

@mimarz I don't feel like the checks.yml workflow is quite the right place for this to run.

Suggestion: I think the Storybook tests should be run after unit tests, which happen in checks-packages.yml. A bonus is that yarn build is already run there, which saves some build time. However, that particular workflow is currently only run on changes to packages/**.

For the storybook tests to function reliably, we would need to change the workflow config in checks-packages.yml to

  pull_request:
    paths:
      - 'packages/**'
      - 'apps/storybook/**

Is that okay?

[mimarz]

Feedback necessary

@mimarz I don't feel like the checks.yml workflow is quite the right place for this to run.

Suggestion: I think the Storybook tests should be run after unit tests, which happen in checks-packages.yml. A bonus is that yarn build is already run there, which saves some build time. However, that particular workflow is currently only run on changes to packages/**.

For the storybook tests to function reliably, we would need to change the workflow config in checks-packages.yml to

  pull_request:

    paths:

      - 'packages/**'

      - 'apps/storybook/**

Is that okay?

Jepp. It could probably be renamed to a "Test" action as the checks changed a bit after we moved to biomejs.

[mimarz]

Nice work!

Interesting to see how this testing will go :D