diff --git a/package-lock.json b/package-lock.json
index 634dcee50..b1b5a7c92 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
       },
       "devDependencies": {
         "@babel/preset-typescript": "^7.23.2",
-        "@playwright/test": "1.44.0-beta-1714435420000",
+        "@playwright/test": "^1.45.0-alpha-2024-05-23",
         "@types/babel__core": "^7.20.3",
         "@types/babel__helper-plugin-utils": "^7.10.2",
         "@types/babel__traverse": "^7.20.3",
@@ -857,18 +857,18 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.44.0-beta-1714435420000",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.0-beta-1714435420000.tgz",
-      "integrity": "sha512-zwhn/hNFfohqHIvhlZ8gxb6HBijPtYNjjIk0KKDEBShLmUGmyh6fEmLNoF6N2bQDzGDzKrfItbwCVcfD3D0Ubw==",
+      "version": "1.45.0-alpha-2024-05-23",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.45.0-alpha-2024-05-23.tgz",
+      "integrity": "sha512-dkb8+yqORUHyybxJvMGet39fK93s5QRtd4rxxTNwEKakkMR87OUm6nffmErjmNQ8I6DDf0PYvDeUnTeGzo1iDw==",
       "dev": true,
       "dependencies": {
-        "playwright": "1.44.0-beta-1714435420000"
+        "playwright": "1.45.0-alpha-2024-05-23"
       },
       "bin": {
         "playwright": "cli.js"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/@types/babel__core": {
@@ -3749,33 +3749,33 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.44.0-beta-1714435420000",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.0-beta-1714435420000.tgz",
-      "integrity": "sha512-WGvILU5q2DIk4kzwKFuY6xopx7vSTRiUCP4VzBJGGVI3VqAc5u4epHRULHegf5zLjlPRgAk8RYKMcpaja+953g==",
+      "version": "1.45.0-alpha-2024-05-23",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.45.0-alpha-2024-05-23.tgz",
+      "integrity": "sha512-w88IlEXZ7WjokAlnhQimxq9V6c7eiZfrO4m9QMnqZeWct5zyXrdxdQyEQrsZYrnDrIGv78uKqxVimR9EJPhNTA==",
       "dev": true,
       "dependencies": {
-        "playwright-core": "1.44.0-beta-1714435420000"
+        "playwright-core": "1.45.0-alpha-2024-05-23"
       },
       "bin": {
         "playwright": "cli.js"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       },
       "optionalDependencies": {
         "fsevents": "2.3.2"
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.44.0-beta-1714435420000",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.0-beta-1714435420000.tgz",
-      "integrity": "sha512-pu0FlCeyIY3N8hIY/UjvGE0TBtVIBa8puVbyKirwHKVW7HSGhq8ZXVI7HywZNN/FLsulHWVnNUXfIoJ18DSn4A==",
+      "version": "1.45.0-alpha-2024-05-23",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.45.0-alpha-2024-05-23.tgz",
+      "integrity": "sha512-uW/X1CeJo+rGBAVSH9NC9e66RS/ZnhhwtPSEeJAYonBBB6esFqx+z4e/tG2LcRk7D97Qsck4b2PKngEVYmKlog==",
       "dev": true,
       "bin": {
         "playwright-core": "cli.js"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/prebuild-install": {
@@ -5295,12 +5295,12 @@
       "optional": true
     },
     "@playwright/test": {
-      "version": "1.44.0-beta-1714435420000",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.0-beta-1714435420000.tgz",
-      "integrity": "sha512-zwhn/hNFfohqHIvhlZ8gxb6HBijPtYNjjIk0KKDEBShLmUGmyh6fEmLNoF6N2bQDzGDzKrfItbwCVcfD3D0Ubw==",
+      "version": "1.45.0-alpha-2024-05-23",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.45.0-alpha-2024-05-23.tgz",
+      "integrity": "sha512-dkb8+yqORUHyybxJvMGet39fK93s5QRtd4rxxTNwEKakkMR87OUm6nffmErjmNQ8I6DDf0PYvDeUnTeGzo1iDw==",
       "dev": true,
       "requires": {
-        "playwright": "1.44.0-beta-1714435420000"
+        "playwright": "1.45.0-alpha-2024-05-23"
       }
     },
     "@types/babel__core": {
@@ -7315,19 +7315,19 @@
       "dev": true
     },
     "playwright": {
-      "version": "1.44.0-beta-1714435420000",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.0-beta-1714435420000.tgz",
-      "integrity": "sha512-WGvILU5q2DIk4kzwKFuY6xopx7vSTRiUCP4VzBJGGVI3VqAc5u4epHRULHegf5zLjlPRgAk8RYKMcpaja+953g==",
+      "version": "1.45.0-alpha-2024-05-23",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.45.0-alpha-2024-05-23.tgz",
+      "integrity": "sha512-w88IlEXZ7WjokAlnhQimxq9V6c7eiZfrO4m9QMnqZeWct5zyXrdxdQyEQrsZYrnDrIGv78uKqxVimR9EJPhNTA==",
       "dev": true,
       "requires": {
         "fsevents": "2.3.2",
-        "playwright-core": "1.44.0-beta-1714435420000"
+        "playwright-core": "1.45.0-alpha-2024-05-23"
       }
     },
     "playwright-core": {
-      "version": "1.44.0-beta-1714435420000",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.0-beta-1714435420000.tgz",
-      "integrity": "sha512-pu0FlCeyIY3N8hIY/UjvGE0TBtVIBa8puVbyKirwHKVW7HSGhq8ZXVI7HywZNN/FLsulHWVnNUXfIoJ18DSn4A==",
+      "version": "1.45.0-alpha-2024-05-23",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.45.0-alpha-2024-05-23.tgz",
+      "integrity": "sha512-uW/X1CeJo+rGBAVSH9NC9e66RS/ZnhhwtPSEeJAYonBBB6esFqx+z4e/tG2LcRk7D97Qsck4b2PKngEVYmKlog==",
       "dev": true
     },
     "prebuild-install": {
diff --git a/package.json b/package.json
index 04165a34d..55245dd4a 100644
--- a/package.json
+++ b/package.json
@@ -143,7 +143,7 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.23.2",
-    "@playwright/test": "1.44.0-beta-1714435420000",
+    "@playwright/test": "^1.45.0-alpha-2024-05-23",
     "@types/babel__core": "^7.20.3",
     "@types/babel__helper-plugin-utils": "^7.10.2",
     "@types/babel__traverse": "^7.20.3",
diff --git a/tests/project-setup.spec.ts b/tests/project-setup.spec.ts
index b5493730e..19e2aeee4 100644
--- a/tests/project-setup.spec.ts
+++ b/tests/project-setup.spec.ts
@@ -67,6 +67,14 @@ test.describe(() => {
     expect(output).toContain('from-setup');
     expect(output).toContain('from-test');
     expect(output).toContain('from-teardown');
+
+    // Ensure the rendered order of the projects is correct.
+    const webView = vscode.webViews.get('pw.extension.settingsView')!;
+    await expect(webView.getByTestId('projects').locator('div').locator('label')).toHaveText([
+      'setup',
+      'test',
+      'teardown',
+    ]);
   });
 
   test('should run setup and teardown projects (2)', async ({ activate }) => {