簡単、速い、テストの動画保存、Cypressは最高のe2eテストだ!!2019-06-12簡単、速い、テストの動画保存、Cypressは最高のe2eテストだ!!技術スポンサーリンクスポンサーリンクwww.cypress.ioインストールが簡単、速いe2eテスト、テストを動画で保存するなど、素晴らしいe2eテストツールのCypress!!Cypressとはどんなツールなのか?実際にインストールしてテスト書いて実行するとこまで紹介します。open)この記事のソースと実行方法Cypressとは?以下の特徴があります。・テスト用IDEがある・テストの補助(selector)があるただし、現在Chromeしか対応してないのでクロスブラウザが必須の人は他のテストツールを探してください。e2eテストは動作の保証ができればOKな人は、ぜひこのCypressをお試しください。いいテストツールですよ!!Cypressインストールコマンド1つでインストールOK!!gistd82e4148b16b802246f5c8ad532e9107後、下記のコマンドでCypressの雛形を作成してくれます。gist86b15f9fa22489ee81b63328a8d962cf作成される雛形、Cypressフォルダが作成されます。ちなみにprotractorのe2eテストがそのプロジェクトにすでにある場合、下記の削除する質問で'Y'を入力すればprotoractorのe2eテストを削除してくれます。1つサンプルから、ログイン画面を表示できるか確認するテスト。APIでテストを書くことができます。このサンプルでは'cy.visit(ログイン画面URL)'でログイン画面を表示できる事をテストします。APIは下記を参照してください(英語だけど。Documentatione2eテスト失敗まずは失敗ケースを見てみましょう。Cypressはe2eテスト実行すると、画面のスクリーンショットと動画を保存してくれるのでどこで、どのようにテストが落ちたか簡単に確認することができます。start'しないでテストするので画面が起動できず失敗するテスト。【スクリーンショット】cypress/screenshotsフォルダにスクリーンショットがテスト毎にあります。テスト失敗のスクリーンショット【動画保存】cypress/videosの下にテスト毎の動画。run)次は正常のe2eテストです。こちらは普通のe2eテストを想定してもらえればOKです。実際のテストを実行した動画です。テストランナーが起動するまで時間がかかるので起動後の動画です。openこの記事のソースと実行方法github.com下記コマンドの通り、cloneしてテスト実行できます。(60)月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。