Add update-snapshot VScode task (#6377)

Author: langermank

.vscode/tasks.json

@@ -41,6 +41,26 @@
       },
       "problemMatcher": []
     },
+    {
+      "label": "Update e2e snapshots (specific file)",
+      "command": "bash",
+      "type": "shell",
+      "args": [
+        "-c",
+        "COMPONENT=\"${input:componentName}\"; if [[ \"$COMPONENT\" == *.test.ts ]]; then TEST_FILE=\"$COMPONENT\"; else TEST_FILE=\"e2e/components/$COMPONENT.test.ts\"; fi; if ! docker --version >/dev/null 2>&1; then echo \"Docker is required for this script to run. Install Docker Desktop from https://www.docker.com/products/docker-desktop/\"; exit 1; elif ! docker info >/dev/null 2>&1; then echo \"Docker installed but not running. Starting Docker Desktop...\"; open -a Docker && echo \"Waiting for Docker to start...\" && while ! docker info >/dev/null 2>&1; do sleep 2; done && echo \"Docker is now running\"; fi; ./script/test-e2e \"$TEST_FILE --update-snapshots\""
+      ],
+      "group": "test",
+      "presentation": {
+        "echo": true,
+        "reveal": "always",
+        "focus": false,
+        "panel": "new"
+      },
+      "options": {
+        "cwd": "${workspaceFolder}"
+      },
+      "problemMatcher": []
+    },
   ],
   "inputs": [
     {

e2e/components/IconButton.test.ts

@@ -81,9 +81,9 @@ test.describe('IconButton', () => {
             }
 
             // Default state
-            await expect(page).toHaveScreenshot(`IconButton.${story.title}.${theme}.png`, {
-              animations: 'disabled',
-            })
+            expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
+              `IconButton.${story.title}.${theme}.png`,
+            )
           })
         })
       }