diff --git a/package-lock.json b/package-lock.json index 01f7ea85c2..756ddc77c1 100644 --- a/package-lock.json +++ b/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", diff --git a/packages/html-reporter/src/chip.spec.tsx b/packages/html-reporter/src/chip.spec.tsx index acfeb8fdea..75289fbc9e 100644 --- a/packages/html-reporter/src/chip.spec.tsx +++ b/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 } }); diff --git a/packages/html-reporter/src/headerView.spec.tsx b/packages/html-reporter/src/headerView.spec.tsx index b13a176b98..c7ca10ffdc 100644 --- a/packages/html-reporter/src/headerView.spec.tsx +++ b/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 } }); diff --git a/packages/html-reporter/src/testCaseView.spec.tsx b/packages/html-reporter/src/testCaseView.spec.tsx index 8037bd97ec..e0cc6466a0 100644 --- a/packages/html-reporter/src/testCaseView.spec.tsx +++ b/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'; diff --git a/packages/html-reporter/tests/tests.ts b/packages/html-reporter/tests/tests.ts index 398944f7ce..366fdcba3c 100644 --- a/packages/html-reporter/tests/tests.ts +++ b/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, diff --git a/packages/playwright-ct-react/.npmignore b/packages/playwright-ct-react/.npmignore new file mode 100644 index 0000000000..7912652ad2 --- /dev/null +++ b/packages/playwright-ct-react/.npmignore @@ -0,0 +1,8 @@ +**/* + +!README.md +!LICENSE +!register.d.ts +!register.mjs +!test.d.ts +!test.js diff --git a/packages/playwright-ct-react/README.md b/packages/playwright-ct-react/README.md new file mode 100644 index 0000000000..25dcbecf3e --- /dev/null +++ b/packages/playwright-ct-react/README.md @@ -0,0 +1 @@ +This package is work in progress. \ No newline at end of file diff --git a/packages/playwright-ct-react/package.json b/packages/playwright-ct-react/package.json index 72c2374ef0..12f866b671 100644 --- a/packages/playwright-ct-react/package.json +++ b/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" } } diff --git a/packages/playwright-ct-react/test.js b/packages/playwright-ct-react/test.js index 94c6c35e34..6b0647b1db 100644 --- a/packages/playwright-ct-react/test.js +++ b/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); }, diff --git a/packages/playwright-ct-svelte/.npmignore b/packages/playwright-ct-svelte/.npmignore new file mode 100644 index 0000000000..7912652ad2 --- /dev/null +++ b/packages/playwright-ct-svelte/.npmignore @@ -0,0 +1,8 @@ +**/* + +!README.md +!LICENSE +!register.d.ts +!register.mjs +!test.d.ts +!test.js diff --git a/packages/playwright-ct-svelte/README.md b/packages/playwright-ct-svelte/README.md new file mode 100644 index 0000000000..25dcbecf3e --- /dev/null +++ b/packages/playwright-ct-svelte/README.md @@ -0,0 +1 @@ +This package is work in progress. \ No newline at end of file diff --git a/packages/playwright-ct-svelte/package.json b/packages/playwright-ct-svelte/package.json index 767e64f197..30084975c3 100644 --- a/packages/playwright-ct-svelte/package.json +++ b/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" } } diff --git a/packages/playwright-ct-svelte/test.js b/packages/playwright-ct-svelte/test.js index 94c6c35e34..6b0647b1db 100644 --- a/packages/playwright-ct-svelte/test.js +++ b/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); }, diff --git a/packages/playwright-ct-vue/.npmignore b/packages/playwright-ct-vue/.npmignore new file mode 100644 index 0000000000..7912652ad2 --- /dev/null +++ b/packages/playwright-ct-vue/.npmignore @@ -0,0 +1,8 @@ +**/* + +!README.md +!LICENSE +!register.d.ts +!register.mjs +!test.d.ts +!test.js diff --git a/packages/playwright-ct-vue/README.md b/packages/playwright-ct-vue/README.md new file mode 100644 index 0000000000..25dcbecf3e --- /dev/null +++ b/packages/playwright-ct-vue/README.md @@ -0,0 +1 @@ +This package is work in progress. \ No newline at end of file diff --git a/packages/playwright-ct-vue/package.json b/packages/playwright-ct-vue/package.json index 34b7c12bb6..294abfb3a2 100644 --- a/packages/playwright-ct-vue/package.json +++ b/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" } } diff --git a/packages/playwright-ct-vue/test.js b/packages/playwright-ct-vue/test.js index 94c6c35e34..6b0647b1db 100644 --- a/packages/playwright-ct-vue/test.js +++ b/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); }, diff --git a/tests-components/ct-react-vite/package.json b/tests-components/ct-react-vite/package.json index 277b09d07d..6741c3197c 100644 --- a/tests-components/ct-react-vite/package.json +++ b/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" } } \ No newline at end of file diff --git a/tests-components/ct-react-vite/src/App.spec.tsx b/tests-components/ct-react-vite/src/App.spec.tsx index 95813f0871..ecdebd4b24 100644 --- a/tests-components/ct-react-vite/src/App.spec.tsx +++ b/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 } }); diff --git a/tests-components/ct-react-vite/src/tests.ts b/tests-components/ct-react-vite/src/tests.ts index 5502b8615b..82b7757ad5 100644 --- a/tests-components/ct-react-vite/src/tests.ts +++ b/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 }); diff --git a/tests-components/ct-react/package.json b/tests-components/ct-react/package.json index 55417dd153..4714a83443 100644 --- a/tests-components/ct-react/package.json +++ b/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", diff --git a/tests-components/ct-react/src/App.spec.tsx b/tests-components/ct-react/src/App.spec.tsx index c120bbc763..9ad8db27c8 100644 --- a/tests-components/ct-react/src/App.spec.tsx +++ b/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 } }); diff --git a/tests-components/ct-react/src/index-tests.tsx b/tests-components/ct-react/src/index-tests.tsx index 5502b8615b..82b7757ad5 100644 --- a/tests-components/ct-react/src/index-tests.tsx +++ b/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 }); diff --git a/tests-components/ct-svelte-kit/package.json b/tests-components/ct-svelte-kit/package.json index 654581739f..67b9962700 100644 --- a/tests-components/ct-svelte-kit/package.json +++ b/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" } \ No newline at end of file diff --git a/tests-components/ct-svelte-kit/src/lib/Counter.spec.ts b/tests-components/ct-svelte-kit/src/lib/Counter.spec.ts index 8e34ab3dd8..f3536f9684 100644 --- a/tests-components/ct-svelte-kit/src/lib/Counter.spec.ts +++ b/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 } }); diff --git a/tests-components/ct-svelte-kit/src/routes/tests/index.svelte b/tests-components/ct-svelte-kit/src/routes/tests/index.svelte index c386a21a76..965bb3305e 100644 --- a/tests-components/ct-svelte-kit/src/routes/tests/index.svelte +++ b/tests-components/ct-svelte-kit/src/routes/tests/index.svelte @@ -1,7 +1,7 @@