chore: prepare to publish component packages (#12697)

package-lock.json

@@ -1118,15 +1118,15 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@playwright/ct-react": {
+    "node_modules/@playwright/experimental-ct-react": {
       "resolved": "packages/playwright-ct-react",
       "link": true
     },
-    "node_modules/@playwright/ct-svelte": {
+    "node_modules/@playwright/experimental-ct-svelte": {
       "resolved": "packages/playwright-ct-svelte",
       "link": true
     },
-    "node_modules/@playwright/ct-vue": {
+    "node_modules/@playwright/experimental-ct-vue": {
       "resolved": "packages/playwright-ct-vue",
       "link": true
     },
@@ -7387,13 +7387,37 @@
       }
     },
     "packages/playwright-ct-react": {
-      "name": "@playwright/ct-react"
+      "name": "@playwright/experimental-ct-react",
+      "version": "0.0.1",
+      "license": "Apache-2.0",
+      "devDependencies": {
+        "@playwright/test": "1.21.0-next"
+      },
+      "engines": {
+        "node": ">=12"
+      }
     },
     "packages/playwright-ct-svelte": {
-      "name": "@playwright/ct-svelte"
+      "name": "@playwright/experimental-ct-svelte",
+      "version": "0.0.1",
+      "license": "Apache-2.0",
+      "devDependencies": {
+        "@playwright/test": "1.21.0-next"
+      },
+      "engines": {
+        "node": ">=12"
+      }
     },
     "packages/playwright-ct-vue": {
-      "name": "@playwright/ct-vue"
+      "name": "@playwright/experimental-ct-vue",
+      "version": "0.0.1",
+      "license": "Apache-2.0",
+      "devDependencies": {
+        "@playwright/test": "1.21.0-next"
+      },
+      "engines": {
+        "node": ">=12"
+      }
     },
     "packages/playwright-firefox": {
       "version": "1.21.0-next",
@@ -8226,14 +8250,23 @@
         "fastq": "^1.6.0"
       }
     },
-    "@playwright/ct-react": {
-      "version": "file:packages/playwright-ct-react"
+    "@playwright/experimental-ct-react": {
+      "version": "file:packages/playwright-ct-react",
+      "requires": {
+        "@playwright/test": "1.21.0-next"
+      }
     },
-    "@playwright/ct-svelte": {
-      "version": "file:packages/playwright-ct-svelte"
+    "@playwright/experimental-ct-svelte": {
+      "version": "file:packages/playwright-ct-svelte",
+      "requires": {
+        "@playwright/test": "1.21.0-next"
+      }
     },
-    "@playwright/ct-vue": {
-      "version": "file:packages/playwright-ct-vue"
+    "@playwright/experimental-ct-vue": {
+      "version": "file:packages/playwright-ct-vue",
+      "requires": {
+        "@playwright/test": "1.21.0-next"
+      }
     },
     "@playwright/test": {
       "version": "file:packages/playwright-test",

packages/html-reporter/src/chip.spec.tsx

@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { expect, test } from '@playwright/ct-react/test';
+import { expect, test } from '@playwright/experimental-ct-react/test';
 import { AutoChip, Chip } from './chip';
 
 test.use({ viewport: { width: 500, height: 500 } });

packages/html-reporter/src/headerView.spec.tsx

@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { test, expect } from '@playwright/ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react/test';
 import { HeaderView } from './headerView';
 
 test.use({ viewport: { width: 720, height: 200 } });

packages/html-reporter/src/testCaseView.spec.tsx

@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { test, expect } from '@playwright/ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react/test';
 import { TestCaseView } from './testCaseView';
 import type { TestCase, TestResult } from '../../playwright-test/src/reporters/html';
 

packages/html-reporter/tests/tests.ts

@@ -19,7 +19,7 @@ import { HeaderView } from '../src/headerView';
 import { TestCaseView } from '../src/testCaseView';
 import '../src/theme.css';
 
-import register from '@playwright/ct-react/register';
+import register from '@playwright/experimental-ct-react/register';
 
 register({
   AutoChip,

packages/playwright-ct-react/.npmignore

@@ -0,0 +1,8 @@
+**/*
+
+!README.md
+!LICENSE
+!register.d.ts
+!register.mjs
+!test.d.ts
+!test.js

packages/playwright-ct-react/README.md

@@ -0,0 +1 @@
+This package is work in progress.

packages/playwright-ct-react/package.json

@@ -1,8 +1,22 @@
 {
-    "name": "@playwright/ct-react",
+    "name": "@playwright/experimental-ct-react",
     "private": true,
+    "version": "0.0.1",
+    "description": "Playwright Component Testing for React",
+    "repository": "github:Microsoft/playwright",
+    "homepage": "https://playwright.dev",
+    "engines": {
+      "node": ">=12"
+    },
+    "author": {
+      "name": "Microsoft Corporation"
+    },
+    "license": "Apache-2.0",
     "exports": {
         "./register": "./register.mjs",
         "./test": "./test.js"
+    },
+    "devDependencies": {
+      "@playwright/test": "1.21.0-next"
     }
 }

packages/playwright-ct-react/test.js

@@ -29,6 +29,7 @@ const test = baseTest.extend({
   },
 
   page: async ({ _workerPage }, use) => {
+    await _workerPage.goto('about:blank');
     await use(_workerPage);
   },
 

packages/playwright-ct-svelte/.npmignore

@@ -0,0 +1,8 @@
+**/*
+
+!README.md
+!LICENSE
+!register.d.ts
+!register.mjs
+!test.d.ts
+!test.js

packages/playwright-ct-svelte/README.md

@@ -0,0 +1 @@
+This package is work in progress.

packages/playwright-ct-svelte/package.json

@@ -1,8 +1,22 @@
 {
-    "name": "@playwright/ct-svelte",
+    "name": "@playwright/experimental-ct-svelte",
     "private": true,
+    "version": "0.0.1",
+    "description": "Playwright Component Testing for Svelte",
+    "repository": "github:Microsoft/playwright",
+    "homepage": "https://playwright.dev",
+    "engines": {
+      "node": ">=12"
+    },
+    "author": {
+      "name": "Microsoft Corporation"
+    },
+    "license": "Apache-2.0",
     "exports": {
         "./register": "./register.mjs",
         "./test": "./test.js"
+    },
+    "devDependencies": {
+      "@playwright/test": "1.21.0-next"
     }
 }

packages/playwright-ct-svelte/test.js

@@ -29,6 +29,7 @@ const test = baseTest.extend({
   },
 
   page: async ({ _workerPage }, use) => {
+    await _workerPage.goto('about:blank');
     await use(_workerPage);
   },
 

packages/playwright-ct-vue/.npmignore

@@ -0,0 +1,8 @@
+**/*
+
+!README.md
+!LICENSE
+!register.d.ts
+!register.mjs
+!test.d.ts
+!test.js

packages/playwright-ct-vue/README.md

@@ -0,0 +1 @@
+This package is work in progress.

packages/playwright-ct-vue/package.json

@@ -1,8 +1,22 @@
 {
-    "name": "@playwright/ct-vue",
+    "name": "@playwright/experimental-ct-vue",
     "private": true,
+    "version": "0.0.1",
+    "description": "Playwright Component Testing for Svelte",
+    "repository": "github:Microsoft/playwright",
+    "homepage": "https://playwright.dev",
+    "engines": {
+      "node": ">=12"
+    },
+    "author": {
+      "name": "Microsoft Corporation"
+    },
+    "license": "Apache-2.0",
     "exports": {
         "./register": "./register.mjs",
         "./test": "./test.js"
+    },
+    "devDependencies": {
+      "@playwright/test": "1.21.0-next"
     }
 }

packages/playwright-ct-vue/test.js

@@ -29,6 +29,7 @@ const test = baseTest.extend({
   },
 
   page: async ({ _workerPage }, use) => {
+    await _workerPage.goto('about:blank');
     await use(_workerPage);
   },
 

tests-components/ct-react-vite/package.json

@@ -17,5 +17,9 @@
     "@vitejs/plugin-react": "^1.0.7",
     "typescript": "^4.5.4",
     "vite": "^2.8.0"
+  },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-react": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
   }
 }

tests-components/ct-react-vite/src/App.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react/test';
 import App from './App';
 
 test.use({ viewport: { width: 500, height: 500 } });

tests-components/ct-react-vite/src/tests.ts

@@ -1,4 +1,4 @@
-import register from '@playwright/ct-react/register';
+import register from '@playwright/experimental-ct-react/register';
 import App from './App';
 
 register({ App });

tests-components/ct-react/package.json

@@ -15,6 +15,10 @@
     "react-scripts": "5.0.0",
     "typescript": "^4.6.2"
   },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-react": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",

tests-components/ct-react/src/App.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/ct-react/test';
+import { test, expect } from '@playwright/experimental-ct-react/test';
 import App from './App';
 
 test.use({ viewport: { width: 500, height: 500 } });

tests-components/ct-react/src/index-tests.tsx

@@ -1,4 +1,4 @@
-import register from '@playwright/ct-react/register';
+import register from '@playwright/experimental-ct-react/register';
 import App from './App';
 
 register({ App });

tests-components/ct-svelte-kit/package.json

@@ -13,5 +13,9 @@
     "@sveltejs/kit": "next",
     "svelte": "^3.44.0"
   },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-svelte": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
+  },
   "type": "module"
 }

tests-components/ct-svelte-kit/src/lib/Counter.spec.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { test, expect } from '@playwright/ct-svelte/test';
+import { test, expect } from '@playwright/experimental-ct-svelte/test';
 import Counter from './Counter.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });

tests-components/ct-svelte-kit/src/routes/tests/index.svelte

@@ -1,7 +1,7 @@
 <script>
 import { onMount } from 'svelte';
 import Counter from '../../lib/Counter.svelte';
-import register from '@playwright/ct-svelte/register';
+import register from '@playwright/experimental-ct-svelte/register';
 
 onMount(async () => {
   register({

tests-components/ct-svelte-vite/package.json

@@ -18,5 +18,9 @@
     "tslib": "^2.3.1",
     "typescript": "^4.5.4",
     "vite": "^2.8.0"
+  },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-svelte": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
   }
 }

tests-components/ct-svelte-vite/src/lib/Counter.spec.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { test, expect } from '@playwright/ct-svelte/test';
+import { test, expect } from '@playwright/experimental-ct-svelte/test';
 import Counter from './Counter.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });

tests-components/ct-svelte-vite/src/tests.ts

@@ -1,4 +1,4 @@
-import register from '@playwright/ct-svelte/register';
+import register from '@playwright/experimental-ct-svelte/register';
 import App from './App.svelte';
 import ContactCard from './lib/ContactCard.svelte';
 import Counter from './lib/Counter.svelte';

tests-components/ct-svelte/package.json

@@ -17,6 +17,10 @@
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.0.0"
   },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-svelte": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
+  },
   "dependencies": {
     "sirv-cli": "^2.0.0"
   }

tests-components/ct-svelte/src/App.spec.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { test, expect } from '@playwright/ct-svelte/test';
+import { test, expect } from '@playwright/experimental-ct-svelte/test';
 import App from './App.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });

tests-components/ct-svelte/src/tests.js

@@ -1,4 +1,4 @@
-import register from '@playwright/ct-svelte/register';
+import register from '@playwright/experimental-ct-svelte/register';
 import App from './App.svelte';
 
 register({ App });

tests-components/ct-vue-cli/package.json

@@ -20,6 +20,10 @@
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3"
   },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-vue": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
+  },
   "eslintConfig": {
     "root": true,
     "env": {

tests-components/ct-vue-cli/src/notation-jsx.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue/test'
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'
 import NamedSlots from './components/NamedSlots.vue'

tests-components/ct-vue-cli/src/notation-vue.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue/test'
 
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'

tests-components/ct-vue-cli/src/tests.js

@@ -1,5 +1,5 @@
 import { createApp, setDevtoolsHook, h } from 'vue'
-import register from '@playwright/ct-vue/register'
+import register from '@playwright/experimental-ct-vue/register'
 
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'

tests-components/ct-vue-vite/package.json

@@ -12,5 +12,9 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.2.2",
     "vite": "^2.8.4"
+  },
+  "@standaloneDevDependencies": {
+    "@playwright/experimental-ct-vue": "0.0.1",
+    "@playwright/test": "1.21.0-alpha-mar-12-2022"
   }
 }

tests-components/ct-vue-vite/src/notation-jsx.spec.tsx

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue/test'
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'
 import NamedSlots from './components/NamedSlots.vue'

tests-components/ct-vue-vite/src/notation-vue.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/ct-vue/test'
+import { test, expect } from '@playwright/experimental-ct-vue/test'
 
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'

tests-components/ct-vue-vite/src/tests.js

@@ -1,4 +1,4 @@
-import register from '@playwright/ct-vue/register'
+import register from '@playwright/experimental-ct-vue/register'
 
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'

utils/workspace.js

@@ -22,8 +22,6 @@
  */
 const fs = require('fs');
 const path = require('path');
-const util = require('util');
-const url = require('url');
 
 const readJSON = async (filePath) => JSON.parse(await fs.promises.readFile(filePath, 'utf8'));
 const writeJSON = async (filePath, json) => {
@@ -172,19 +170,19 @@ const workspace = new Workspace(ROOT_PATH, [
     files: [],
   }),
   new PWPackage({
-    name: '@playwright/ct-react',
+    name: '@playwright/experimental-ct-react',
     path: path.join(ROOT_PATH, 'packages', 'playwright-ct-react'),
-    files: [],
+    files: ['LICENSE'],
   }),
   new PWPackage({
-    name: '@playwright/ct-svelte',
+    name: '@playwright/experimental-ct-svelte',
     path: path.join(ROOT_PATH, 'packages', 'playwright-ct-svelte'),
-    files: [],
+    files: ['LICENSE'],
   }),
   new PWPackage({
-    name: '@playwright/ct-vue',
+    name: '@playwright/experimental-ct-vue',
     path: path.join(ROOT_PATH, 'packages', 'playwright-ct-vue'),
-    files: [],
+    files: ['LICENSE'],
   }),
 ]);