Playwright failed test screenshots in all browsers (#999)

Author: royduin

.github/workflows/playwright.yml

@@ -134,9 +134,16 @@ jobs:
         run: yarn playwright test --shard ${{ matrix.shard }}
 
       # Screenshots
+      - name: Collect failed tests
+        if: (failure() || inputs.update_all_screenshots)
+        run: yarn playwright test --last-failed --list --pass-with-no-tests > failed-tests.txt
+
       - name: Update screenshots
         if: failure() && matrix.screenshots == true && github.event_name != 'schedule' && !(github.event_name == 'push' && (github.ref_name == 'master' || endsWith(github.ref_name, '.x')))
-        run: yarn playwright test --update-snapshots --last-failed --reporter=list
+        run: |
+          while read -r test_name; do
+            yarn playwright test "$test_name" --update-snapshots --reporter=list
+          done < <(awk -F ' › ' 'NF>1{print $2}' failed-tests.txt | sort -u)
 
       - name: Update all screenshots
         if: ${{ inputs.update_all_screenshots && matrix.screenshots == true }}

tests/playwright/checkout.spec.js

@@ -6,7 +6,7 @@ import { AccountPage } from './pages/AccountPage'
 const checkoutTypes = ['default', 'onestep']
 
 checkoutTypes.forEach((type) => {
-    test(type + '- as guest', async ({ page }) => {
+    test(type + ' - as guest', async ({ page }) => {
         const productPage = new ProductPage(page)
         const checkoutPage = new CheckoutPage(page, type)