freks blog

about

GitHub ActionsでCypressを動かしてみた

created: 2019-11-28
おすすめ記事: 出会ってよかったプログラマー本

GitHub Actions で Cypress を動かしてみました

動かすときの料金は
About billing for GitHub Actions - GitHub ヘルプ

で、public repository は free です

cypress-io/github-action: GitHub Action for running Cypress end-to-end tests がよさそうで使ってみました

View on Marketplace のボタンを押して入れておきます

View on Marketplace button

Use latest version のボタンを押して有効化します

Use latest version button

あとは使いたい GitHub の repository を表示、Actions ページを開きます

右にあるボタン Skip this: Set up a workflow yourself を押して、yml を書きました

name: End-to-end tests
on: [push]
jobs:
  cypress-run:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v1
      # Install NPM dependencies, cache them correctly
      # and run all Cypress tests
      - name: Cypress run
        uses: cypress-io/github-action@v1
          with:
            start: npm start

右の Start commit で別 PR 作るようにして見ました
push のたびに CI 動作します

で、結果を見てうまくいったのでできました

REAEME にバッチを表示するには
ワークフローを設定する - GitHub ヘルプ
を見て設定しました

設定したリポジトリは
shoji-k/nutrit なので参考にしてください

追記)
GitHub Actions で RSpec を動かしてみた | freks blog を後日やってみました


Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks