BlogCypressはWebアプリ開発のお供として、現在非常によく使われているテスティングフレームワークかと思います。Consoleでサポートされたことによって、E2Eテストを含めたCI/CD環境がサクッと構築できるようになりました。使ってみました!Cypressを使ってログイン操作のE2Eを試してみます。試すためのWebアプリを用意するAmplify自体の説明は省きます。以下のコマンドでVueアプリを作ります。amplify-vue-cypress次にVueアプリにAmplifyをインストールします。Pluginを使うように設定します。以下のように書き換え、ログイン画面およびログイン後の画面を表示できるようにします。60px;}</style>ローカルで起動してみましょう。serve以下のようなログイン画面が立ち上がり、実際にサインアップ・サインインができるようになります。次にCypressをインストールします。open以下の画面が表示されればインストール成功です。次にログインできることをテストする、新しいSpecを作ります。ローカルで起動するURLを設定します。Cypressを開き、テストを実行してみます。以下のようになればテスト成功です。Consoleを開きます。https://ap-northeast-1.console.aws.amazon.com/amplify/home?region=ap-northeast-1新規プロジェクトを作成します。今回はGitHubを選択。対象のリポジトリ、ブランチを選択します。framework」に「Cypress」と表示されていることが確認できます。Consoleがソースコードを読み取り、いい感じに自動設定してくれているということです。相変わらず超絶便利です。settingsは以下のように設定されます。なるため、変更が必要です。cypress/report/mochawesome.json作成を完了すると、数分後にCI/CDが完了します。タブが追加されています。**テストの動画(mp4ファイル)がダウンロードでき、実際のE2Eテストの様子が動画で確認できます。以降はリポジトリにPushするだけで、自動実行されます。ConsoleとCypressが組み合わさることによって、かなり強力になりました。WebアプリのホスティングからE2Eテストまでの環境が秒で構築できます。7,006,101主に自分自身、ブログ、子ども、ポケモンを育てています。アウトプット」となるよう、自分の得た情報により多くの付加価値を添えて発信することを心がけて生きております。ブログの記事の中の1バイトでも、どこかの誰かの為になれば幸いです。リモート】クラスメソッドの会社説明会を開催しますクラスメソッドでは、AWS・AI・ビッグデータ・モバイルなどの技術職や営業のメンバーとして一緒にお仕事をする仲間を大募集しています。#cmdevio新型コロナウイルスの感染拡大を受け、本イベントを延期させていただくことになりました(開催時期未定)。お申し込みいただいた皆様には大変申し訳ございませんが、何卒ご理解いただけますようよろしくお願いいたします。AWSについてライトに色んな情報交換をしましょう。カフェ店長のオカノです。今日はオフィスに用があるので、通勤ラッシュを避けて出社しました。この子は新メンバーのさめくんです。在宅勤務が推奨されているのでオフィスが閑散としており、すこしさみしそうです。使いたいときの注意点を書きました。本が出ていたので読んでみたところよかったので紹介させていただきます。