diff --git a/.github/workflows/package_create_playwright.yml b/.github/workflows/package_create_playwright.yml deleted file mode 100644 index e3c134a1a6..0000000000 --- a/.github/workflows/package_create_playwright.yml +++ /dev/null @@ -1,31 +0,0 @@ -name: create-playwright CI -on: - push: - branches: [ master ] - paths: - - 'packages/create-playwright/**/*' - - '.github/workflows/package_create_playwright.yml' - pull_request: - branches: [ master ] - paths: - - 'packages/create-playwright/**/*' - - '.github/workflows/package_create_playwright.yml' -jobs: - build: - runs-on: ubuntu-latest - strategy: - fail-fast: false - matrix: - node-version: [12.x, 14.x, 16.x] - steps: - - uses: actions/checkout@v2 - - name: Use Node.js ${{ matrix.node-version }} - uses: actions/setup-node@v2 - with: - node-version: ${{ matrix.node-version }} - cache: 'npm' - - run: npm i -g npm@8 - - run: npm ci - - run: npm run build - - run: npm run test - working-directory: packages/create-playwright/ diff --git a/package-lock.json b/package-lock.json index d9d92a5d6a..ba78c54e1f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -39,7 +39,6 @@ "@types/yazl": "^2.4.2", "@typescript-eslint/eslint-plugin": "^5.4.0", "@typescript-eslint/parser": "^5.4.0", - "@vercel/ncc": "^0.31.1", "@zip.js/zip.js": "^2.3.17", "ansi-to-html": "^0.7.1", "babel-loader": "^8.2.2", @@ -1657,15 +1656,6 @@ "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@vercel/ncc": { - "version": "0.31.1", - "resolved": "https://registry.npmjs.org/@vercel/ncc/-/ncc-0.31.1.tgz", - "integrity": "sha512-g0FAxwdViI6UzsiVz5HssIHqjcPa1EHL6h+2dcJD893SoCJaGdqqgUF09xnMW6goWnnhbLvgiKlgJWrJa+7qYA==", - "dev": true, - "bin": { - "ncc": "dist/ncc/cli.js" - } - }, "node_modules/@webassemblyjs/ast": { "version": "1.11.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz", @@ -2965,10 +2955,6 @@ "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", "dev": true }, - "node_modules/create-playwright": { - "resolved": "packages/create-playwright", - "link": true - }, "node_modules/cross-env": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz", @@ -8950,16 +8936,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "packages/create-playwright": { - "version": "1.18.0-next", - "license": "Apache-2.0", - "bin": { - "create-playwright": "index.js" - }, - "engines": { - "node": ">=12" - } - }, "packages/playwright": { "version": "1.18.0-next", "hasInstallScript": true, @@ -10358,12 +10334,6 @@ "eslint-visitor-keys": "^3.0.0" } }, - "@vercel/ncc": { - "version": "0.31.1", - "resolved": "https://registry.npmjs.org/@vercel/ncc/-/ncc-0.31.1.tgz", - "integrity": "sha512-g0FAxwdViI6UzsiVz5HssIHqjcPa1EHL6h+2dcJD893SoCJaGdqqgUF09xnMW6goWnnhbLvgiKlgJWrJa+7qYA==", - "dev": true - }, "@webassemblyjs/ast": { "version": "1.11.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz", @@ -11407,9 +11377,6 @@ "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", "dev": true }, - "create-playwright": { - "version": "file:packages/create-playwright" - }, "cross-env": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz", diff --git a/package.json b/package.json index bef59db591..89d0eafb5d 100644 --- a/package.json +++ b/package.json @@ -69,7 +69,6 @@ "@types/yazl": "^2.4.2", "@typescript-eslint/eslint-plugin": "^5.4.0", "@typescript-eslint/parser": "^5.4.0", - "@vercel/ncc": "^0.31.1", "@zip.js/zip.js": "^2.3.17", "ansi-to-html": "^0.7.1", "babel-loader": "^8.2.2", diff --git a/packages/create-playwright/.gitignore b/packages/create-playwright/.gitignore deleted file mode 100644 index a010bafeff..0000000000 --- a/packages/create-playwright/.gitignore +++ /dev/null @@ -1,4 +0,0 @@ -node_modules/ -yarn-error.log -lib/ -test-results/ diff --git a/packages/create-playwright/.npmignore b/packages/create-playwright/.npmignore deleted file mode 100644 index 74580322cc..0000000000 --- a/packages/create-playwright/.npmignore +++ /dev/null @@ -1,9 +0,0 @@ -# This ignores everything by default, except for package.json and LICENSE and README.md. -# See https://docs.npmjs.com/misc/developers -**/* - -!/lib/**/* -!index.js - -!/assets/**/* -/assets/.eslintrc.js diff --git a/packages/create-playwright/README.md b/packages/create-playwright/README.md deleted file mode 100644 index 5df8d54ae4..0000000000 --- a/packages/create-playwright/README.md +++ /dev/null @@ -1,12 +0,0 @@ -# Create Playwright - -> Getting started with Playwright with a single command - -[![npm](https://img.shields.io/npm/v/create-playwright)](https://www.npmjs.com/package/create-playwright) -[![create-playwright CI](https://github.com/microsoft/playwright/actions/workflows/package_create_playwright.yml/badge.svg)](https://github.com/microsoft/playwright/actions/workflows/package_create_playwright.yml) - -```bash -npm init playwright -# Or for Yarn -yarn create playwright -``` diff --git a/packages/create-playwright/assets/.eslintrc.js b/packages/create-playwright/assets/.eslintrc.js deleted file mode 100644 index 0c5d0c2b11..0000000000 --- a/packages/create-playwright/assets/.eslintrc.js +++ /dev/null @@ -1,7 +0,0 @@ -// Example files here do not need the copyright notice. -module.exports = { - 'extends': '../../../.eslintrc.js', - 'rules': { - 'notice/notice': 0 - } -}; diff --git a/packages/create-playwright/assets/example.spec.js b/packages/create-playwright/assets/example.spec.js deleted file mode 100644 index c55b77307c..0000000000 --- a/packages/create-playwright/assets/example.spec.js +++ /dev/null @@ -1,8 +0,0 @@ -// @ts-check -const { test, expect } = require('@playwright/test'); - -test('basic test', async ({ page }) => { - await page.goto('https://playwright.dev/'); - await page.locator('text=Get started').click(); - await expect(page).toHaveTitle(/Getting started/); -}); diff --git a/packages/create-playwright/assets/example.spec.ts b/packages/create-playwright/assets/example.spec.ts deleted file mode 100644 index 5381600b9d..0000000000 --- a/packages/create-playwright/assets/example.spec.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { test, expect } from '@playwright/test'; - -test('basic test', async ({ page }) => { - await page.goto('https://playwright.dev/'); - await page.locator('text=Get started').click(); - await expect(page).toHaveTitle(/Getting started/); -}); diff --git a/packages/create-playwright/assets/examples/1-getting-started.spec.ts b/packages/create-playwright/assets/examples/1-getting-started.spec.ts deleted file mode 100644 index 0b484685c8..0000000000 --- a/packages/create-playwright/assets/examples/1-getting-started.spec.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { test, expect } from '@playwright/test'; - -/** - * Inside every test you get a new isolated page instance. - * @see https://playwright.dev/docs/intro - * @see https://playwright.dev/docs/api/class-page - */ -test('basic test', async ({ page }) => { - await page.goto('https://todomvc.com/examples/vanilla-es6/'); - - const inputBox = page.locator('input.new-todo'); - const todoList = page.locator('.todo-list'); - - await inputBox.fill('Learn Playwright'); - await inputBox.press('Enter'); - await expect(todoList).toHaveText('Learn Playwright'); -}); diff --git a/packages/create-playwright/assets/examples/2-actions.spec.ts b/packages/create-playwright/assets/examples/2-actions.spec.ts deleted file mode 100644 index 18634ff0df..0000000000 --- a/packages/create-playwright/assets/examples/2-actions.spec.ts +++ /dev/null @@ -1,54 +0,0 @@ -import { test, expect } from '@playwright/test'; - -test.beforeEach(async ({ page }) => { - await page.goto('https://todomvc.com/examples/vanilla-es6/'); -}); - -/** - * Locators are used to represent a selector on a page and re-use them. They have - * strictMode enabled by default. This option will throw an error if the selector - * will resolve to multiple elements. - * In this example we create a todo item, assert that it exists and then filter - * by the completed items to ensure that the item is not visible anymore. - * @see https://playwright.dev/docs/api/class-locator - */ -test('basic interaction', async ({ page }) => { - const inputBox = page.locator('input.new-todo'); - const todoList = page.locator('.todo-list'); - - await inputBox.fill('Learn Playwright'); - await inputBox.press('Enter'); - await expect(todoList).toHaveText('Learn Playwright'); - await page.locator('.filters >> text=Completed').click(); - await expect(todoList).not.toHaveText('Learn Playwright'); -}); - -/** - * Playwright supports different selector engines which you can combine with '>>'. - * @see https://playwright.dev/docs/selectors - */ -test('element selectors', async ({ page }) => { - // When no selector engine is specified, Playwright will use the css selector engine. - await page.type('.header input', 'Learn Playwright'); - // So the selector above is the same as the following: - await page.press('css=.header input', 'Enter'); - - // select by text with the text selector engine: - await page.click('text=All'); - - // css allows you to select by attribute: - await page.click('[id="toggle-all"]'); - - // Combine css and text selectors (https://playwright.dev/docs/selectors/#text-selector) - await page.click('.todo-list > li:has-text("Playwright")'); - await page.click('.todoapp .footer >> text=Completed'); - - // Selecting based on layout, with css selector - expect(await page.innerText('a:right-of(:text("Active"))')).toBe('Completed'); - - // Only visible elements, with css selector - await page.click('text=Completed >> visible=true'); - - // XPath selector - await page.click('xpath=//html/body/section/section/label'); -}); diff --git a/packages/create-playwright/assets/examples/3-assertions.spec.ts b/packages/create-playwright/assets/examples/3-assertions.spec.ts deleted file mode 100644 index 044fd3e89f..0000000000 --- a/packages/create-playwright/assets/examples/3-assertions.spec.ts +++ /dev/null @@ -1,51 +0,0 @@ -import { test, expect } from '@playwright/test'; - -test.beforeEach(async ({ page }) => { - await page.goto('https://todomvc.com/examples/vanilla-es6/'); -}); - -/** - * All available test assertions are listed here: - * @see https://playwright.dev/docs/test-assertions/ - */ -test('should be able to use assertions', async ({ page }) => { - await test.step('toHaveTitle/toHaveURL', async () => { - await expect(page).toHaveTitle('Vanilla ES6 • TodoMVC'); - await expect(page).toHaveURL('https://todomvc.com/examples/vanilla-es6/'); - }); - - await test.step('toBeEmpty/toHaveValue', async () => { - const input = page.locator('input.new-todo'); - await expect(input).toBeEmpty(); - await input.fill('Buy milk'); - await expect(input).toHaveValue('Buy milk'); - await input.press('Enter'); - }); - - await test.step('toHaveCount/toHaveText/toContainText', async () => { - const items = page.locator('.todo-list li'); - await expect(items).toHaveCount(1); - await expect(items.first()).toHaveText('Buy milk'); - await expect(items).toHaveText(['Buy milk']); - await expect(items.first()).toContainText('milk'); - }); - - await test.step('toBeChecked', async () => { - const firstItemCheckbox = page.locator('input[type=checkbox]:left-of(:text("Buy milk"))'); - await expect(firstItemCheckbox).not.toBeChecked(); - await firstItemCheckbox.check(); - await expect(firstItemCheckbox).toBeChecked(); - }); - - await test.step('toBeVisible/toBeHidden', async () => { - await expect(page.locator('text=Buy milk')).toBeVisible(); - await page.click('text=Active'); - await expect(page.locator('text=Buy milk')).toBeHidden(); - }); - - await test.step('toHaveClass/toHaveCSS', async () => { - await expect(page.locator('[placeholder="What needs to be done?"]')).toHaveClass('new-todo'); - await page.click('text=Clear completed'); - await expect(page.locator('.main')).toHaveCSS('display', 'none'); - }); -}); diff --git a/packages/create-playwright/assets/examples/4-file-uploads.spec.ts b/packages/create-playwright/assets/examples/4-file-uploads.spec.ts deleted file mode 100644 index eda467a5bf..0000000000 --- a/packages/create-playwright/assets/examples/4-file-uploads.spec.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { test, expect } from '@playwright/test'; - -const fileToUpload = __filename; // '__filename' is the current test file. - -/** - * In this test we wait for an file chooser to appear while we click on an - * input. Once the event was emitted we set the file and submit the form. - * @see https://playwright.dev/docs/api/class-filechooser - */ -test('should be able to upload files', async ({ page, context }) => { - await page.goto('/file-uploads.html'); - const [fileChooser] = await Promise.all([ - page.waitForEvent('filechooser'), - page.click('input') - ]); - await fileChooser.setFiles(fileToUpload); - await page.click('input[type=submit]'); - await expect(page.locator('text=4-file-uploads.spec.ts')).toBeVisible(); -}); diff --git a/packages/create-playwright/assets/examples/5-networking.spec.ts b/packages/create-playwright/assets/examples/5-networking.spec.ts deleted file mode 100644 index e6402943c8..0000000000 --- a/packages/create-playwright/assets/examples/5-networking.spec.ts +++ /dev/null @@ -1,41 +0,0 @@ -import { test, expect } from '@playwright/test'; - -/** - * This test clicks on an element with the text 'Load user' and waits for a - * specific HTTP response. This response contains a JSON body where we assert - * some properties. - */ -test('should be able to read a response body', async ({ page }) => { - await page.goto('/network.html'); - const [response] = await Promise.all([ - page.waitForResponse('/api/v1/users.json'), - page.click('text=Load user') - ]); - await expect(page.locator('#user-full-name')).toContainText('John Doe'); - const responseBody = await response.json(); - expect(responseBody.id).toBe(1); - expect(responseBody.fullName).toBe('John Doe'); -}); - -test.describe('mocked responses', () => { - /** - * Before every test set the request interception handler and fulfill the - * requests with a mocked response. See here: - * @see https://playwright.dev/docs/network#handle-requests - */ - test.beforeEach(async ({ context }) => { - await context.route('/api/v1/users.json', route => route.fulfill({ - body: JSON.stringify({ - 'id': 2, - 'fullName': 'James Bond' - }), - contentType: 'application/json' - })); - }); - - test('be able to mock responses', async ({ page }) => { - await page.goto('/network.html'); - await page.click('text=Load user'); - await expect(page.locator('p')).toHaveText('User: James Bond'); - }); -}); diff --git a/packages/create-playwright/assets/examples/README.md b/packages/create-playwright/assets/examples/README.md deleted file mode 100644 index ad807c663d..0000000000 --- a/packages/create-playwright/assets/examples/README.md +++ /dev/null @@ -1,8 +0,0 @@ -# Playwright examples - -This directory contains examples for Playwright. Run them with the following command: - -```sh -npm run test:e2e-examples -yarn test:e2e-examples -``` diff --git a/packages/create-playwright/assets/examples/playwright.config.ts b/packages/create-playwright/assets/examples/playwright.config.ts deleted file mode 100644 index 021eeb313d..0000000000 --- a/packages/create-playwright/assets/examples/playwright.config.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { PlaywrightTestConfig } from '@playwright/test'; - -// Reference: https://playwright.dev/docs/test-configuration -const config: PlaywrightTestConfig = { - // Run your local dev server before starting the tests: - // https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests - webServer: { - command: 'node ./server', - port: 4345, - cwd: __dirname, - }, -}; -export default config; diff --git a/packages/create-playwright/assets/examples/pom/fixtures.ts b/packages/create-playwright/assets/examples/pom/fixtures.ts deleted file mode 100644 index 1cd939586c..0000000000 --- a/packages/create-playwright/assets/examples/pom/fixtures.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { test as base } from '@playwright/test'; -import { TodoPage } from './todoPage.pom'; - -/** - * This adds a todoPage fixture which has access to the page instance - * @see https://playwright.dev/docs/test-fixtures - */ -export const test = base.extend<{ todoPage: TodoPage }>({ - todoPage: async ({ page }, use) => { - await use(new TodoPage(page)); - }, -}); - -export const expect = test.expect; diff --git a/packages/create-playwright/assets/examples/pom/pom-with-fixtures.spec.ts b/packages/create-playwright/assets/examples/pom/pom-with-fixtures.spec.ts deleted file mode 100644 index a0445ccf13..0000000000 --- a/packages/create-playwright/assets/examples/pom/pom-with-fixtures.spec.ts +++ /dev/null @@ -1,63 +0,0 @@ -import { test, expect } from './fixtures'; - -/** - * Fixtures are used here to create a TodoApp instance for every test. These are - * defined inside the 'fixtures.ts' file. This will reduce the amount of - * boilerplate created for each test and makes it more reusable. - * @see https://playwright.dev/docs/test-fixtures - */ -test.beforeEach(async ({ todoPage }) => { - await todoPage.goto(); -}); - -test('should display zero initial items', async ({ todoPage }) => { - await expect(todoPage.listItems).toHaveCount(0); -}); - -test('should be able to add new items', async ({ todoPage }) => { - await todoPage.addItem('Example #1'); - await todoPage.addItem('Example #2'); - await expect(todoPage.listItems).toHaveText(['Example #1', 'Example #2']); -}); - -test('should be able to mark items as completed', async ({ todoPage }) => { - await todoPage.addItem('Example #1'); - const firstListItem = todoPage.listItems.first(); - await expect(firstListItem).not.toHaveClass('completed'); - await firstListItem.locator('.toggle').check(); - await expect(firstListItem).toHaveClass('completed'); -}); - -test('should still show the items after a page reload', async ({ page, todoPage }) => { - await todoPage.addItem('Example #1'); - await expect(todoPage.listItems).toHaveText(['Example #1']); - await page.reload(); - await expect(todoPage.listItems).toHaveText(['Example #1']); -}); - -test('should be able to filter by uncompleted items', async ({ todoPage }) => { - await todoPage.addItem('Example #1'); - await todoPage.addItem('Example #2'); - await todoPage.addItem('Example #3'); - await todoPage.listItems.last().locator('.toggle').check(); - await todoPage.filterByActiveItemsButton.click(); - await expect(todoPage.listItems).toHaveCount(2); - await expect(todoPage.listItems).toHaveText(['Example #1', 'Example #2']); -}); - -test('should be able to filter by completed items', async ({ todoPage }) => { - await todoPage.addItem('Example #1'); - await todoPage.addItem('Example #2'); - await todoPage.addItem('Example #3'); - await todoPage.listItems.last().locator('.toggle').check(); - await todoPage.filterByCompletedItemsButton.click(); - await expect(todoPage.listItems).toHaveText(['Example #3']); -}); - -test('should be able to delete completed items', async ({ todoPage }) => { - await todoPage.addItem('Example #1'); - await todoPage.listItems.last().locator('.toggle').check(); - await expect(todoPage.listItems).toHaveText(['Example #1']); - await todoPage.listItems.first().locator('button.destroy').click(); - await expect(todoPage.listItems).toHaveText([]); -}); diff --git a/packages/create-playwright/assets/examples/pom/pom.spec.ts b/packages/create-playwright/assets/examples/pom/pom.spec.ts deleted file mode 100644 index 1051ba4e91..0000000000 --- a/packages/create-playwright/assets/examples/pom/pom.spec.ts +++ /dev/null @@ -1,69 +0,0 @@ -import { test, expect } from '@playwright/test'; -import { TodoPage } from './todoPage.pom'; - -test.describe('ToDo App', () => { - test('should display zero initial items', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await expect(todoPage.listItems).toHaveCount(0); - }); - - test('should be able to add new items', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await todoPage.addItem('Example #1'); - await todoPage.addItem('Example #2'); - await expect(todoPage.listItems).toHaveText(['Example #1', 'Example #2']); - }); - - test('should be able to mark items as completed', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await todoPage.addItem('Example #1'); - const firstListItem = todoPage.listItems.first(); - await expect(firstListItem).not.toHaveClass('completed'); - await firstListItem.locator('.toggle').check(); - await expect(firstListItem).toHaveClass('completed'); - }); - - test('should still show the items after a page reload', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await todoPage.addItem('Example #1'); - await expect(todoPage.listItems).toHaveText(['Example #1']); - await page.reload(); - await expect(todoPage.listItems).toHaveText(['Example #1']); - }); - - test('should be able to filter by uncompleted items', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await todoPage.addItem('Example #1'); - await todoPage.addItem('Example #2'); - await todoPage.addItem('Example #3'); - await todoPage.listItems.last().locator('.toggle').check(); - await todoPage.filterByActiveItemsButton.click(); - await expect(todoPage.listItems).toHaveText(['Example #1', 'Example #2']); - }); - - test('should be able to filter by completed items', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await todoPage.addItem('Example #1'); - await todoPage.addItem('Example #2'); - await todoPage.addItem('Example #3'); - await todoPage.listItems.last().locator('.toggle').check(); - await todoPage.filterByCompletedItemsButton.click(); - await expect(todoPage.listItems).toHaveText(['Example #3']); - }); - - test('should be able to delete completed items', async ({ page }) => { - const todoPage = new TodoPage(page); - await todoPage.goto(); - await todoPage.addItem('Example #1'); - await todoPage.listItems.last().locator('.toggle').check(); - await expect(todoPage.listItems).toHaveText(['Example #1']); - await todoPage.listItems.first().locator('button.destroy').click(); - await expect(todoPage.listItems).toHaveText([]); - }); -}); diff --git a/packages/create-playwright/assets/examples/pom/todoPage.pom.ts b/packages/create-playwright/assets/examples/pom/todoPage.pom.ts deleted file mode 100644 index efafc68089..0000000000 --- a/packages/create-playwright/assets/examples/pom/todoPage.pom.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { Page } from '@playwright/test'; - -/** - * This is a Page Object Model (POM) class for the application's Todo page. It - * provides locators and common operations that make writing tests easier. - * @see https://playwright.dev/docs/test-pom - */ -export class TodoPage { - /** - * Locators are used to reflect a element on the page with a selector. - * @see https://playwright.dev/docs/api/class-locator - */ - listItems = this.page.locator('.todo-list li'); - inputBox = this.page.locator('input.new-todo'); - filterByActiveItemsButton = this.page.locator('.filters >> text=Active'); - filterByCompletedItemsButton = this.page.locator('.filters >> text=Completed'); - - constructor(public readonly page: Page) { } - - async addItem(text: string) { - await this.inputBox.fill(text); - await this.inputBox.press('Enter'); - } - - async goto() { - await this.page.goto('https://todomvc.com/examples/vanilla-es6/'); - } -} diff --git a/packages/create-playwright/assets/examples/server/assets/api/v1/users.json b/packages/create-playwright/assets/examples/server/assets/api/v1/users.json deleted file mode 100644 index dfdc0555fc..0000000000 --- a/packages/create-playwright/assets/examples/server/assets/api/v1/users.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "id": 1, - "fullName": "John Doe" -} diff --git a/packages/create-playwright/assets/examples/server/assets/file-uploads.html b/packages/create-playwright/assets/examples/server/assets/file-uploads.html deleted file mode 100644 index aa1381d74c..0000000000 --- a/packages/create-playwright/assets/examples/server/assets/file-uploads.html +++ /dev/null @@ -1,6 +0,0 @@ - - -
- - -
diff --git a/packages/create-playwright/assets/examples/server/assets/header.html b/packages/create-playwright/assets/examples/server/assets/header.html deleted file mode 100644 index d048993693..0000000000 --- a/packages/create-playwright/assets/examples/server/assets/header.html +++ /dev/null @@ -1,23 +0,0 @@ - - - - - -

- Playwright 🎭 Examples -

- -

- Run them by executing: -

- 
-        # NPM
-        npm run test:e2e-examples
-        # Yarn
-        yarn test:e2e-examples
-
- \ No newline at end of file diff --git a/packages/create-playwright/assets/examples/server/assets/index.html b/packages/create-playwright/assets/examples/server/assets/index.html deleted file mode 100644 index b324d99987..0000000000 --- a/packages/create-playwright/assets/examples/server/assets/index.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/create-playwright/assets/examples/server/assets/network.html b/packages/create-playwright/assets/examples/server/assets/network.html deleted file mode 100644 index 86c0626dbb..0000000000 --- a/packages/create-playwright/assets/examples/server/assets/network.html +++ /dev/null @@ -1,17 +0,0 @@ - - - -

- User: - -

- - diff --git a/packages/create-playwright/assets/examples/server/index.js b/packages/create-playwright/assets/examples/server/index.js deleted file mode 100644 index a0e5072278..0000000000 --- a/packages/create-playwright/assets/examples/server/index.js +++ /dev/null @@ -1,73 +0,0 @@ -// @ts-check -const path = require('path'); -const http = require('http'); -const fs = require('fs'); - -const port = 4345; - -class Server { - constructor() { - this._server = http.createServer(this._handle.bind(this)); - } - /** - * - * @param {import('http').IncomingMessage} req - * @param {import('http').ServerResponse} res - */ - _handle(req, res) { - switch (req.url) { - case '/api/v1/file-upload': - const chunks = []; - req.on('data', chunk => chunks.push(chunk)); - req.on('end', () => { - const lines = Buffer.concat(chunks).toString().split('\n'); - for (let i = 0; i < lines.length; i++) { - if (lines[i].trim() === '') { - res.end(lines.slice(0, i - 1).join('\n')) - return; - } - } - }) - break; - - default: - const localFilePath = path.join(__dirname, 'assets', req.url === '/' ? 'index.html' : req.url); - function shouldServe() { - try { - const result = fs.statSync(localFilePath) - if (result.isDirectory()) - return false; - return true - } catch (error) { - return false; - } - } - if (!shouldServe()) { - res.writeHead(404); - res.end('Not found'); - return; - } - const extension2ContentType = { - '.html': 'text/html', - '.json': 'application/json', - } - const contentType = extension2ContentType[path.extname(localFilePath)]; - if (contentType) - res.setHeader('Content-Type', contentType); - const content = fs.readFileSync(localFilePath); - res.end(content); - break; - } - } - /** - * @param {number} port - */ - async listen(port) { - await new Promise(resolve => this._server.listen(port, () => resolve)); - } -} - -(async () => { - console.log(`Listening on http://127.0.0.1:${port}`); - await new Server().listen(port); -})() diff --git a/packages/create-playwright/assets/github-actions.yml b/packages/create-playwright/assets/github-actions.yml deleted file mode 100644 index 5ed2765367..0000000000 --- a/packages/create-playwright/assets/github-actions.yml +++ /dev/null @@ -1,26 +0,0 @@ -name: Playwright Tests -on: - push: - branches: [ main, master ] - pull_request: - branches: [ main, master ] -jobs: - test: - timeout-minutes: 60 - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v2 - - uses: actions/setup-node@v2 - with: - node-version: '14.x' - - name: Install dependencies - run: {{installDepsCommand}} - - name: Install Playwright - run: npx playwright install --with-deps - - name: Run Playwright tests - run: {{runTestsCommand}} - - uses: actions/upload-artifact@v2 - if: always() - with: - name: playwright-test-results - path: test-results/ diff --git a/packages/create-playwright/assets/playwright.config.js b/packages/create-playwright/assets/playwright.config.js deleted file mode 100644 index 52a15183e4..0000000000 --- a/packages/create-playwright/assets/playwright.config.js +++ /dev/null @@ -1,75 +0,0 @@ -// @ts-check -const { devices } = require('@playwright/test'); -const path = require('path'); - -/** - * @see https://playwright.dev/docs/test-configuration - * @type {import('@playwright/test').PlaywrightTestConfig} - */ -const config = { - testDir: path.join(__dirname, '{{testDir}}'), /* Test directory */ - forbidOnly: !!process.env.CI, /* Whether to exit with an error if any tests or groups are marked as test.only() or test.describe.only(). Useful on CI. */ - retries: process.env.CI ? 2 : 0, /* If a test fails on CI, retry it additional 2 times */ - // timeout: 30 * 1000, /* Timeout per test */ - // outputDir: 'test-results/', /* Artifacts folder where screenshots, videos, and traces are stored. */ - - // webServer: { /* Run your local dev server before starting the tests: */ - // command: 'npm run start', /* https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests */ - // port: 3000, - // }, - - use: { - trace: 'on-first-retry', /* Retry a test if its failing with enabled tracing. This allows you to analyse the DOM, console logs, network traffic etc. */ - // contextOptions: { /* All available context options: https://playwright.dev/docs/api/class-browser#browser-new-context */ - // ignoreHTTPSErrors: true, - // }, - }, - - projects: [ - { - name: 'chromium', - use: { - ...devices['Desktop Chrome'], - }, - }, - { - name: 'firefox', - use: { - ...devices['Desktop Firefox'], - }, - }, - { - name: 'webkit', - use: { - ...devices['Desktop Safari'], - }, - }, - /* Test against mobile viewports. */ - // { - // name: 'Mobile Chrome', - // use: { - // ...devices['Pixel 5'], - // }, - // }, - // { - // name: 'Mobile Safari', - // use: { - // ...devices['iPhone 12'], - // }, - // }, - /* Test against stable browsers. */ - // { - // name: 'Microsoft Edge', - // use: { - // channel: 'msedge', - // }, - // }, - // { - // name: 'Google Chrome', - // use: { - // channel: 'chrome', - // }, - // }, - ], -}; -module.exports = config; diff --git a/packages/create-playwright/assets/playwright.config.ts b/packages/create-playwright/assets/playwright.config.ts deleted file mode 100644 index 6d0d0d4496..0000000000 --- a/packages/create-playwright/assets/playwright.config.ts +++ /dev/null @@ -1,71 +0,0 @@ -import { PlaywrightTestConfig, devices } from '@playwright/test'; -import path from 'path'; - -// Reference: https://playwright.dev/docs/test-configuration -const config: PlaywrightTestConfig = { - testDir: path.join(__dirname, '{{testDir}}'), /* Test directory */ - forbidOnly: !!process.env.CI, /* Whether to exit with an error if any tests or groups are marked as test.only() or test.describe.only(). Useful on CI. */ - retries: process.env.CI ? 2 : 0, /* If a test fails on CI, retry it additional 2 times */ - // timeout: 30 * 1000, /* Timeout per test */ - // outputDir: 'test-results/', /* Artifacts folder where screenshots, videos, and traces are stored. */ - - // webServer: { /* Run your local dev server before starting the tests: */ - // command: 'npm run start', /* https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests */ - // port: 3000, - // }, - - use: { - trace: 'on-first-retry', /* Retry a test if its failing with enabled tracing (analyse the DOM, console logs, network traffic): https://playwright.dev/docs/trace-viewer */ - // contextOptions: { /* All available context options: https://playwright.dev/docs/api/class-browser#browser-new-context */ - // ignoreHTTPSErrors: true, - // }, - }, - - projects: [ - { - name: 'chromium', - use: { - ...devices['Desktop Chrome'], - }, - }, - { - name: 'firefox', - use: { - ...devices['Desktop Firefox'], - }, - }, - { - name: 'webkit', - use: { - ...devices['Desktop Safari'], - }, - }, - /* Test against mobile viewports. */ - // { - // name: 'Mobile Chrome', - // use: { - // ...devices['Pixel 5'], - // }, - // }, - // { - // name: 'Mobile Safari', - // use: { - // ...devices['iPhone 12'], - // }, - // }, - /* Test against stable browsers. */ - // { - // name: 'Microsoft Edge', - // use: { - // channel: 'msedge', - // }, - // }, - // { - // name: 'Google Chrome', - // use: { - // channel: 'chrome', - // }, - // }, - ], -}; -export default config; diff --git a/packages/create-playwright/index.js b/packages/create-playwright/index.js deleted file mode 100755 index cc47c58cfd..0000000000 --- a/packages/create-playwright/index.js +++ /dev/null @@ -1,2 +0,0 @@ -#!/usr/bin/env node -require('./lib/index') diff --git a/packages/create-playwright/package.json b/packages/create-playwright/package.json deleted file mode 100644 index d700f7b57b..0000000000 --- a/packages/create-playwright/package.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "name": "create-playwright", - "version": "1.18.0-next", - "description": "Getting started with writing end-to-end tests with Playwright.", - "repository": "github:Microsoft/playwright", - "homepage": "https://playwright.dev", - "author": { - "name": "Microsoft Corporation" - }, - "engines": { - "node": ">=12" - }, - "main": "index.js", - "bin": { - "create-playwright": "./index.js" - }, - "license": "Apache-2.0", - "scripts": { - "test": "npx playwright test" - } -} diff --git a/packages/create-playwright/playwright.config.ts b/packages/create-playwright/playwright.config.ts deleted file mode 100644 index 7b6f9d56c0..0000000000 --- a/packages/create-playwright/playwright.config.ts +++ /dev/null @@ -1,24 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -import { PlaywrightTestConfig } from '@playwright/test'; -import path from 'path'; - -const config: PlaywrightTestConfig = { - timeout: 120 * 1000, - testDir: path.join(__dirname, 'tests'), -}; - -export default config; \ No newline at end of file diff --git a/packages/create-playwright/src/cli.ts b/packages/create-playwright/src/cli.ts deleted file mode 100644 index 35ea11ee0e..0000000000 --- a/packages/create-playwright/src/cli.ts +++ /dev/null @@ -1,27 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import path from 'path'; -import { Generator } from './generator'; - -(async () => { - const rootDir = path.resolve(process.cwd(), process.argv[2] || ''); - const generator = new Generator(rootDir); - await generator.run(); -})().catch(error => { - console.error(error); - process.exit(1); -}); diff --git a/packages/create-playwright/src/generator.ts b/packages/create-playwright/src/generator.ts deleted file mode 100644 index 55a6d61843..0000000000 --- a/packages/create-playwright/src/generator.ts +++ /dev/null @@ -1,222 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -import path from 'path'; -import fs from 'fs'; - -import { prompt } from 'enquirer'; -import colors from 'ansi-colors'; - -import { executeCommands, createFiles, determinePackageManager, executeTemplate, Command, languagetoFileExtension, readDirRecursively } from './utils'; - -export type PromptOptions = { - testDir: string, - installGitHubActions: boolean, - language: 'JavaScript' | 'TypeScript' - addExamples: boolean, - installPlaywrightDependencies: boolean, -}; - -const assetsDir = path.join(__dirname, '..', 'assets'); -const PACKAGE_JSON_TEST_SCRIPT_CMD = 'test:e2e'; - -export class Generator { - packageManager: 'npm' | 'yarn'; - constructor(private readonly rootDir: string) { - if (!fs.existsSync(rootDir)) - fs.mkdirSync(rootDir); - this.packageManager = determinePackageManager(this.rootDir); - } - - async run() { - this._printIntro(); - const answers = await this._askQuestions(); - const { files, commands } = await this._identifyChanges(answers); - executeCommands(this.rootDir, commands); - await createFiles(this.rootDir, files); - this._patchGitIgnore(); - await this._patchPackageJSON(answers); - this._printOutro(answers); - } - - private _printIntro() { - console.log(colors.yellow(`Getting started with writing ${colors.bold('end-to-end')} tests with ${colors.bold('Playwright')}:`)); - console.log(`Initializing project in '${path.relative(process.cwd(), this.rootDir) || '.'}'`); - } - - private async _askQuestions() { - if (process.env.TEST_OPTIONS) - return JSON.parse(process.env.TEST_OPTIONS); - return await prompt([ - { - type: 'select', - name: 'language', - message: 'Do you want to use TypeScript or JavaScript?', - choices: [ - { name: 'TypeScript' }, - { name: 'JavaScript' }, - ], - }, - { - type: 'text', - name: 'testDir', - message: 'Where to put your end-to-end tests?', - initial: fs.existsSync(path.join(this.rootDir, 'tests')) ? 'e2e' : 'tests', - }, - { - type: 'confirm', - name: 'installGitHubActions', - message: 'Add a GitHub Actions workflow?', - initial: true, - }, - { - type: 'confirm', - name: 'addExamples', - message: 'Add common examples which demonstrate Playwright\'s capabilities?', - initial: true, - }, - // Avoid installing dependencies on Windows (vast majority does not run create-playwright on Windows) - // Avoid installing dependencies on Mac (there are no dependencies) - ...(process.platform === 'linux' ? [{ - type: 'confirm', - name: 'installPlaywrightDependencies', - message: 'Install Playwright operating system dependencies (requires sudo / root - can be done manually via \sudo npx playwright install-deps\')?', - initial: true, - }] : []), - ]); - } - - private async _identifyChanges(answers: PromptOptions) { - const commands: Command[] = []; - const files = new Map(); - const fileExtension = languagetoFileExtension(answers.language); - - files.set(`playwright.config.${fileExtension}`, executeTemplate(this._readAsset(`playwright.config.${fileExtension}`), { - testDir: answers.testDir, - })); - - if (answers.installGitHubActions) { - const githubActionsScript = executeTemplate(this._readAsset('github-actions.yml'), { - installDepsCommand: this.packageManager === 'npm' ? 'npm ci' : 'yarn', - runTestsCommand: commandToRunTests(this.packageManager), - }); - files.set('.github/workflows/playwright.yml', githubActionsScript); - } - - files.set(path.join(answers.testDir, `example.spec.${fileExtension}`), this._readAsset(`example.spec.${fileExtension}`)); - - if (answers.addExamples) - await this._collectExamples(answers, files); - - if (!fs.existsSync(path.join(this.rootDir, 'package.json'))) { - commands.push({ - name: `Initializing ${this.packageManager === 'yarn' ? 'Yarn' : 'NPM'} project`, - command: this.packageManager === 'yarn' ? 'yarn init -y' : 'npm init -y', - }); - } - - commands.push({ - name: 'Installing Playwright Test', - command: this.packageManager === 'yarn' ? 'yarn add --dev @playwright/test' : 'npm install --save-dev @playwright/test', - }); - - commands.push({ - name: 'Downloading browsers', - command: 'npx playwright install' + (answers.installPlaywrightDependencies ? ' --with-deps' : ''), - }); - - return { files, commands }; - } - - private _patchGitIgnore() { - const gitIgnorePath = path.join(this.rootDir, '.gitignore'); - let gitIgnore = ''; - if (fs.existsSync(gitIgnorePath)) - gitIgnore = fs.readFileSync(gitIgnorePath, 'utf-8').trimEnd() + '\n'; - if (!gitIgnore.includes('node_modules')) - gitIgnore += 'node_modules/\n'; - gitIgnore += 'test-results/\n'; - gitIgnore += 'playwright-report/\n'; - fs.writeFileSync(gitIgnorePath, gitIgnore); - } - - private _readAsset(asset: string): string { - return fs.readFileSync(path.isAbsolute(asset) ? asset : path.join(assetsDir, asset), 'utf-8'); - } - - private async _collectExamples(answers: PromptOptions, files: Map) { - const outDir = answers.testDir + '-examples'; - const examplesDir = path.join(assetsDir, 'examples'); - - for (const example of await readDirRecursively(examplesDir)) { - const relativePath = path.relative(examplesDir, example); - files.set(path.join(outDir, relativePath), this._readAsset(example)); - } - } - - private async _patchPackageJSON(answers: PromptOptions) { - const packageJSON = JSON.parse(fs.readFileSync(path.join(this.rootDir, 'package.json'), 'utf-8')); - if (!packageJSON.scripts) - packageJSON.scripts = {}; - if (packageJSON.scripts['test']?.includes('no test specified')) - delete packageJSON.scripts['test']; - if (answers.addExamples) - packageJSON.scripts['test:e2e-examples'] = `playwright test --config ${path.join(answers.testDir + '-examples', 'playwright.config.ts')}`; - packageJSON.scripts[PACKAGE_JSON_TEST_SCRIPT_CMD] = `playwright test`; - - const files = new Map(); - files.set('package.json', JSON.stringify(packageJSON, null, 2) + '\n'); // NPM keeps a trailing new-line - await createFiles(this.rootDir, files, true); - } - - private _printOutro(answers: PromptOptions) { - console.log(colors.green('✔ Success!') + ' ' + colors.bold(`Created a Playwright Test project at ${this.rootDir}`)); - const pathToNavigate = path.relative(process.cwd(), this.rootDir); - const prefix = pathToNavigate !== '' ? ` cd ${pathToNavigate}\n` : ''; - const exampleSpecPath = `${answers.testDir}${path.sep}example.spec.${languagetoFileExtension(answers.language)}`; - console.log(`Inside that directory, you can run several commands: - - ${colors.cyan(commandToRunTests(this.packageManager))} - Runs the end-to-end tests. - - ${colors.cyan(commandToRunTests(this.packageManager, '--project="Desktop Chrome"'))} - Runs the tests only on Desktop Chrome. - - ${colors.cyan(commandToRunTests(this.packageManager, exampleSpecPath))} - Runs the tests of a specific file. - - ${colors.cyan(`${commandToRunTests(this.packageManager, '--debug')}`)} - Runs the tests in debug mode. - -We suggest that you begin by typing: - -${colors.cyan(prefix + ' ' + commandToRunTests(this.packageManager))} - -And check out the following files: - - ./${pathToNavigate ? pathToNavigate + '/' : ''}${exampleSpecPath} - Example end-to-end test - - ./${pathToNavigate ? pathToNavigate + '/' : ''}playwright.config.${languagetoFileExtension(answers.language)} - Playwright Test configuration - -Visit https://playwright.dev/docs/intro for more information. ✨ - -Happy hacking! 🎭`); - } -} - -export function commandToRunTests(packageManager: 'npm' | 'yarn', args?: string) { - if (packageManager === 'yarn') - return `yarn ${PACKAGE_JSON_TEST_SCRIPT_CMD}${args ? (' ' + args) : ''}`; - return `npm run ${PACKAGE_JSON_TEST_SCRIPT_CMD}${args ? (' -- ' + args) : ''}`; -} - diff --git a/packages/create-playwright/src/tsconfig.json b/packages/create-playwright/src/tsconfig.json deleted file mode 100644 index 3c43903cfd..0000000000 --- a/packages/create-playwright/src/tsconfig.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "../tsconfig.json" -} diff --git a/packages/create-playwright/src/utils.ts b/packages/create-playwright/src/utils.ts deleted file mode 100644 index 30f4de9924..0000000000 --- a/packages/create-playwright/src/utils.ts +++ /dev/null @@ -1,83 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import fs from 'fs'; -import { execSync } from 'child_process'; -import path from 'path'; - -import { prompt } from 'enquirer'; -import colors from 'ansi-colors'; - -export type Command = { - command: string; - name: string; -}; - -export function executeCommands(cwd: string, commands: Command[]) { - for (const { command, name } of commands) { - console.log(`${name} (${command})…`); - execSync(command, { - stdio: 'inherit', - cwd, - }); - } -} - -export async function createFiles(rootDir: string, files: Map, force: boolean = false) { - for (const [relativeFilePath, value] of files) { - const absoluteFilePath = path.join(rootDir, relativeFilePath); - if (fs.existsSync(absoluteFilePath) && !force) { - const { override } = await prompt<{ override: boolean }>({ - type: 'confirm', - name: 'override', - message: `${absoluteFilePath} already exists. Override it?`, - initial: false - }); - if (!override) - continue; - } - console.log(colors.gray(`Writing ${path.relative(process.cwd(), absoluteFilePath)}.`)); - fs.mkdirSync(path.dirname(absoluteFilePath), { recursive: true }); - fs.writeFileSync(absoluteFilePath, value, 'utf-8'); - } -} - -export function determinePackageManager(rootDir: string): 'yarn' | 'npm' { - if (fs.existsSync(path.join(rootDir, 'yarn.lock'))) - return 'yarn'; - if (process.env.npm_config_user_agent) - return process.env.npm_config_user_agent.includes('yarn') ? 'yarn' : 'npm'; - return 'npm'; -} - -export function executeTemplate(input: string, args: Record): string { - for (const key in args) - input = input.replace(`{{${key}}}`, args[key]); - return input; -} - -export function languagetoFileExtension(language: 'JavaScript' | 'TypeScript'): 'js' | 'ts' { - return language === 'JavaScript' ? 'js' : 'ts'; -} - -export async function readDirRecursively(dir: string): Promise { - const dirents = await fs.promises.readdir(dir, { withFileTypes: true }); - const files = await Promise.all(dirents.map(async (dirent): Promise => { - const res = path.join(dir, dirent.name); - return dirent.isDirectory() ? await readDirRecursively(res) : res; - })); - return files.flat(); -} diff --git a/packages/create-playwright/tests/baseFixtures.ts b/packages/create-playwright/tests/baseFixtures.ts deleted file mode 100644 index 82f8e6ad85..0000000000 --- a/packages/create-playwright/tests/baseFixtures.ts +++ /dev/null @@ -1,87 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { test as base } from '@playwright/test'; -import { spawn, SpawnOptionsWithoutStdio } from 'child_process'; -import path from 'path'; -import fs from 'fs'; -import { PromptOptions } from '../src/generator'; - -type TestFixtures = { - packageManager: 'npm' | 'yarn'; - run: (parameters: string[], options: PromptOptions) => Promise, -}; - -type RunResult = { - exitCode: number | null, - dir: string, - stdout: string, - exec: typeof spawnAsync -}; - -function spawnAsync(cmd: string, args: string[], options?: SpawnOptionsWithoutStdio): Promise<{stdout: string, stderr: string, code: number | null, error?: Error}> { - const p = spawn(cmd, args, options); - - return new Promise(resolve => { - let stdout = ''; - let stderr = ''; - if (process.env.CR_PW_DEBUG) { - p.stdout.on('data', chunk => process.stdout.write(chunk)); - p.stderr.on('data', chunk => process.stderr.write(chunk)); - } - if (p.stdout) - p.stdout.on('data', data => stdout += data); - if (p.stderr) - p.stderr.on('data', data => stderr += data); - p.on('close', code => resolve({ stdout, stderr, code })); - p.on('error', error => resolve({ stdout, stderr, code: 0, error })); - }); -} - -export const test = base.extend({ - packageManager: 'npm', - run: async ({ packageManager }, use, testInfo) => { - await use(async (parameters: string[], options: PromptOptions): Promise => { - fs.mkdirSync(testInfo.outputDir, { recursive: true }); - const env = packageManager === 'yarn' ? { - 'npm_config_user_agent': 'yarn' - } : undefined; - const result = await spawnAsync('node', [path.join(__dirname, '..'), ...parameters], { - shell: true, - cwd: testInfo.outputDir, - env: { - ...process.env, - ...env, - 'TEST_OPTIONS': JSON.stringify(options), - } - }); - const execWrapper = (cmd: string, args: string[], options?: SpawnOptionsWithoutStdio): ReturnType => { - return spawnAsync(cmd, args, { - ...options, - cwd: testInfo.outputDir, - }); - }; - return { - exitCode: result.code, - dir: testInfo.outputDir, - stdout: result.stdout, - exec: execWrapper, - }; - }); - }, -}); - -export const expect = test.expect; diff --git a/packages/create-playwright/tests/integration.spec.ts b/packages/create-playwright/tests/integration.spec.ts deleted file mode 100644 index 4b4f18f84b..0000000000 --- a/packages/create-playwright/tests/integration.spec.ts +++ /dev/null @@ -1,93 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -import { test, expect } from './baseFixtures'; -import path from 'path'; -import fs from 'fs'; - -for (const packageManager of ['npm', 'yarn'] as ('npm' | 'yarn')[]) { - test.describe(`Package manager: ${packageManager}`, () => { - test.use({ packageManager }); - - test('should generate a project in the current directory', async ({ run }) => { - const { exitCode, dir, stdout } = await run([], { installGitHubActions: true, testDir: 'tests', language: 'TypeScript', addExamples: false, installPlaywrightDependencies: true }); - expect(exitCode).toBe(0); - expect(fs.existsSync(path.join(dir, 'tests/example.spec.ts'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'package.json'))).toBeTruthy(); - if (packageManager === 'npm') - expect(fs.existsSync(path.join(dir, 'package-lock.json'))).toBeTruthy(); - else - expect(fs.existsSync(path.join(dir, 'yarn.lock'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'playwright.config.ts'))).toBeTruthy(); - const playwrightConfigContent = fs.readFileSync(path.join(dir, 'playwright.config.ts'), 'utf8'); - expect(playwrightConfigContent).toContain('tests'); - expect(fs.existsSync(path.join(dir, '.github/workflows/playwright.yml'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, '.gitignore'))).toBeTruthy(); - if (packageManager === 'npm') { - expect(stdout).toContain('Initializing NPM project (npm init -y)…'); - expect(stdout).toContain('Installing Playwright Test (npm install --save-dev @playwright/test)…'); - } else { - expect(stdout).toContain('Initializing Yarn project (yarn init -y)…'); - expect(stdout).toContain('Installing Playwright Test (yarn add --dev @playwright/test)…'); - } - expect(stdout).toContain('npx playwright install' + process.platform === 'linux' ? ' --with-deps' : ''); - }); - - test('should generate a project in a given directory', async ({ run }) => { - const { exitCode, dir } = await run(['foobar'], { installGitHubActions: true, testDir: 'tests', language: 'TypeScript', addExamples: false, installPlaywrightDependencies: true }); - expect(exitCode).toBe(0); - expect(fs.existsSync(path.join(dir, 'foobar/tests/example.spec.ts'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'foobar/package.json'))).toBeTruthy(); - if (packageManager === 'npm') - expect(fs.existsSync(path.join(dir, 'foobar/package-lock.json'))).toBeTruthy(); - else - expect(fs.existsSync(path.join(dir, 'foobar/yarn.lock'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'foobar/playwright.config.ts'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'foobar/.github/workflows/playwright.yml'))).toBeTruthy(); - }); - - test('should generate a project with JavaScript and without GHA', async ({ run }) => { - const { exitCode, dir } = await run([], { installGitHubActions: false, testDir: 'tests', language: 'JavaScript', addExamples: false, installPlaywrightDependencies: true }); - expect(exitCode).toBe(0); - expect(fs.existsSync(path.join(dir, 'tests/example.spec.js'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'package.json'))).toBeTruthy(); - if (packageManager === 'npm') - expect(fs.existsSync(path.join(dir, 'package-lock.json'))).toBeTruthy(); - else - expect(fs.existsSync(path.join(dir, 'yarn.lock'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'playwright.config.js'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, '.github/workflows/playwright.yml'))).toBeFalsy(); - }); - - test('should generate be able to run the examples successfully', async ({ run }) => { - const { exitCode, dir, exec } = await run([], { installGitHubActions: false, testDir: 'tests', language: 'TypeScript', addExamples: true, installPlaywrightDependencies: true }); - expect(exitCode).toBe(0); - expect(fs.existsSync(path.join(dir, 'tests/example.spec.ts'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'package.json'))).toBeTruthy(); - - expect(fs.existsSync(path.join(dir, 'playwright.config.ts'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'tests-examples/playwright.config.ts'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'tests-examples/server/index.js'))).toBeTruthy(); - expect(fs.existsSync(path.join(dir, 'tests-examples/1-getting-started.spec.ts'))).toBeTruthy(); - - let result; - if (packageManager === 'npm') - result = await exec('npm', ['run', 'test:e2e-examples']); - else - result = await exec('yarn', ['test:e2e-examples']); - expect(result.code).toBe(0); - }); - }); -} diff --git a/packages/create-playwright/tsconfig.json b/packages/create-playwright/tsconfig.json deleted file mode 100644 index 2b403102ff..0000000000 --- a/packages/create-playwright/tsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "compilerOptions": { - "target": "ES2019", - "moduleResolution": "Node", - "downlevelIteration": true, - "esModuleInterop": true, - }, - "include": ["src"], -} \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json index 55711e083a..eb26d087a2 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -21,6 +21,5 @@ "include": ["packages"], "exclude": [ "packages/*/lib", - "packages/create-playwright/", ], } diff --git a/utils/build/build.js b/utils/build/build.js index 221a392775..3213cf87ea 100644 --- a/utils/build/build.js +++ b/utils/build/build.js @@ -176,8 +176,6 @@ for (const file of webPackFiles) { for (const packageDir of packages) { if (!fs.existsSync(path.join(packageDir, 'src'))) continue; - if (path.basename(packageDir) === 'create-playwright') - continue; steps.push({ command: 'npx', args: [ @@ -185,7 +183,7 @@ for (const packageDir of packages) { ...(watchMode ? ['-w', '--source-maps'] : []), '--extensions', '.ts', '--out-dir', path.join(packageDir, 'lib'), - '--ignore', '"packages/playwright-core/src/server/injected/**/*","packages/create-playwright/**/*"', + '--ignore', '"packages/playwright-core/src/server/injected/**/*"', path.join(packageDir, 'src')], shell: true, }); @@ -262,12 +260,4 @@ if (lintMode) { }); } -// create-playwright package -steps.push({ - command: 'npx', - args: ['ncc', 'build', 'cli.ts', (watchMode ? '--watch' : '--minify'), '--out', '../lib'], - shell: true, - cwd: 'packages/create-playwright/src' -}); - watchMode ? runWatch() : runBuild(); diff --git a/utils/prepare_packages.js b/utils/prepare_packages.js index f35a562da1..63449e4e59 100644 --- a/utils/prepare_packages.js +++ b/utils/prepare_packages.js @@ -55,10 +55,6 @@ const PACKAGES = { browsers: ['chromium', 'ffmpeg'], files: LICENSE_FILES, }, - 'create-playwright': { - browsers: [], - files: [], - } }; const dirtyFiles = [];