From 7fd3539ebd139484af4994876a7f6ca47e108ee4 Mon Sep 17 00:00:00 2001
From: Atmaram Naik <21354507+atmnk@users.noreply.github.com>
Date: Mon, 20 May 2024 19:44:35 +0530
Subject: [PATCH] docs(intro): adds all three package manager commands (#30884)
---
docs/src/intro-js.md | 160 +++++++++++++++++++++++++++++++++++++++++++
1 file changed, 160 insertions(+)
diff --git a/docs/src/intro-js.md b/docs/src/intro-js.md
index d6ac4a3e10..c742ce6fa8 100644
--- a/docs/src/intro-js.md
+++ b/docs/src/intro-js.md
@@ -50,6 +50,7 @@ pnpm create playwright
```
+
@@ -81,10 +82,40 @@ The `tests` folder contains a basic example test to help you get started with te
By default tests will be run on all 3 browsers, chromium, firefox and webkit using 3 workers. This can be configured in the [playwright.config file](./test-configuration.md). Tests are run in headless mode meaning no browser will open up when running the tests. Results of the tests and test logs will be shown in the terminal.
+
+
+
```bash
npx playwright test
```
+
+
+
+
+```bash
+yarn playwright test
+```
+
+
+
+
+
+```bash
+pnpm exec playwright test
+```
+
+
+
+
+
See our doc on [Running Tests](./running-tests.md) to learn more about running tests in headed mode, running multiple tests, running specific tests etc.
@@ -92,19 +123,81 @@ See our doc on [Running Tests](./running-tests.md) to learn more about running t
After your test completes, an [HTML Reporter](./test-reporters.md#html-reporter) will be generated, which shows you a full report of your tests allowing you to filter the report by browsers, passed tests, failed tests, skipped tests and flaky tests. You can click on each test and explore the test's errors as well as each step of the test. By default, the HTML report is opened automatically if some of the tests failed.
+
+
+
```bash
npx playwright show-report
```
+
+
+
+
+```bash
+yarn playwright show-report
+```
+
+
+
+
+
+```bash
+pnpm exec playwright show-report
+```
+
+
+
+
+
## Running the Example Test in UI Mode
Run your tests with [UI Mode](./test-ui-mode.md) for a better developer experience with time travel debugging, watch mode and more.
+
+
+
+
```bash
npx playwright test --ui
```
+
+
+
+
+
+```bash
+yarn playwright test --ui
+```
+
+
+
+
+
+```bash
+pnpm exec playwright test --ui
+```
+
+
+
+
+
Check out or [detailed guide on UI Mode](./test-ui-mode.md) to learn more about its features.
@@ -113,17 +206,84 @@ Check out or [detailed guide on UI Mode](./test-ui-mode.md) to learn more about
To update Playwright to the latest version run the following command:
+
+
+
+
```bash
npm install -D @playwright/test@latest
# Also download new browser binaries and their dependencies:
npx playwright install --with-deps
```
+
+
+
+
+
+```bash
+yarn add --dev @playwright/test@latest
+# Also download new browser binaries and their dependencies:
+yarn playwright install --with-deps
+```
+
+
+
+
+
+```bash
+pnpm install --save-dev @playwright/test@latest
+# Also download new browser binaries and their dependencies:
+pnpm exec playwright install --with-deps
+```
+
+
+
+
+
You can always check which version of Playwright you have by running the following command:
+
+
+
+
```bash
npx playwright --version
```
+
+
+
+
+```bash
+yarn playwright --version
+```
+
+
+
+
+
+```bash
+pnpm exec playwright --version
+```
+
+
+
+
+
## System requirements
- Node.js 18+