freks blog

はじめてのCircleCI

CircleCIを使ってみたくて、このブログのリポジトリに入れてみました

前回の記事 CUI環境にCypressを導入してみた | freks blog でCypressでテスト書いたのでこれを動かしてみます

CircleCIを入れてみる

CircleCIにアクセスしてアカウントを用意、GitHubと連携させます
リポジトリがずらっと並ぶので、このブログのリポジトリを選択

CircleCI用の設定ファイルをリポジトリに入れるのですが、設定ファイルは

Hello World - CircleCI

を見ると

$ vim .circleci/config.yml  

に書くようです

Continuous Integration | Cypress Documentationcypress-example-kitchensink/circle.yml at master · cypress-io/cypress-example-kitchensink
のCypressのドキュメントを参照するとCircleCI OrbsでCypress用を使うようでした
サンプルだとよくわからないし、うまく動かなかったので CircleCI Orb Registry - cypress-io/cypress を見て、設定ファイルを用意

このcommitをリポジトリに入れました
add circleci yml · shoji-k/freks-blog@5db2acb

git push するとCircleCIでCypressのテストが実行されるようになりました

GitHubのREADMEにバッチが出したかったので、 CircleCIで、対象のリポジトリを選択、設定 > Notificatoins > Status Badges に貼り付けるコードがあるので、READMEに貼り付けました

一旦動いたのでまた、詳しくなろうと思います