# open new browserplaywright-cli open# navigate to a pageplaywright-cli goto https://playwright.dev# interact with the page using refs from the snapshotplaywright-cli click e15playwright-cli type "page.click"playwright-cli press Enter# take a screenshot (rarely used, as snapshot is more common)playwright-cli screenshot# close the browserplaywright-cli close

playwright-cli open# open and navigate right awayplaywright-cli open https://example.com/playwright-cli goto https://playwright.devplaywright-cli type "search query"playwright-cli click e3playwright-cli dblclick e7# --submit presses Enter after filling the elementplaywright-cli fill e5 "user@example.com"  --submitplaywright-cli drag e2 e8# drop files or data onto an element (from outside the page)playwright-cli drop e4 --path=./image.pngplaywright-cli drop e4 --data="text/plain=hello world"playwright-cli hover e4playwright-cli select e9 "option-value"playwright-cli upload ./document.pdfplaywright-cli check e12playwright-cli uncheck e12playwright-cli snapshot# search the snapshot for text or a regexp, returns matching nodes with surrounding contextplaywright-cli find "Sign in"playwright-cli find --regex "Sign (in|up)"# wrap the regexp in slashes to add flags, e.g. /i for case-insensitiveplaywright-cli find --regex "/sign (in|up)/i"# save results to a file when a query produces too many matchesplaywright-cli find "Add" --filename=results.mdplaywright-cli eval "document.title"playwright-cli eval "el => el.textContent" e5# get element id, class, or any attribute not visible in the snapshotplaywright-cli eval "el => el.id" e5playwright-cli eval "el => el.getAttribute('data-testid')" e5playwright-cli dialog-acceptplaywright-cli dialog-accept "confirmation text"playwright-cli dialog-dismissplaywright-cli resize 1920 1080playwright-cli close

playwright-cli go-backplaywright-cli go-forwardplaywright-cli reload

playwright-cli press Enterplaywright-cli press ArrowDownplaywright-cli keydown Shiftplaywright-cli keyup Shift

playwright-cli mousemove 150 300playwright-cli mousedownplaywright-cli mousedown rightplaywright-cli mouseupplaywright-cli mouseup right# scroll by <dx> <dy> pixels, negative dy scrolls up# the element under the mouse pointer scrolls, so mousemove over it firstplaywright-cli mousewheel 0 100playwright-cli mousewheel 0 -100

playwright-cli screenshotplaywright-cli screenshot e5playwright-cli screenshot --filename=page.pngplaywright-cli screenshot --hiresplaywright-cli pdf --filename=page.pdf

playwright-cli tab-listplaywright-cli tab-newplaywright-cli tab-new https://example.com/pageplaywright-cli tab-new https://example.com/page --isolated-context=user-bplaywright-cli tab-closeplaywright-cli tab-close 2playwright-cli tab-select 0

playwright-cli state-saveplaywright-cli state-save auth.jsonplaywright-cli state-load auth.json
# Cookiesplaywright-cli cookie-listplaywright-cli cookie-list --domain=example.complaywright-cli cookie-get session_idplaywright-cli cookie-set session_id abc123playwright-cli cookie-set session_id abc123 --domain=example.com --httpOnly --secureplaywright-cli cookie-delete session_idplaywright-cli cookie-clear
# LocalStorageplaywright-cli localstorage-listplaywright-cli localstorage-get themeplaywright-cli localstorage-set theme darkplaywright-cli localstorage-delete themeplaywright-cli localstorage-clear
# SessionStorageplaywright-cli sessionstorage-listplaywright-cli sessionstorage-get stepplaywright-cli sessionstorage-set step 3playwright-cli sessionstorage-delete stepplaywright-cli sessionstorage-clear

playwright-cli set-color-scheme darkplaywright-cli clear-color-schemeplaywright-cli set-reduced-motion reduceplaywright-cli clear-reduced-motionplaywright-cli set-forced-colors activeplaywright-cli clear-forced-colorsplaywright-cli set-contrast moreplaywright-cli clear-contrastplaywright-cli set-media printplaywright-cli clear-media

playwright-cli route "**/*.jpg" --status=404playwright-cli route "https://api.example.com/**" --body='{"mock": true}'playwright-cli route-listplaywright-cli unroute "**/*.jpg"playwright-cli unroute

playwright-cli consoleplaywright-cli console warningplaywright-cli requestsplaywright-cli request 5playwright-cli run-code "async page => await page.context().grantPermissions(['geolocation'])"playwright-cli run-code --filename=script.jsplaywright-cli tracing-startplaywright-cli tracing-stop
# record user actions in the browser, print them as Playwright code on stopplaywright-cli recording-startplaywright-cli recording-stop
playwright-cli video-start video.webmplaywright-cli video-chapter "Chapter Title" --description="Details" --duration=2000playwright-cli video-stop
# annotate each subsequent action (click, type, ...) with a callout naming the action, optionally styling the action point and target highlightplaywright-cli video-show-actions --duration=600 --position=top-right --highlight-style="outline: 2px solid #333"playwright-cli video-hide-actions
# launch the dashboard for UI review / design feedback — user annotates the page, you receive the annotated screenshot, snapshot, and notesplaywright-cli show --annotate
# generate a Playwright locator for an element from its ref or selectorplaywright-cli generate-locator e5 --raw
# show a persistent highlight overlay for an element, optionally with a custom styleplaywright-cli highlight e5playwright-cli highlight e5 --style="outline: 3px dashed red"# hide a single element highlight, or all page highlights when no target is givenplaywright-cli highlight e5 --hideplaywright-cli highlight --hide

playwright-cli webmcp-call search --params '{"query":"cats"}'
# when the same tool name is registered in more than one frame, pass the frame from webmcp-listplaywright-cli webmcp-call echo --frame "https://example.com/widget.html (frame 2)"

playwright-cli --raw eval "JSON.stringify(performance.timing)" | jq '.loadEventEnd - .navigationStart'playwright-cli --raw eval "JSON.stringify([...document.querySelectorAll('a')].map(a => a.href))" > links.jsonplaywright-cli --raw snapshot > before.ymlplaywright-cli click e5playwright-cli --raw snapshot > after.ymldiff before.yml after.ymlTOKEN=$(playwright-cli --raw cookie-get session_id)playwright-cli --raw localstorage-get theme

playwright-cli list --json

# Use specific browser when creating sessionplaywright-cli open --browser=chromeplaywright-cli open --browser=firefoxplaywright-cli open --browser=webkitplaywright-cli open --browser=msedge
# Emulate a generic mobile device (Pixel 10 for Chromium, iPhone 17 for WebKit).# Prefer this when a mobile layout is acceptable: mobile pages are usually# lighter, so snapshots are smaller and cheaper.playwright-cli open --mobileplaywright-cli open --device="iPhone 15"
# Use persistent profile (by default profile is in-memory)playwright-cli open --persistent# Use persistent profile with custom directoryplaywright-cli open --profile=/path/to/profile
# Connect to browser via Playwright Extensionplaywright-cli attach --extension=chrome
# Connect to a running Chrome or Edge by channel nameplaywright-cli attach --cdp=chromeplaywright-cli attach --cdp=msedge
# Connect to a running browser via CDP endpointplaywright-cli attach --cdp=http://localhost:9222
# Start with config fileplaywright-cli open --config=my-config.json
# Close the browserplaywright-cli close# Detach from an attached browser (leaves the external browser running)playwright-cli -s=msedge detach# Delete user data for the default sessionplaywright-cli delete-data

> playwright-cli goto https://example.com### Page- Page URL: https://example.com/- Page Title: Example Domain### Snapshot[Snapshot](.playwright-cli/page-2026-02-14T19-22-42-679Z.yml)

# default - save to a file with timestamp-based nameplaywright-cli snapshot
# save to file, use when snapshot is a part of the workflow resultplaywright-cli snapshot --filename=after-click.yaml
# snapshot an element instead of the whole pageplaywright-cli snapshot "#main"
# limit snapshot depth for efficiency, take a partial snapshot afterwardsplaywright-cli snapshot --depth=4playwright-cli snapshot e34
# include each element's bounding box as [box=x,y,width,height]playwright-cli snapshot --boxes
# search a large snapshot instead of capturing it all — returns matching nodes# with 3 lines of context around each match (like grep -C)playwright-cli find "Add to cart"playwright-cli find --regex "\\$[0-9]+\\.[0-9]{2}"

# get snapshot with refsplaywright-cli snapshot
# interact using a refplaywright-cli click e15

# css selectorplaywright-cli click "#main > button.submit"
# role locatorplaywright-cli click "getByRole('button', { name: 'Submit' })"
# test idplaywright-cli click "getByTestId('submit-button')"

# create new browser session named "mysession" with persistent profileplaywright-cli -s=mysession open example.com --persistent# same with manually specified profile directory (use when requested explicitly)playwright-cli -s=mysession open example.com --profile=/path/to/profileplaywright-cli -s=mysession click e6playwright-cli -s=mysession close  # stop a named browserplaywright-cli -s=mysession delete-data  # delete user data for persistent session
playwright-cli list# Close all browsersplaywright-cli close-all# Forcefully kill all browser processesplaywright-cli kill-all

npx --no-install playwright --version

npm install -g @playwright/cli@latest

playwright-cli open https://example.com/formplaywright-cli snapshot
playwright-cli fill e1 "user@example.com"playwright-cli fill e2 "password123"playwright-cli click e3playwright-cli snapshotplaywright-cli close

playwright-cli open https://example.complaywright-cli tab-new https://example.com/otherplaywright-cli tab-listplaywright-cli tab-select 0playwright-cli snapshotplaywright-cli close

playwright-cli open https://example.complaywright-cli click e4playwright-cli fill e7 "test"playwright-cli consoleplaywright-cli requestsplaywright-cli close

playwright-cli open https://example.complaywright-cli tracing-startplaywright-cli click e4playwright-cli fill e7 "test"playwright-cli tracing-stopplaywright-cli close

playwright-cli open https://example.complaywright-cli show --annotate

playwright-cli screenshot --filename=settings-after.pnggh pr comment 123 --body "Settings page after the fix." --attach ./settings-after.png