🐙
[GitHub Actions] Pull Request時に自動テスト/prettier/ESLintを実行する
はじめに
この記事では、GitHub Actions で自動テスト/prettier/ESLint を実行する方法を解説します。
1. github/workflows 配下に code_check.yaml を作成する
1. github/workflows配下にcode_check.yamlを作成する
2. code_check.yaml を記述する
- 自動テスト
- prettier
- ESLint
# Actionの名前
name: Code Check
on:
# Pull Request時
pull_request:
# 対象のブランチを指定
branches: ['test_CI/CD']
jobs:
Code-Check:
runs-on: ubuntu-latest
steps:
# GitHubリポジトリのコードをチェックアウト
- uses: actions/checkout@v3
# Node.js v18をセットアップ
- name: Use Node.js v18
# npmのキャッシュを有効
# 以前にインストールしたnpmパッケージを再利用でき、ビルド時間を短縮
uses: actions/setup-node@v3
with:
node-version: 18
cache: 'npm'
# プロジェクトの依存関係をインストール
- run: npm ci
# prettierでコードのフォーマットをチェック
- run: npm run prettier-format
# ESLintでコードをチェック
- run: npm run eslint
# 自動テストの結果/カバレッジをチェック
- run: npm run test:cov test/
3. 開発ブランチに取り込み
今後の PR(Pull Request)を出されたときに GitHub Actions が実行する
YouTube のご案内
ポモドーロタイマー（25 分勉強＋ 5 分休憩）を活用した作業・勉強配信を行っています。
集中したいときや、誰かと一緒に頑張りたいときに、ぜひご活用ください。
ご興味のある方は、ぜひお気軽に遊びに来てください！
「Zenn から来ました!!」とコメントを貰えると泣いて喜びます 🤣
Discussion