fix: Added to pipeline to update snapshot

Author: lamATnginx

.github/workflows/playwright.yml

@@ -12,7 +12,7 @@ on:
 jobs:
     playwright:
         name: Run Playwright
-        runs-on: macos-latest
+        runs-on: ubuntu-latest
         steps: 
           # Checkout the repository so the workflow has access to the code
           - name: Checkout code
@@ -27,16 +27,28 @@ jobs:
           - name: Install Playwright browsers
             run: npx playwright install --with-deps
           - name: Run Playwright tests
+            id: test-visual
             run: make tests
           - uses: actions/upload-artifact@v4
-            if: ${{ !cancelled() }}
+            if: !cancelled() && failure() && steps.test-visual.conclusion == 'failure'
             with:
               name: playwright-report
               path: tests/playwright-report/
-              retention-days: 30
+              retention-days: 3
           - uses: actions/upload-artifact@v4
-            if: ${{ !cancelled() }}
+            if: !cancelled() && failure() && steps.test-visual.conclusion == 'failure'
             with:
               name: test-results
               path: tests/test-results/
-              retention-days: 30
+              retention-days: 3
+          - name: Update the screenshots based on Ubuntu env on GH
+            id: test-visual-update
+            if: failure() && steps.test-visual.conclusion == 'failure'
+            run: make tests-update-screenshots
+          - name: Upload updated Playwright screenshots
+            uses: actions/upload-artifact@v4
+            if: failure() && steps.test-visual-update.conclusion == 'success'
+            with:
+                name: playwright-screenshots-updated
+                path: tests/src/__screenshots__/**/*.png
+                retention-days: 3

Makefile

@@ -6,16 +6,17 @@ WRITE_FLAG := --write
 list help::
 	$(info Available Make targets:)
 	@echo "<COMMON>"
-	@echo "		list | help:  		Print these available make targets"
+	@echo "				 list | help:  		Print these available make targets"
 	@echo "<LINTING AND FORMATTING>"
-	@echo "		biome-format: 		Runs the biome formatter."
-	@echo "		  biome-lint: 		Runs the biome linter."
-	@echo "		   biome-all:		Runs both the lint and formatting commands."
+	@echo "				biome-format: 		Runs the biome formatter."
+	@echo "				  biome-lint: 		Runs the biome linter."
+	@echo "		   		   biome-all:		Runs both the lint and formatting commands."
 	@echo "  (Set BIOME_ARGS to add additional arguments to biome command (ex: make biome-all BIOME_ARGS=write))"
 	@echo "<PRE-COMMIT>"
-	@echo "	setup-pre-commit: 		Sets up pre-commit (assuming it is installed)"
+	@echo "			    setup-pre-commit:		Sets up pre-commit (assuming it is installed)"
 	@echo "<PLAYWRIGHT TESTS>"
-	@echo "		     	test: 		Runs playwright against the old theme."
+	@echo "		     			test: 		Runs playwright against the old theme."
+	@echo "		    tests-update-screenshots:		Runs playwright against the old theme."
 
 .PHONY: biome-format biome-lint biome-all setup-pre-commit tests
 FLAG :=
@@ -41,4 +42,6 @@ setup-pre-commit:
 	fi
 
 tests:
-	cd tests && npx playwright test
+	cd tests && npx playwright test
+tests-update-screenshots:
+	cd tests && npx playwright test --update-snapshots