はじめに
こんにちは!
ecbeing3年目、R&D部門所属の蓑代です。
前回や前々回には、Dockerの記事やバーコードリーダーに関する記事を書きました。
blog.ecbeing.tech
blog.ecbeing.tech
そして今回は…テスト自動化系ツールの紹介として、E2EテストツールのCypressについてまとめてみようかと!
テスト自動化…実に素晴らしい響きですよね。
R&D部門では定期的にリリースを行うSaaS系サービスが多いことから、テスト自動化の熱は非常に高かったのですが…。
機能開発やインフラ整備等々でなかなか導入できなかったのが現状でした。
そんな中、何とかローンチしたての小規模プロダクトにてCypressを使用したテスト自動化に成功しましたので。
Cypressとは何か&推しポイント紹介、そしてその導入方法、さらにはCypressを使っていった上で感じたデメリットを見ていこうかと。
(色々要素を詰め込んだ分、特盛ボリュームの記事となっております)
最後にはテスト自動化を行った所感も載せています。
プロジェクトへテスト自動化を導入するにあたり参考になれば幸いです…。
それではいきましょう!
- はじめに
- Cypressとは
- Cypressを導入してみよう
- テストコードを書いてみる
- Cypressのデメリット
- 別タブを開いた動作確認が出来ない
- SafariやIEでは使用不可
- 異なるオリジン間へのアクセスが不可能
- 記述に慣れるまでに時間がかかる
- デメリット総括
- まとめ&テスト自動化の所感
- 余談: Cypressではasync-awaitが使えない