Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Playwright Test Visual Studio Code integration
| Date | Stars |
|---|---|
| 2026-07-24 | 481 |
| 2026-07-25 | 481 |
| 2026-07-28 | 481 |
| 2026-07-30 | 481 |
| 2026-08-06 | 481 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
5.0
growth rate 0.00%/day
# Playwright Test for VS Code
This extension integrates Playwright into your VS Code workflow. Here is what it can do:
- [Playwright Test for VS Code](#playwright-test-for-vs-code)
- [Requirements](#requirements)
- [Install Playwright](#install-playwright)
- [Run tests with a single click](#run-tests-with-a-single-click)
- [Run multiple tests](#run-multiple-tests)
- [Run tests in watch mode](#run-tests-in-watch-mode)
- [Show browsers](#show-browsers)
- [Show trace viewer](#show-trace-viewer)
- [Pick locators](#pick-locators)
- [Debug step-by-step, explore locators](#debug-step-by-step-explore-locators)
- [Tune locators](#tune-locators)
- [Record new tests](#record-new-tests)
- [Record at cursor](#record-at-cursor)

### Requirements
This extension works with [Playwright] version v1.38+ or newer.
## Install Playwright
If you don't have the Playwright NPM package installed in your project, or if you are starting with a new testing project, the "Install Playwright" action from the command panel will help you get started.

Pick the browsers you'd like to use by default, don't worry, you'll be able to change them later to add or configure the browsers used. You can also choose to add a GitHub Action so that you can easily run tests on Continuous Integration on every pull request or push.

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

## Run tests with a single click
Click the green triangle next to the test you want to run. You can also run the test from the testing sidebar by clicking the grey triangle next to the test name.

## Run multiple tests
You can use the Testing sidebar to run a single test or a group of tests with a single click. While tests are running, the execution line is highlighted. Once the line has completed, the duration of each step of the test is shown.

## Run tests in watch mode
Click the "eye" icon to run tests in watch mode. This will re-run the watched tests when you save your changes.

## Show browsers
Check the "show browsers" checkbox to run tests with the browser open so that you can visually see what is happening while your test is running. Click on "close all browsers" to close the browsers.

## Show trace viewer
Check the "show trace viewer" checkbox to see a full trace of your test.

## Pick locators
Click the "pick locator" button and hover over the browser to see the locators available. Clicking an element will store it in the locators box in VS Code. Pressing enter will save it to the clip board so you can easily paste it into your code or press the escape key to cancel.
![pick-locator](https://github.cExcerpt of 5,357 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:b0896a2e5bcfde14, topic:testing
matched fp:b0896a2e5bcfde14, topic:playwright