Storybookで使えるテスト手法を徹底解説！ビジュアルテスト、アクセシビリティテスト、インタラクションテスト、Chromaticの使い方【Nextjs・React】
#storybook #テスト #chromatic #a11y #interaction
この動画では、storybook + nextjs(react) を使ったテスト手法3パターンを紹介します。
ビジュアルテスト、インタラクションテスト、あクセシビリティテストなど
チャプター
0:00 はじめに
0:10 この動画でやること
0:35 chromatic を使ったビジュアルテスト
3:14 a11y (アクセシビリティ) テスト
4:34 CLI で a11y テスト
5:47 インタラクションテスト
7:58 CLI でインタラクションテスト
9:06 まとめ + 感想
↓その他合わせて見たい Storybook の動画
• Storybook まとめ
そもそも Storybook って何？
• 【Storybook/React】Storybook とは何か？基本から実際に使って...
「楽しく技術を学びたい！」
「最新のフロントエンド技術の情報を短時間で、効率よく知りたい。」
そんな人の期待にこのチャンネルは応えます！！
ぜひチャンネル登録お願いします。
👍 チャンネル登録＆高評価よろしくお願いします！
/ @dekitatemegavenenjineer
最新の動画を見逃さないように、通知ベル 🔔 もオンにしてください。
chromatic の時に使ったコードたち↓
https://kiyobl.com/chromatic-setup/
A11y テストで使ったコードたち↓
https://kiyobl.com/basic-a11y-test/
インタラクションテストで使ったコードたち↓
https://kiyobl.com/interaction-test/
Twitter では最新のブログ記事をツイートしたり、フロントエンドライブラリの最新情報をお届けします！
/ bonjin_info
#react #nextjs #jest