こんにちは、 @kz_morita です。 E2E Test を Github Actions で実行する際に，VPN 内にある API Server にアクセスする必要があったのですが，Security Group に Github Actions の Public IP を追加する方法でうまく動かすことが出来たので今回はそのことについてまとめます． 背景とか Web Client 側の E2E テストを実施するにあたり，API Server に接続する必要があったのですが，開発環境の API Server は VPN 内からのみアクセスできるようになっていました． そのため，Github Actions から API Server にアクセスすることが出来ず E2E テストが失敗していました． E2E Test 時のみ アクセスすることができるように，Security Group に Github Actions の Public IP を追加する対応をしました． 実現方法 以下のような yaml で Security Group に Github Actions の Public IPを追加することができました. name:E2E Test with Cypress (Node.

こんにちは、 @kz_morita です。 Cypress を使って現在開発しているプロジェクトに，E2E Test を導入してみたらなかなか良かったので，Cypressの特徴などについてまとめていきます． Cypress とは https://www.cypress.io/ Cypress は JavaScript の E2E テストのフレームワークです． 環境の構築がとても簡単で，テストもシンプルにかけるのが特徴的です． たとえばインストールはこれだけです． $ npm install cypress テストも以下のように比較的にシンプルに書くことが出来ます． describe('Login Test', () => { it('Login', () => { // user データ を取得 cy.fixture('users').then((users) => { // localhost:3000 にアクセス cy.visit('http://localhost:3000') // ヘッダー内のログインボタンをクリック cy.get('header').contains('ログイン').click() // メールアドレスのフォームに，テストデータの メールアドレスを入力 cy.get('#email').type(users.email) // パスワードフォームに，テストデータのパスワードを入力 cy.get('#password').type(users.password) // ログインボタンをクリック cy.get('button[type="submit"]').click() // ヘッダーからログインボタンが消えていることを確認する cy.get('header').should('not.contain', 'ログイン') }) } Test Runner と Dashboard Cypress には Test Runner と Dashboard があります．