Accessibility Testing in Storybook with Axe and Playwright

  Рет қаралды 4,148

newline

newline

Жыл бұрын

Accessibility (A11y) testing ensures that users with visual disabilities and other kinds of impairments can easily interact with your application’s UI. newline author Yann Braga (@yannbf) guides you through the process of developing accessible components in Storybook, from the installation and registration of the Storybook addon @storybook/addon-a11y to automating accessibility tests with the Playwright test runner and the Axe-Playwright integration.
Yann teaches newline's course, "Storybook for React Apps":
www.newline.co/courses/storyb...
Download our free "30 DAYS OF REACT" book here to advance your knowledge of React.js and JavaScript:
www.newline.co/fullstack-reac...

Пікірлер: 3
@user-st2yh8vd5p
@user-st2yh8vd5p Жыл бұрын
What command are you running with `yarn test-storybook` script?
@quocthinhluu4098
@quocthinhluu4098 9 ай бұрын
Excellent. Could you kindly share the code? I would like to practice with it.
@newlinedotco
@newlinedotco 9 ай бұрын
The complete code is available with the full course here: www.newline.co/courses/storybook-for-react-apps or by subscribing to newline Pro: www.newline.co/pricing
PLAYWRIGHT ACCESSIBILITY TESTING IN DETAIL
24:24
CommitQuality
Рет қаралды 2,7 М.
You Suck At Accessibility (But You Don't Have To)
13:23
Web Dev Simplified
Рет қаралды 53 М.
孩子多的烦恼?#火影忍者 #家庭 #佐助
00:31
火影忍者一家
Рет қаралды 36 МЛН
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 2,5 МЛН
Survival skills: A great idea with duct tape #survival #lifehacks #camping
00:27
Became invisible for one day!  #funny #wednesday #memes
00:25
Watch Me
Рет қаралды 24 МЛН
Contract Testing in Playwright using Zod
8:41
Uncle Aaroh Testing
Рет қаралды 135
Add accessibility checks to your Playwright end-to-end tests
11:18
How to Integrate Figma Design Systems with Storybook
8:33
newline
Рет қаралды 26 М.
Accessibility Testing - What is it, Why and how to perform it?
20:22
Become QA Expert
Рет қаралды 8 М.
React JS Component Testing with Storybook 7 Typescript
21:49
Marius Espejo
Рет қаралды 8 М.
Storybook can do.... WHAT???
9:08
Nx - Smart Monorepos - Fast CI
Рет қаралды 7 М.
Turning bad React code into senior React code
13:10
Cosden Solutions
Рет қаралды 86 М.
GamePad İle Bisiklet Yönetmek #shorts
0:26
Osman Kabadayı
Рет қаралды 167 М.
Best mobile of all time💥🗿 [Troll Face]
0:24
Special SHNTY 2.0
Рет қаралды 1,9 МЛН
После ввода кода - протирайте панель
0:18