chore(deps-dev): bump the playwright group with 3 updates (#3156)

* chore(deps-dev): bump the playwright group with 3 updates

Bumps the playwright group with 3 updates: [@playwright/test](https://github.com/microsoft/playwright), [@playwright/experimental-ct-react](https://github.com/microsoft/playwright) and [@playwright/experimental-ct-vue](https://github.com/microsoft/playwright).


Updates `@playwright/test` from 1.46.1 to 1.47.0
- [Release notes](https://github.com/microsoft/playwright/releases)
- [Commits](microsoft/playwright@v1.46.1...v1.47.0)

Updates `@playwright/experimental-ct-react` from 1.46.1 to 1.47.0
- [Release notes](https://github.com/microsoft/playwright/releases)
- [Commits](microsoft/playwright@v1.46.1...v1.47.0)

Updates `@playwright/experimental-ct-vue` from 1.46.1 to 1.47.0
- [Release notes](https://github.com/microsoft/playwright/releases)
- [Commits](microsoft/playwright@v1.46.1...v1.47.0)

---
updated-dependencies:
- dependency-name: "@playwright/test"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: playwright
- dependency-name: "@playwright/experimental-ct-react"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: playwright
- dependency-name: "@playwright/experimental-ct-vue"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: playwright
...

Signed-off-by: dependabot[bot] <[email protected]>

* chore: update snapshots

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Nicolas Merget <[email protected]>

e2e/package.json

@@ -23,7 +23,7 @@
     "test:vue-showcase": "npm run test:e2e --workspace=vue-showcase"
   },
   "devDependencies": {
-    "@playwright/test": "1.46.1",
+    "@playwright/test": "1.47.0",
     "cpr": "3.0.1",
     "cross-env": "^7.0.3",
     "dotenv": "^16.0.3",

output/react/package.json

@@ -26,7 +26,7 @@
     "tsc": "tsc -p . --sourceMap false"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-react": "1.46.1",
+    "@playwright/experimental-ct-react": "1.47.0",
     "@types/react": "^18.3.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

output/vue/package.json

@@ -41,7 +41,7 @@
     "vue": "^3.5.2"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.46.1",
+    "@playwright/experimental-ct-vue": "1.47.0",
     "@vitejs/plugin-vue": "^5.1.3",
     "replace-in-file": "^8.1.0",
     "tsx": "^4.19.0",

package.json

@@ -51,7 +51,7 @@
     "@double-great/stylelint-a11y": "3.0.2",
     "@guidepup/guidepup": "0.22.3",
     "@guidepup/playwright": "^0.14.0",
-    "@playwright/test": "1.46.1",
+    "@playwright/test": "1.47.0",
     "@types/fs-extra": "^11.0.4",
     "accessibility-checker": "^3.1.75",
     "adm-zip": "0.5.16",

showcases/e2e/default.ts

@@ -57,9 +57,6 @@ export const getDefaultScreenshotTest = ({
 	preScreenShot
 }: DefaultSnapshotTestType) => {
 	test(`should match screenshot`, async ({ page }, testInfo) => {
-		const isWebkit =
-			testInfo.project.name === 'webkit' ||
-			testInfo.project.name === 'mobile_safari';
 		const showcase = process.env.showcase;
 		const diffPixel = process.env.diff;
 		const maxDiffPixelRatio = process.env.ratio;
@@ -77,10 +74,8 @@ export const getDefaultScreenshotTest = ({
 			}
 		} else if (isAngular) {
 			config.maxDiffPixels = 1000;
-		} else if (isWebkit) {
-			config.maxDiffPixels = 120;
 		} else {
-			config.maxDiffPixels = 1;
+			config.maxDiffPixels = 120;
 		}
 
 		await gotoPage(page, path, 'neutral-bg-basic-level-1', fixedHeight);

showcases/e2e/divider/divider-snapshots.spec.ts

@@ -3,5 +3,5 @@ import { test } from '@playwright/test';
 import { getDefaultScreenshotTest } from '../default.ts';
 
 test.describe('DBDivider', () => {
-	getDefaultScreenshotTest({ path: '01/divider' });
+	getDefaultScreenshotTest({ path: '01/divider', fixedHeight: 1500 });
 });