こんにちはかみむらです。 SPAの登場で状態管理が複雑化するに連れて、よりフロントエンドのテストが重要になってきました。 しかし、なかなか導入できていないところが多いのではないでしょうか。その中でもE2Eテストは工数の兼ね合い、優先的にテストできない工程ですよね。 そこで、今回は導入コストが低いCypressで、フロントエンド(React)のE2Eテストについてご紹介します。 Cypressとは? Cypressはブラウザでのテスト作業を自動化するテストフレームワークです。オープンソースできています。 これまでのE2EテストはSeleniumが主流でしたが、最近はCypressも勢いを増しています。 また、Cypress DashboardというSaaSもあるので、これらをうまく組み合わせることでチームでのテスト効率をあげることに繋がります。 今回はCypressを使ってフロントエンド(R
![Cypressで始めるReactのE2Eテスト-導入から実際にテストを書いてみよう!](https://cdn-ak-scissors.b.st-hatena.com/image/square/0cdef9bcea52266e7e117d12041c7c4689420872/height=288;version=1;width=512/https%3A%2F%2Fimages.blog.microcms.io%2Fassets%2Ff5d83e38f9374219900ef1b0cc4d85cd%2Fe4fdba16500ec6c452bcae6642a5a8a5%2Fcypress-react-e2e-thumb.png)