You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit a4b3775
Browse filesBrowse the repository at this point in the historyBrowse files
Copy file name to clipboardExpand all lines: tutorial/stage-1-setup/practical-playwright-setup.mdx
+29-4Lines changed: 29 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -34,8 +34,7 @@ Following the [Playwright documentation](https://playwright.dev/docs/intro#using
34
34
pnpm create playwright
35
35
```
36
36
37
-
Follow the wizard. You should now have a `playwright.config.ts` file, a `tests` directory, and also a `tests-examples` directory.
38
-
You can remove the `tests-examples` directory, we won't be using it.
37
+
Follow the wizard. You should now have a `playwright.config.ts` file and a `tests` directory.
39
38
40
39
### Modifying `playwright.config.ts` for our needs
41
40
@@ -76,6 +75,10 @@ Let's check that this works by modifying the `example.spec.ts` test file in the
76
75
- Modify the expectation to check for our page title `/Playwright Tutorial/`
77
76
- Watch your test run `pnpm playwright test --debug`
78
77
78
+
<Asidetype="caution">
79
+
When you run Playwright in debug mode for the first time, the browser will open and appear frozen on `about:blank`. This is expected! You need to click the "step over" button in the Playwright Inspector window to start stepping through your test.
80
+
</Aside>
81
+
79
82
You can watch your test step by step by using the "step over" button.
80
83
<Imagesrc={StepOverDebug}alt="Step over button in Playwrights inspector"width={600} />
81
84
@@ -105,9 +108,18 @@ Today we will learn to use both kinds of set up approaches.
105
108
106
109
First let's make the test files for setup and teardown:
This step is only necessary if you're running tests against a local Next.js dev application. If you're testing against the remote Vercel deployment, this API endpoint is already available and you can skip this checkout command.
307
+
</Aside>
308
+
293
309
This file contains a `POST` and `DELETE` endpoint for creating and deleting users.
0 commit comments