What is the process for installing Playwright?

Answer

To install Playwright, start by using npm or yarn. You can also use the VS Code Extension. Begin with npm by running:

npm init playwright@latest

This command downloads Playwright, creates a package.json file, and a package-lock.json file. You'll be prompted to choose between TypeScript or JavaScript (default is TypeScript) and name your Tests folder (default is tests or e2e if you already have a tests folder in your project). You can also add a GitHub Actions workflow to run tests on CI and install Playwright browsers (default is true).

After installation, Playwright downloads the required browsers and creates several files, including:

• playwright.config.ts
• package.json
• package-lock.json
• tests/
• example.spec.ts
• tests-examples/demo-todo-app.spec.ts

The playwright.config.ts file is where you can configure Playwright, such as modifying the browsers you want to run on.

If you're running tests in an existing project, dependencies will be added to your package.json. The tests folder contains a basic example test, while the tests-examples folder has more detailed examples for testing a todo app.

Remember to update Playwright regularly to access new features and browser versions. Use this command to update:

npm install -D @playwright/test@latest