vue-testing-libraryで始める大規模Webアプリケーション開発のテスト戦略 by Yuji Yamaguchi

Vue Fes Japan 2019
フルセッション(40分)

vue-testing-libraryで始める大規模Webアプリケーション開発のテスト戦略

YuG1224 Yuji Yamaguchi YuG1224
3

管理画面のような複雑なバリデーション機能などをフロントエンドで実現しなければならない時、そのテストはどのように実施するでしょうか?
私達はこれまで、単体テストはもちろん、E2Eテストや画像回帰テストなどを実施してきました。
しかし、プロジェクト内での認識齟齬が原因で「なぜもっと前の工程で問題を見つけられなかったのか?」と思うことが何度もありました。

この課題に対して、私達は「The Testing Trophy」を意識したテスト戦略を整理し「vue-testing-library」を導入した結果、フロントエンド開発の品質向上に貢献することができました。
セッションでは、具体的にこれらのツールをどのように開発フローに装着し、開発プロセスを改善していったのかをお話できればと思います。

  • The Testing Trophy と Waterfall model
  • Testing Library による Integration Test