{"id":14156658,"url":"https://github.com/nitayneeman/vscode-playwright-snippets","last_synced_at":"2025-09-22T14:59:03.672Z","repository":{"id":66229637,"uuid":"337303515","full_name":"nitayneeman/vscode-playwright-snippets","owner":"nitayneeman","description":"📋 A Visual Studio Code extension which adds predefined useful code snippets for Playwright","archived":false,"fork":false,"pushed_at":"2024-11-11T11:36:56.000Z","size":5013,"stargazers_count":17,"open_issues_count":0,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-11-11T12:31:26.943Z","etag":null,"topics":["playwright","snippet","snippets","visual-studio-code","vscode","vscode-extension","vscode-snippets"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nitayneeman.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-02-09T05:36:02.000Z","updated_at":"2024-11-11T11:37:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"872d1727-80d8-4178-a8df-6929f2e4cdd8","html_url":"https://github.com/nitayneeman/vscode-playwright-snippets","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitayneeman%2Fvscode-playwright-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitayneeman%2Fvscode-playwright-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitayneeman%2Fvscode-playwright-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nitayneeman%2Fvscode-playwright-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nitayneeman","download_url":"https://codeload.github.com/nitayneeman/vscode-playwright-snippets/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228835541,"owners_count":17979163,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["playwright","snippet","snippets","visual-studio-code","vscode","vscode-extension","vscode-snippets"],"created_at":"2024-08-17T08:07:42.022Z","updated_at":"2025-09-22T14:58:58.620Z","avatar_url":"https://github.com/nitayneeman.png","language":"JavaScript","funding_links":[],"categories":["vscode-extension"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/nitayneeman/vscode-playwright-snippets/blob/main/images/playwright-logo.png?raw=true\" alt=\"Playwright Logo\"\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eVS Code - Playwright Snippets\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets\"\u003e\u003cimg src=\"https://vsmarketplacebadge.apphb.com/version/nitayneeman.playwright-snippets.svg?label=Playwright%20Snippets\u0026\u0026color=2b3137\" alt=\"Marketplace\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://travis-ci.com/nitayneeman/vscode-playwright-snippets\"\u003e\u003cimg src=\"https://travis-ci.com/nitayneeman/vscode-playwright-snippets.svg?token=vHfpxFNvotCsScqrpvMs\u0026branch=main\" alt=\"Build\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets\"\u003e\u003cimg src=\"https://vsmarketplacebadge.apphb.com/installs/nitayneeman.playwright-snippets.svg?color=blue\" alt=\"Installs\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/nitayneeman/vscode-playwright-snippets/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-lightgray.svg\" alt=\"License\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets\"\u003eInstallation\u003c/a\u003e ·\n  \u003ca href=\"https://github.com/nitayneeman/vscode-playwright-snippets#-how-to-use\"\u003eUsage\u003c/a\u003e ·\n  \u003ca href=\"https://github.com/nitayneeman/vscode-playwright-snippets#-snippets-list\"\u003eSnippets\u003c/a\u003e ·\n  \u003ca href=\"https://github.com/nitayneeman/vscode-playwright-snippets/blob/main/CHANGELOG.md\"\u003eCHANGELOG\u003c/a\u003e\n\u003c/p\u003e\n\n## ℹ️️ Description\n\nThis Visual Studio Code extension adds predefined useful code snippets for [Playwright](https://playwright.dev/).\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/nitayneeman/vscode-playwright-snippets/blob/main/images/preview.gif?raw=true\" alt=\"Preview\"\u003e\n\u003c/p\u003e\n\nCheck out the [API](https://playwright.dev/docs/api/class-playwright) for getting more information about the available capabilities.\n\n\u003cbr\u003e\n\n## 👨🏻‍🏫 How to Use\n\nThe first thing you need to do is installing the [extension](https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets).\n\nBasically, there are two ways to apply the snippets:\n\n### 1. Direct Typing\n\nStart typing the prefix or just part of the snippet. Then, locate the snippets on the suggestions list and click on `TAB` or `ENTER`.\n\n### 2. Command Palette\n\nOpen the Command Palette and type `Insert Snippet`. Then, simply choose the dedicated snippet.\n\n\u003cbr\u003e\n\n## 📄 Snippets List\n\nBelow is attached a list of all supported snippets.\n\n### Playwright\n\n| Snippet                    | Content                        |\n| -------------------------- | ------------------------------ |\n| `pw-import`                | require('playwright')          |\n| `pw-import-chromium`       | require('playwright').chromium |\n| `pw-import-firefox`        | require('playwright').firefox  |\n| `pw-import-webkit`         | require('playwright').webkit   |\n| `pw-import-devices`        | require('playwright').devices  |\n| `pw-connect-chromium`      | chromium.connect               |\n| `pw-launch-chromium`       | chromium.launch                |\n| `pw-launchServer-chromium` | chromium.launchServer          |\n| `pw-connect-firefox`       | firefox.connect                |\n| `pw-launch-firefox`        | firefox.launch                 |\n| `pw-launchServer-firefox`  | firefox.launchServer           |\n| `pw-connect-webkit`        | webkit.connect                 |\n| `pw-launch-webkit`         | webkit.launch                  |\n| `pw-launchServer-webkit`   | webkit.launchServer            |\n\n### Browser\n\n| Snippet                      | Content                        |\n| ---------------------------- | ------------------------------ |\n| `pw-browser-close`           | browser.close                  |\n| `pw-browser-contexts`        | browser.contexts               |\n| `pw-browser-isConnected`     | browser.isConnected            |\n| `pw-browser-newContext`      | browser.newContext             |\n| `pw-browser-newPage`         | browser.newPage                |\n| `pw-browser-version`         | browser.version                |\n| `pw-browser-on-disconnected` | browser.on('disconnected',...) |\n\n### BrowserContext\n\n| Snippet                      | Content                 |\n| ---------------------------- | ----------------------- |\n| `pw-browserContext-close`    | context.close           |\n| `pw-browserContext-cookies`  | context.cookies         |\n| `pw-browserContext-newPage`  | context.newPage         |\n| `pw-browserContext-pages`    | context.pages           |\n| `pw-browserContext-route`    | context.route           |\n| `pw-browserContext-unroute`  | context.unroute         |\n| `pw-browserContext-on-close` | context.on('close',...) |\n| `pw-browserContext-on-page`  | context.on('page',...)  |\n\n### BrowserServer\n\n| Snippet                     | Content                       |\n| --------------------------- | ----------------------------- |\n| `pw-browserServer-close`    | browserServer.close           |\n| `pw-browserServer-kill`     | browserServer.kill            |\n| `pw-browserServer-on-close` | browserServer.on('close',...) |\n\n### Page\n\n| Snippet                       | Content                         |\n| ----------------------------- | ------------------------------- |\n| `pw-page-$`                   | page.\\$                         |\n| `pw-page-$$`                  | page.\\$\\$                       |\n| `pw-page-$$eval`              | page.\\$\\$eval                   |\n| `pw-page-$eval`               | page.\\$eval                     |\n| `pw-page-bringToFront`        | page.bringToFront               |\n| `pw-page-click`               | page.click                      |\n| `pw-page-close`               | page.close                      |\n| `pw-page-content`             | page.content                    |\n| `pw-page-dblclick`            | page.dblclick                   |\n| `pw-page-emulateMedia`        | page.emulateMedia               |\n| `pw-page-evaluate`            | page.evaluate                   |\n| `pw-page-fill`                | page.fill                       |\n| `pw-page-focus`               | page.focus                      |\n| `pw-page-goBack`              | page.goBack                     |\n| `pw-page-goForward`           | page.goForward                  |\n| `pw-page-goto`                | page.goto                       |\n| `pw-page-hover`               | page.hover                      |\n| `pw-page-keyboard-down`       | page.keyboard.down              |\n| `pw-page-keyboard-insertText` | page.keyboard.insertText        |\n| `pw-page-keyboard-press`      | page.keyboard.press             |\n| `pw-page-keyboard-type`       | page.keyboard.type              |\n| `pw-page-keyboard-up`         | page.keyboard.up                |\n| `pw-page-mouse-click`         | page.mouse.click                |\n| `pw-page-mouse-dblclick`      | page.mouse.dblclick             |\n| `pw-page-mouse-down`          | page.mouse.down                 |\n| `pw-page-mouse-move`          | page.mouse.move                 |\n| `pw-page-mouse-up`            | page.mouse.up                   |\n| `pw-page-pause`               | page.pause                      |\n| `pw-page-pdf`                 | page.pdf                        |\n| `pw-page-press`               | page.press                      |\n| `pw-page-reload`              | page.reload                     |\n| `pw-page-route`               | page.route                      |\n| `pw-page-screenshot`          | page.screenshot                 |\n| `pw-page-title`               | page.title                      |\n| `pw-page-type`                | page.type                       |\n| `pw-page-unroute`             | page.unroute                    |\n| `pw-page-url`                 | page.url                        |\n| `pw-page-waitForEvent`        | page.waitForEvent               |\n| `pw-page-waitForFunction`     | page.waitForFunction            |\n| `pw-page-waitForLoadState`    | page.waitForLoadState           |\n| `pw-page-waitForNavigation`   | page.waitForNavigation          |\n| `pw-page-waitForRequest`      | page.waitForRequest             |\n| `pw-page-waitForResponse`     | page.waitForResponse            |\n| `pw-page-waitForSelector`     | page.waitForSelector            |\n| `pw-page-waitForTimeout`      | page.waitForTimeout             |\n| `pw-page-on-close`            | page.on('close',...)            |\n| `pw-page-on-console`          | page.on('console',...)          |\n| `pw-page-on-crash`            | page.on('crash',...)            |\n| `pw-page-on-dialog`           | page.on('dialog',...)           |\n| `pw-page-on-domcontentloaded` | page.on('domcontentloaded',...) |\n| `pw-page-on-frameattached`    | page.on('frameattached',...)    |\n| `pw-page-on-framedetached`    | page.on('framedetached',...)    |\n| `pw-page-on-framenavigated`   | page.on('framenavigated',...)   |\n| `pw-page-on-load`             | page.on('load',...)             |\n| `pw-page-on-pageerror`        | page.on('pageerror',...)        |\n| `pw-page-on-popup`            | page.on('popup',...)            |\n| `pw-page-on-request`          | page.on('request',...)          |\n| `pw-page-on-requestfailed`    | page.on('requestfailed',...)    |\n| `pw-page-on-requestfinished`  | page.on('requestfinished',...)  |\n| `pw-page-on-response`         | page.on('response',...)         |\n| `pw-page-on-worker`           | page.on('worker',...)           |\n\n### General Examples\n\n| Snippet                   | Content                                                                            |\n| ------------------------- | ---------------------------------------------------------------------------------- |\n| `pw-examples-basic`       | Creates a basic usage example of a page                                            |\n| `pw-examples-dragAndDrop` | Creates an example that drags the mouse from a point and drops it to another point |\n\n\u003cbr\u003e\n\n## 💁🏻 Contributing\n\nThis is an open source project. Any contribution would be greatly appreciated!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnitayneeman%2Fvscode-playwright-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnitayneeman%2Fvscode-playwright-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnitayneeman%2Fvscode-playwright-snippets/lists"}