Skip to content
This repository has been archived by the owner on Jan 8, 2024. It is now read-only.

ui: upgrade to [email protected] #2725

Merged
merged 5 commits into from
Nov 15, 2021
Merged

ui: upgrade to [email protected] #2725

merged 5 commits into from
Nov 15, 2021

Conversation

jgwhite
Copy link
Contributor

@jgwhite jgwhite commented Nov 12, 2021

Why the change?

ember-a11y/ember-a11y-testing#319 added the ability to specify additional helpers that will trigger an automated a11y audit. This allow us to enable automatic audits after render and focus, and generally improve the a11y coverage in our test suite.

Previously, the audit did not happen automatically on render and as such we missed out on some very important automated a11y coverage in our component tests. This matters, because component tests are where we get to render all the edge cases and exotic states of our components, making it the ideal place to check those states for accessibility.

What does it look like?

Note: the following video has audio

CleanShot.2021-11-12.at.12.15.14.mp4

How much slower does it make our test suite?

Before After
1m 26s 1m 24s

So no impact whatsoever 😃

What’s the catch?

If you watch the test suite in the browser, you’ll notice it “flashes” even more than before. This is the most price of all the extra audits.

How do I test it?

Try introducing and accessibility violation in a component and see if the suite picks up on it.

Plus a yarn-dedupe, for good measure.
@jgwhite jgwhite added ui pr/no-changelog No automatic changelog entry required for this pull request ui/a11y an accessibility issue labels Nov 12, 2021
@jgwhite jgwhite added this to the 0.6.x milestone Nov 12, 2021
@jgwhite jgwhite requested a review from a team November 12, 2021 11:03
@jgwhite jgwhite self-assigned this Nov 12, 2021
@jgwhite jgwhite removed the request for review from a team November 12, 2021 11:03
Without this tweak, the audit fails due to an empty `<h1>`. I’m not
super satisfied with this change because now the test body doesn’t
jibe with its name.
Just a bunch of `screenReaderLabel` additions.
@jgwhite jgwhite force-pushed the ui/ember-a11y-testing-4.3.0 branch from 277e6b9 to 2302deb Compare November 12, 2021 11:04
This is now taken care of automatically :)
@jgwhite jgwhite force-pushed the ui/ember-a11y-testing-4.3.0 branch from 2302deb to 3990116 Compare November 12, 2021 11:04
@jgwhite jgwhite marked this pull request as ready for review November 12, 2021 11:23
@jgwhite jgwhite requested a review from a team November 12, 2021 11:23
@jgwhite jgwhite modified the milestones: 0.6.x, 0.7.0 Nov 12, 2021
@jgwhite jgwhite merged commit 0f5e108 into main Nov 15, 2021
@jgwhite jgwhite deleted the ui/ember-a11y-testing-4.3.0 branch November 15, 2021 13:13
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
pr/no-changelog No automatic changelog entry required for this pull request ui/a11y an accessibility issue ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants