Use root-relative paths in dev workflow docs

This commit is contained in:
Tommy D. Rossi
2026-01-25 11:36:32 +01:00
parent b9d0571823
commit 0cd0001ffe
2 changed files with 14 additions and 20 deletions
+7 -10
View File
@@ -52,11 +52,10 @@ make sure you have tsx installed globally: `pnpm i -g tsx`
to test CLI changes without publishing: to test CLI changes without publishing:
```bash ```bash
cd playwriter tsx playwriter/src/cli.ts -e "await page.goto('https://example.com')"
tsx src/cli.ts -e "await page.goto('https://example.com')" tsx playwriter/src/cli.ts -e "console.log(await accessibilitySnapshot({ page }))"
tsx src/cli.ts -e "console.log(await accessibilitySnapshot({ page }))" tsx playwriter/src/cli.ts session new
tsx src/cli.ts session new tsx playwriter/src/cli.ts -s 1 -e "await page.click('button')"
tsx src/cli.ts -s 1 -e "await page.click('button')"
``` ```
### reloading extension during development ### reloading extension during development
@@ -64,23 +63,21 @@ tsx src/cli.ts -s 1 -e "await page.click('button')"
after making changes to extension code: after making changes to extension code:
```bash ```bash
cd extension pnpm --filter mcp-extension reload # builds and opens chrome://extensions page
pnpm reload # builds and opens chrome://extensions page
``` ```
then click the reload button on the extension card in Chrome. the extension has a stable dev ID (`pebbngnfojnignonigcnkdilknapkgid`) so you don't need to reconfigure anything. then click the reload button on the extension card in Chrome. the extension has a stable dev ID (`pebbngnfojnignonigcnkdilknapkgid`) so you don't need to reconfigure anything.
### testing ### testing
run `cd playwriter && pnpm test` to test the extension and mcp and CDP directly in a chrome instance automated. with the extension loaded too.
```bash ```bash
cd playwriter
pnpm test # run all tests (takes ~90 seconds) pnpm test # run all tests (takes ~90 seconds)
pnpm test -t "screenshot" # run specific test by name pnpm test -t "screenshot" # run specific test by name
pnpm test:watch # watch mode pnpm test:watch # watch mode
``` ```
tests run against a real Chrome instance with the extension loaded.
the test script passes `-u` to update inline snapshots automatically. the test script passes `-u` to update inline snapshots automatically.
#### test setup #### test setup
+7 -10
View File
@@ -50,11 +50,10 @@ make sure you have tsx installed globally: `pnpm i -g tsx`
to test CLI changes without publishing: to test CLI changes without publishing:
```bash ```bash
cd playwriter tsx playwriter/src/cli.ts -e "await page.goto('https://example.com')"
tsx src/cli.ts -e "await page.goto('https://example.com')" tsx playwriter/src/cli.ts -e "console.log(await accessibilitySnapshot({ page }))"
tsx src/cli.ts -e "console.log(await accessibilitySnapshot({ page }))" tsx playwriter/src/cli.ts session new
tsx src/cli.ts session new tsx playwriter/src/cli.ts -s 1 -e "await page.click('button')"
tsx src/cli.ts -s 1 -e "await page.click('button')"
``` ```
### reloading extension during development ### reloading extension during development
@@ -62,23 +61,21 @@ tsx src/cli.ts -s 1 -e "await page.click('button')"
after making changes to extension code: after making changes to extension code:
```bash ```bash
cd extension pnpm --filter mcp-extension reload # builds and opens chrome://extensions page
pnpm reload # builds and opens chrome://extensions page
``` ```
then click the reload button on the extension card in Chrome. the extension has a stable dev ID (`pebbngnfojnignonigcnkdilknapkgid`) so you don't need to reconfigure anything. then click the reload button on the extension card in Chrome. the extension has a stable dev ID (`pebbngnfojnignonigcnkdilknapkgid`) so you don't need to reconfigure anything.
### testing ### testing
run `cd playwriter && pnpm test` to test the extension and mcp and CDP directly in a chrome instance automated. with the extension loaded too.
```bash ```bash
cd playwriter
pnpm test # run all tests (takes ~90 seconds) pnpm test # run all tests (takes ~90 seconds)
pnpm test -t "screenshot" # run specific test by name pnpm test -t "screenshot" # run specific test by name
pnpm test:watch # watch mode pnpm test:watch # watch mode
``` ```
tests run against a real Chrome instance with the extension loaded.
the test script passes `-u` to update inline snapshots automatically. the test script passes `-u` to update inline snapshots automatically.
#### test setup #### test setup