Docker × Cypress で E2E テスト環境をつくる

Docker 上で Cypress を実行し E2E テストを行いたくて、環境構築の方法をいろいろ探ったメモ。

構成

e2e
├ cypress - integration - sample_spec.js
└ cypress.json
  docker-compose.yml
  Dockerfile

ファイル

Dockerfile

FROM cypress/base:10

RUN npm install --save-dev cypress
RUN npx cypress verify

docker-compose.yml

version: '3'

services:
  e2e:
    container_name: cypress
    build: .
    command: >
      bash -c "cd cypress &&
        npx cypress run -s cypress/integration/sample_spec.js"
    volumes:
      - ./:/cypress

cypress.json

{
    "video": false
}

実行

docker-comopse build
docker-comopse up

感想

いろいろ調べながらやってみるものの、なかなかうまいこといかず。。。
やっぱり公式サイトをちゃんと見るのは大切ですね。

• https://hub.docker.com/r/cypress/base
• https://docs.cypress.io/guides/references/configuration.html#Options