Skip to content

pavelfeldman/playwright-vscode

 
 

Playwright Test for Visual Studio Code (alpha)

GitHub Actions Visual Studio Marketplace Join Slack

This extension integrates [Playwright Test] with Visual Studio Code by using the VSCode Testing API.

example_test_2

Requirements

Usage

The extension automatically detects if you have [Playwright Test] installed and loads the [Playwright Test] projects into Visual Studio Code. By default it will select the first project as a run profile and inside the test explorer you can change this behavior to run a single test in multiple or different browsers.

Run tests with a single click

You can use Tests sidebar to run a test or a group of tests with a single click.

run_tests

Follow the execution line

While tests are running, execution line is highlighted, once the line has completed, step time is rendered as an editor decoration.

execution_line

Debug step-by-step, explore selectors

Right click and start breakpoint debugging. Set a breakpoint, hover over a value. When your cursor is on some Playwright action or a locator, corresponding element (or elements) are highlighted in the browser.

step_explore

Selctors playground

You can edit text to fine-tune selectors while on a breakint. A selector playgroung on every line of your test script!

tune_selectors

Packages

No packages published

Languages

  • TypeScript 97.2%
  • JavaScript 2.8%