Bump Playwright (#12302)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Lukas <llukas.tyla@gmail.com>
mui · Apr 29, 2024 · 0c13646 · 0c13646
1 parent f1114f0
commit 0c13646
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 23 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -193,7 +193,7 @@ jobs:
   test_browser:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.41.2-focal
+      - image: mcr.microsoft.com/playwright:v1.43.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -226,7 +226,7 @@ jobs:
   test_e2e:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.41.2-focal
+      - image: mcr.microsoft.com/playwright:v1.43.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -239,7 +239,7 @@ jobs:
   test_e2e_website:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.41.2-focal
+      - image: mcr.microsoft.com/playwright:v1.43.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -254,7 +254,7 @@ jobs:
   test_regressions:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.41.2-focal
+      - image: mcr.microsoft.com/playwright:v1.43.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:
@@ -270,7 +270,7 @@ jobs:
   run_danger:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.41.2-focal
+      - image: mcr.microsoft.com/playwright:v1.43.1-focal
         environment:
           NODE_ENV: development # Needed if playwright is in `devDependencies`
     steps:

diff --git a/package.json b/package.json
@@ -93,7 +93,7 @@
     "@next/eslint-plugin-next": "14.0.4",
     "@octokit/plugin-retry": "^6.0.1",
     "@octokit/rest": "^20.0.2",
-    "@playwright/test": "1.41.2",
+    "@playwright/test": "1.43.1",
     "@testing-library/react": "^14.2.1",
     "@types/babel__core": "^7.20.5",
     "@types/chai": "^4.3.12",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/test/e2e/.mocharc.js b/test/e2e/.mocharc.js
@@ -2,7 +2,7 @@ module.exports = {
   extension: ['js', 'ts', 'tsx'],
   recursive: true,
   slow: 500,
-  timeout: (process.env.CIRCLECI === 'true' ? 4 : 2) * 1000, // Circle CI has low-performance CPUs.
+  timeout: (process.env.CIRCLECI === 'true' ? 5 : 2) * 1000, // Circle CI has low-performance CPUs.
   reporter: 'dot',
   require: [require.resolve('../utils/setupBabel')],
 };
diff --git a/test/e2e/index.test.ts b/test/e2e/index.test.ts
@@ -716,7 +716,10 @@ async function initializeEnvironment(
         it('should focus the first field section after clearing a value in v6 input', async () => {
           await renderFixture('DatePicker/BasicClearableDesktopDatePicker');
 
-          await page.getByRole('textbox').fill('2');
+          const textbox = page.getByRole('textbox');
+          // locator.fill('2') does not work reliably for this case in all browsers
+          await textbox.focus();
+          await textbox.press('2');
           await page.getByRole('button', { name: 'Clear value' }).click();
 
           // firefox does not support document.getSelection().toString() on input elements

diff --git a/test/package.json b/test/package.json
@@ -15,7 +15,7 @@
     "@mui/x-date-pickers": "workspace:*",
     "@mui/x-date-pickers-pro": "workspace:*",
     "@react-spring/web": "^9.7.3",
-    "@playwright/test": "1.41.2",
+    "@playwright/test": "1.43.1",
     "@types/chai": "^4.3.12",
     "@types/prop-types": "^15.7.11",
     "@types/react": "18.2.60",

diff --git a/test/regressions/.mocharc.js b/test/regressions/.mocharc.js
@@ -1,6 +1,6 @@
 module.exports = {
   recursive: true,
   slow: 500,
-  timeout: (process.env.CIRCLECI === 'true' ? 4 : 2) * 1000, // Circle CI has low-performance CPUs.
+  timeout: (process.env.CIRCLECI === 'true' ? 5 : 2) * 1000, // Circle CI has low-performance CPUs.
   require: [require.resolve('@babel/register')],
 };
diff --git a/test/regressions/index.test.js b/test/regressions/index.test.js
@@ -207,7 +207,7 @@ async function main() {
 
       return new Promise((resolve, reject) => {
         // See https://ffmpeg.org/ffmpeg-devices.html#x11grab
-        const args = `-y -f x11grab -framerate 1 -video_size 460x400 -i :99.0+90,85 -vframes 1 ${screenshotPath}`;
+        const args = `-y -f x11grab -framerate 1 -video_size 460x400 -i :99.0+90,95 -vframes 1 ${screenshotPath}`;
         const ffmpeg = childProcess.spawn('ffmpeg', args.split(' '));
 
         ffmpeg.on('close', (code) => {