test(ct): react17 coverage (#22297)

tests/components/ct-react17/package.json

@@ -3,19 +3,19 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "react": "^18.2.0",
+    "react": "^17.0.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "^17.0.1",
     "react-router-dom": "^6.6.1"
   },
   "devDependencies": {
     "@types/node": "^16.11.26",
-    "@types/react": "^18.0.26",
+    "@types/react": "^17.0.39",
-    "@types/react-dom": "^18.0.10",
+    "@types/react-dom": "^17.0.11",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.1",
     "typescript": "^4.6.2"
   },
   "@standaloneDevDependencies": {
-    "@playwright/experimental-ct-react": "^1.2.2",
+    "@playwright/experimental-ct-react17": "^1.2.2",
     "@playwright/test": "^1.22.2"
   },
   "scripts": {

tests/components/ct-react17/playwright.config.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { defineConfig, devices } from '@playwright/experimental-ct-react';
+import { defineConfig, devices } from '@playwright/experimental-ct-react17';
 import { resolve } from 'path';
 
 export default defineConfig({

tests/components/ct-react17/playwright/index.tsx

@@ -1,4 +1,4 @@
-import { beforeMount, afterMount } from '@playwright/experimental-ct-react/hooks';
+import { beforeMount, afterMount } from '@playwright/experimental-ct-react17/hooks';
 import { BrowserRouter } from 'react-router-dom';
 import '../src/assets/index.css';
 

tests/components/ct-react17/tests/callbacks.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Button from '@/components/Button';
 import DefaultChildren from '@/components/DefaultChildren';
 

tests/components/ct-react17/tests/children.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Button from '@/components/Button';
 import DefaultChildren from '@/components/DefaultChildren';
 import MultipleChildren from '@/components/MultipleChildren';

tests/components/ct-react17/tests/react-router.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import App from '@/App';
 import type { HooksConfig } from '../playwright';
 

tests/components/ct-react17/tests/render.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Fetch from '@/components/Fetch';
 import DelayedData from '@/components/DelayedData';
 import Button from '@/components/Button';

tests/components/ct-react17/tests/unmount.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Button from '@/components/Button';
 import MultiRoot from '@/components/MultiRoot';
 

tests/components/ct-react17/tests/update.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Counter from '@/components/Counter';
 
 test('update props without remounting', async ({ mount }) => {