Visual Regression TestをCIで実行するのハンズオンを追加

.github/workflows/upload_expected_image.yaml

@@ -17,13 +17,13 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Validate Gradle Wrapper
-        uses: gradle/wrapper-validation-action@v1
+        uses: gradle/wrapper-validation-action@v2
 
       - name: Set up JDK 17
-        uses: actions/setup-java@v3
+        uses: actions/setup-java@v4
         with:
           distribution: 'zulu'
           java-version: 17
@@ -42,5 +42,5 @@ jobs:
       # Upload screenshots to GitHub Actions Artifacts
       - uses: actions/upload-artifact@v4
         with:
-          name: screenshots
+          name: expected_screenshots
           path: screenshots/*

.github/workflows/visual_regression.yaml

@@ -0,0 +1,41 @@
+name: Visual Regression
+
+on: pull_request
+
+concurrency:
+  group: build-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  visual-regression:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Validate Gradle Wrapper
+        uses: gradle/wrapper-validation-action@v2
+
+      - name: Set up JDK 17
+        uses: actions/setup-java@v4
+        with:
+          distribution: 'zulu'
+          java-version: 17
+
+      - name: Setup Gradle
+        uses: gradle/actions/setup-gradle@v3
+
+      - name: Setup Android SDK
+        uses: android-actions/setup-android@v3
+
+      # 期待値画像をbaseブランチのArtifactからダウンロードする
+
+
+      # 現在のブランチでスクリーンショット画像を取得する
+
+
+      # reg-suitのインストールと実行
+
+
+      # 結果をArtifactsにアップロード

.gitignore

@@ -46,3 +46,5 @@ captures/
 
 # node.js
 /node_modules/
+
+screenshots/

app/build.gradle.kts

@@ -167,4 +167,4 @@ configurations.configureEach {
 
 roborazzi {
     outputDir.set(rootProject.file("screenshots"))
-}
+}

docs/handson/UILayerTest.md

@@ -62,5 +62,5 @@ UIテストには、コード変更前後の画面スクリーンショットを
     - [ComposeのNavigationをテストする](./UIElementTest_Navigation.md)
 - Jetpack Composeの画面スクリーンショットを使ってVisual Regression Testを実現する
     - [Composeのプレビュー画面でVisual Regression Testを行う](./VisualRegressionTest_Preview.md)
-    - Visual Regression TestをCIで運用する
+    - [Visual Regression TestをCIで実行する](./VisualRegressionTest_CI.md)
     - プレビューでは確認できないComposeの画面のスクリーンショットを撮る