chore: Added comment to PR

Author: lamATnginx

.github/workflows/playwright.yml

@@ -28,19 +28,40 @@ jobs:
             run: npx playwright install --with-deps
           - name: Run Playwright tests
             id: test-visual
-            run: make tests
+            run: |
+              make tests
+              if grep -q -e "Error: A snapshot doesn't exist at" -e "Screenshot comparison failed" output.log; then
+                echo "Playwright tests failed due to a snapshot issue."
+                echo "SNAPSHOT_DIFFERENCES=true" >> $GITHUB_ENV
+                exit 1
+              elif grep -q "failed" output.log; then
+                echo "Playwright tests failed due to a non-snapshot issue."
+                exit 1
+              fi
           - uses: actions/upload-artifact@v4
+            id: artifact-upload
             if: ${{ !cancelled() && failure() && steps.test-visual.conclusion == 'failure' }}
             with:
               name: playwright-report
               path: tests/playwright-report/
               retention-days: 3
-          - uses: actions/upload-artifact@v4
-            if:  ${{ !cancelled() && failure() && steps.test-visual.conclusion == 'failure' }}
+          - name: Comment on PR with Playwright report
+            uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
+            if: ${{ failure() && env.SNAPSHOT_DIFFERENCES == 'true' }}
             with:
-              name: test-results
-              path: tests/test-results/
-              retention-days: 3
+              script: |
+                const body = `### <span aria-hidden="true">❌</span> Playwright visual snapshot differences were detected.
+                
+                View the [Playwright report](${{ steps.artifact-upload.outputs.artifact-url }}) 
+                **To approve the snapshot changes and update the snapshots, please comment:** /approve-snapshots`;
+
+                await github.rest.issues.createComment({
+                  issue_number: context.issue.number,
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  body: body,
+                });
+
           # - name: Update the screenshots based on Ubuntu env on GH
           #   id: test-visual-update
           #   if: ${{ failure() && steps.test-visual.conclusion == 'failure' }}