Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nitayneeman/vscode-playwright-snippets
๐ A Visual Studio Code extension which adds predefined useful code snippets for Playwright
https://github.com/nitayneeman/vscode-playwright-snippets
playwright snippet snippets visual-studio-code vscode vscode-extension vscode-snippets
Last synced: 3 months ago
JSON representation
๐ A Visual Studio Code extension which adds predefined useful code snippets for Playwright
- Host: GitHub
- URL: https://github.com/nitayneeman/vscode-playwright-snippets
- Owner: nitayneeman
- License: mit
- Created: 2021-02-09T05:36:02.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-02T20:40:18.000Z (6 months ago)
- Last Synced: 2024-05-05T18:38:34.037Z (6 months ago)
- Topics: playwright, snippet, snippets, visual-studio-code, vscode, vscode-extension, vscode-snippets
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets
- Size: 4.78 MB
- Stars: 17
- Watchers: 4
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
VS Code - Playwright Snippets
Installation ยท
Usage ยท
Snippets ยท
CHANGELOG## โน๏ธ๏ธ Description
This Visual Studio Code extension adds predefined useful code snippets for [Playwright](https://playwright.dev/).
Check out the [API](https://playwright.dev/docs/api/class-playwright) for getting more information about the available capabilities.
## ๐จ๐ปโ๐ซ How to Use
The first thing you need to do is installing the [extension](https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets).
Basically, there are two ways to apply the snippets:
### 1. Direct Typing
Start typing the prefix or just part of the snippet. Then, locate the snippets on the suggestions list and click on `TAB` or `ENTER`.
### 2. Command Palette
Open the Command Palette and type `Insert Snippet`. Then, simply choose the dedicated snippet.
## ๐ Snippets List
Below is attached a list of all supported snippets.
### Playwright
| Snippet | Content |
| -------------------------- | ------------------------------ |
| `pw-import` | require('playwright') |
| `pw-import-chromium` | require('playwright').chromium |
| `pw-import-firefox` | require('playwright').firefox |
| `pw-import-webkit` | require('playwright').webkit |
| `pw-import-devices` | require('playwright').devices |
| `pw-connect-chromium` | chromium.connect |
| `pw-launch-chromium` | chromium.launch |
| `pw-launchServer-chromium` | chromium.launchServer |
| `pw-connect-firefox` | firefox.connect |
| `pw-launch-firefox` | firefox.launch |
| `pw-launchServer-firefox` | firefox.launchServer |
| `pw-connect-webkit` | webkit.connect |
| `pw-launch-webkit` | webkit.launch |
| `pw-launchServer-webkit` | webkit.launchServer |### Browser
| Snippet | Content |
| ---------------------------- | ------------------------------ |
| `pw-browser-close` | browser.close |
| `pw-browser-contexts` | browser.contexts |
| `pw-browser-isConnected` | browser.isConnected |
| `pw-browser-newContext` | browser.newContext |
| `pw-browser-newPage` | browser.newPage |
| `pw-browser-version` | browser.version |
| `pw-browser-on-disconnected` | browser.on('disconnected',...) |### BrowserContext
| Snippet | Content |
| ---------------------------- | ----------------------- |
| `pw-browserContext-close` | context.close |
| `pw-browserContext-cookies` | context.cookies |
| `pw-browserContext-newPage` | context.newPage |
| `pw-browserContext-pages` | context.pages |
| `pw-browserContext-route` | context.route |
| `pw-browserContext-unroute` | context.unroute |
| `pw-browserContext-on-close` | context.on('close',...) |
| `pw-browserContext-on-page` | context.on('page',...) |### BrowserServer
| Snippet | Content |
| --------------------------- | ----------------------------- |
| `pw-browserServer-close` | browserServer.close |
| `pw-browserServer-kill` | browserServer.kill |
| `pw-browserServer-on-close` | browserServer.on('close',...) |### Page
| Snippet | Content |
| ----------------------------- | ------------------------------- |
| `pw-page-$` | page.\$ |
| `pw-page-$$` | page.\$\$ |
| `pw-page-$$eval` | page.\$\$eval |
| `pw-page-$eval` | page.\$eval |
| `pw-page-bringToFront` | page.bringToFront |
| `pw-page-click` | page.click |
| `pw-page-close` | page.close |
| `pw-page-content` | page.content |
| `pw-page-dblclick` | page.dblclick |
| `pw-page-emulateMedia` | page.emulateMedia |
| `pw-page-evaluate` | page.evaluate |
| `pw-page-fill` | page.fill |
| `pw-page-focus` | page.focus |
| `pw-page-goBack` | page.goBack |
| `pw-page-goForward` | page.goForward |
| `pw-page-goto` | page.goto |
| `pw-page-hover` | page.hover |
| `pw-page-keyboard-down` | page.keyboard.down |
| `pw-page-keyboard-insertText` | page.keyboard.insertText |
| `pw-page-keyboard-press` | page.keyboard.press |
| `pw-page-keyboard-type` | page.keyboard.type |
| `pw-page-keyboard-up` | page.keyboard.up |
| `pw-page-mouse-click` | page.mouse.click |
| `pw-page-mouse-dblclick` | page.mouse.dblclick |
| `pw-page-mouse-down` | page.mouse.down |
| `pw-page-mouse-move` | page.mouse.move |
| `pw-page-mouse-up` | page.mouse.up |
| `pw-page-pdf` | page.pdf |
| `pw-page-press` | page.press |
| `pw-page-reload` | page.reload |
| `pw-page-route` | page.route |
| `pw-page-screenshot` | page.screenshot |
| `pw-page-title` | page.title |
| `pw-page-type` | page.type |
| `pw-page-unroute` | page.unroute |
| `pw-page-url` | page.url |
| `pw-page-waitForEvent` | page.waitForEvent |
| `pw-page-waitForFunction` | page.waitForFunction |
| `pw-page-waitForLoadState` | page.waitForLoadState |
| `pw-page-waitForNavigation` | page.waitForNavigation |
| `pw-page-waitForRequest` | page.waitForRequest |
| `pw-page-waitForResponse` | page.waitForResponse |
| `pw-page-waitForSelector` | page.waitForSelector |
| `pw-page-waitForTimeout` | page.waitForTimeout |
| `pw-page-on-close` | page.on('close',...) |
| `pw-page-on-console` | page.on('console',...) |
| `pw-page-on-crash` | page.on('crash',...) |
| `pw-page-on-dialog` | page.on('dialog',...) |
| `pw-page-on-domcontentloaded` | page.on('domcontentloaded',...) |
| `pw-page-on-frameattached` | page.on('frameattached',...) |
| `pw-page-on-framedetached` | page.on('framedetached',...) |
| `pw-page-on-framenavigated` | page.on('framenavigated',...) |
| `pw-page-on-load` | page.on('load',...) |
| `pw-page-on-pageerror` | page.on('pageerror',...) |
| `pw-page-on-popup` | page.on('popup',...) |
| `pw-page-on-request` | page.on('request',...) |
| `pw-page-on-requestfailed` | page.on('requestfailed',...) |
| `pw-page-on-requestfinished` | page.on('requestfinished',...) |
| `pw-page-on-response` | page.on('response',...) |
| `pw-page-on-worker` | page.on('worker',...) |### General Examples
| Snippet | Content |
| ------------------------- | ---------------------------------------------------------------------------------- |
| `pw-examples-basic` | Creates a basic usage example of a page |
| `pw-examples-dragAndDrop` | Creates an example that drags the mouse from a point and drops it to another point |
## ๐๐ป Contributing
This is an open source project. Any contribution would be greatly appreciated!