freks blog

about

はじめてのCircleCI

created: 2019-02-15
updated: 2024-10-24
おすすめ記事: 出会ってよかったプログラマー本

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で、対象のリポジトリを選択、設定 > Notifications > Status Badges に貼り付けるコードがあるので、READMEに貼り付けました

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


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