GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → microsoft → playwright-vscode

microsoft / playwright-vscode

Licence: Apache-2.0 license
Playwright Test Visual Studio Code integration

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Labels

testingvscodevscode-extensionplaywright

Projects that are alternatives of or similar to playwright-vscode

Playwright
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
Stars: ✭ 31,513 (+21784.03%)
Mutual labels:  playwright
heroku-playwright-buildpack
Buildpack for running Playwright with Chromium and Firefox on Heroku.
Stars: ✭ 34 (-76.39%)
Mutual labels:  playwright
browser-automation-api
Browser automation API for repetitive web-based tasks, with a friendly user interface. You can use it to scrape content or do many other things like capture a screenshot, generate pdf, extract content or execute custom Puppeteer, Playwright functions.
Stars: ✭ 24 (-83.33%)
Mutual labels:  playwright
Qawolf
🐺 Create browser tests 10x faster
Stars: ✭ 2,912 (+1922.22%)
Mutual labels:  playwright
playwright-lighthouse
🎭: Playwright Lighthouse Audit
Stars: ✭ 120 (-16.67%)
Mutual labels:  playwright
nx-extend
Nx Workspaces builders and tools
Stars: ✭ 67 (-53.47%)
Mutual labels:  playwright
Codeceptjs
Supercharged End 2 End Testing Framework for NodeJS
Stars: ✭ 3,592 (+2394.44%)
Mutual labels:  playwright
playwright-jest-boilerplate
No description or website provided.
Stars: ✭ 16 (-88.89%)
Mutual labels:  playwright
playwright-community
A central home for tutorials, tooling, and showcases of the Playwright ecosystem.
Stars: ✭ 38 (-73.61%)
Mutual labels:  playwright
playwright-test
Run unit tests with several runners or benchmark inside real browsers with playwright.
Stars: ✭ 81 (-43.75%)
Mutual labels:  playwright
playwright-ci
☁️ Set up Playwright in CI
Stars: ✭ 27 (-81.25%)
Mutual labels:  playwright
playwright-demos
playwright for scrapping and UI testing / automate testing workflows
Stars: ✭ 65 (-54.86%)
Mutual labels:  playwright
Assistive-Webdriver
Assistive-Webdriver is a tool to automate end-to-end web application tests with a screen reader.
Stars: ✭ 19 (-86.81%)
Mutual labels:  playwright
Headless Recorder
Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.
Stars: ✭ 13,786 (+9473.61%)
Mutual labels:  playwright
playwright-jest-examples
Demonstrates the usage of Playwright (cross-browser automation library in Node.js) in combination with Jest on GitHub Actions to test various setups.
Stars: ✭ 79 (-45.14%)
Mutual labels:  playwright
Playwright Python
Python version of the Playwright testing and automation library.
Stars: ✭ 5,583 (+3777.08%)
Mutual labels:  playwright
mugshot
Framework independent visual testing library
Stars: ✭ 126 (-12.5%)
Mutual labels:  playwright
browser-pool
A Node.js library to easily manage and rotate a pool of web browsers, using any of the popular browser automation libraries like Puppeteer, Playwright, or SecretAgent.
Stars: ✭ 71 (-50.69%)
Mutual labels:  playwright
test-real-styles
(test-)framework agnostic utilities to test real styling of (virtual) dom elements
Stars: ✭ 37 (-74.31%)
Mutual labels:  playwright
purescript-playwright
[WIP] PureScript bindings for Playwright
Stars: ✭ 17 (-88.19%)
Mutual labels:  playwright
View All Similar Projects ➔

Playwright Test for VS Code

This extension integrates Playwright Test into your VSCode workflow. Here is what it can do:



example_test_2



Requirements

This extension works with Playwright Test version v1.19+ or newer.

If you are looking for the old extension that supported Playwright v1.14+, switch to v0.0.9 of this extension manually. Having said that, we highly recommend using the latest version of Playwright Test!



Install Playwright Test

If you don't have the Playwright Test NPM package installed in your project, or if you are starting with a new testing project, "Install Playwright" action will help you get started.

Install Playwright

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.

Choose browsers

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



Record new tests

Record new tests via performing the test actions in the browser.

recording



Tune selectors

You can edit test source code to fine-tune selectors while on a breakpoint. A selector playground on every line of your test script!

tune_selectors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].