実務に直接適用するフロントエンドテスト - パート2。テスト深化：視覚的回帰・E2Eテスト

こんにちは！
講義がリリースされ、ここ数ヶ月間、vitest、storybook、cypressのバージョンアップデートがありました。

実際に設定や作成方法が大幅に変更された部分がなく、すばやくアップデートはさせませんでしたが、設定に役立つようにアップデートしておきました。

大幅に変更された内容はstorybook-addon-react-router-v6依存をstorybook-addon-remix-react-routerに変更されており、大きく変わった内容はありませんのでご参考ください。

残りのライブラリ依存の変化には以下の内容があります。

• node: 19 -> 20

• vitest: 0 -> 2

• storybook: 7 -> 8

• cypress: 12 -> 13

• アクションバージョンの更新

latestブランチで確認できますので参考にしてください！

• https://github.com/practical-fe-testing/test-example-shopping-mall/tree/latest

さらに時間が経つにつれてRQのアップデートやプロジェクト構造の部分も改善が必要な場合は、testブランチにアップロードしてから再度挨拶するようにします。

では、楽しいお祝いになってお休みください。ありがとうございます！