Upgrade to Pro — share decks privately, control downloads, hide ads and more …

テストゼロの個人開発プロジェクトにテストを導入した話

Avatar for ryounasso ryounasso
January 11, 2024

 テストゼロの個人開発プロジェクトにテストを導入した話

Avatar for ryounasso

ryounasso

January 11, 2024
Tweet

More Decks by ryounasso

Other Decks in Programming

Transcript

  1. Storybook を使用 Storybook とは UI コンポーネントを一覧表示したり、実際の見た目や動作のプレビューが可能 また、テストツールとして使用も可能 Storybook を選んだ理由 -

    実際の UI を確認しながらテストを実装できる - test-runner で CLI や CI でテストを実行することができる - VRT も実装することができる - アクセシビリティの確認も可能 (@storybook/addon-a11y)
  2. 参考資料 - StorybookでMock Service Worker (MSW) を使えるようにする。 https://zenn.dev/rabbit/articles/dd9b04940b93fe - Run

    against non-deployed Storybooks https://storybook.js.org/docs/writing-tests/test-runner#run-a gainst-non-deployed-storybooks - Interaction tests | Storybook https://storybook.js.org/docs/writing-tests/interaction-testing