feat: Added action to update the screenshots + process comment

Author: lamATnginx

.github/workflows/update-screenshot.yml

@@ -0,0 +1,62 @@
+name: Update screenshot on comment
+on:
+    pull_request:
+    # issue_comment:
+    #   types: [created]
+jobs:
+  update-screenshots:
+    name: Update Screenshot
+    # if: github.event.issue.pull_request && contains(github.event.comment.body, '/approve-snapshots')
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+        - uses: xt0rted/pull-request-comment-branch@v3
+          id: comment-branch
+        - uses: actions/checkout@v4
+          if: success()
+          with:
+            ref: ${{ steps.comment-branch.outputs.head_ref }}
+        - name: Comment on PR with Playwright updates
+          uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
+          if: ${{ failure() && env.SNAPSHOT_DIFFERENCES == 'true' }}
+          with:
+            script: |
+                const body = `### Updating snapshots. Click [here](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}) to see the status.`;
+
+                await github.rest.issues.createComment({
+                    issue_number: context.issue.number,
+                    owner: context.repo.owner,
+                    repo: context.repo.repo,
+                    body: body,
+                });
+        - name: Install dependencies
+          run: cd tests && npm ci
+        - name: Setup Hugo
+          uses: peaceiris/actions-hugo@75d2e84710de30f6ff7268e08f310b60ef14033f # v3.0.0
+          with:
+              hugo-version: "0.134.2"
+              extended: true
+        - name: Install Playwright browsers
+          run: npx playwright install --with-deps
+        - name: Run Playwright update snapshots
+          id: test-visual
+          run: make tests-update-screenshots
+        - uses: actions/upload-artifact@v4
+          id: artifact-upload
+          with:
+            name: screenshots
+            path: tests/src/__screenshots__
+        - name: Comment on PR with success
+          uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
+          with:
+            script: |
+                const body = `### Please download the artifacts [here](${{ steps.artifact-upload.outputs.artifact-url }}) and commit your updated screenshots.`;
+
+                await github.rest.issues.createComment({
+                    issue_number: context.issue.number,
+                    owner: context.repo.owner,
+                    repo: context.repo.repo,
+                    body: body,
+                });