Test Web Front-end
https://testingjavascript.com/
👀
Jest.icon
Jest
⛰
Cypress
⛰
@testing-library/react
👀
vue-test-utils
⛰
Enzyme
Visual Regression Testing
👀
Storybook.icon
Storybook
👀
reg-suit.icon
reg-suit
TODO
どういう種類があって、どれが有用で、どの順番で始めていくのが良いのか
選定判断するための情報を集めておく
GitHub.icon
KiichiSugihara/design-patterns-ts: Design Patterns with TypeScript
http://w2ui.com/web/blog/14/Quality-Engineering-for-Web-UI
フロントのテスト戦略！の知見が集まるところ
メルペイフロントエンドのテスト自動化方針 | メルカリエンジニアリング
テストの種類と、プロダクトスタックの関係性図がわかりやすい
Component コンポーネント code
から関数を
Utility ユーテリティ code
にして、
Unit Testing 単体テスト
共通ライブラリは、利用されることを想定したテスト
mock data モックデータ
【書き起こし】Frontend Testing: Cypress as a Testing Platform – Wilson Lau【Merpay Tech Fest 2021】 | メルカリエンジニアリング
色々文字化されてるので、見る
https://itnext.io/front-end-testing-strategy-5fddfd463feb
https://www.smashingmagazine.com/2022/07/testable-frontend-architecture/
frontendのテストが難しい理由など