How to Setup Playwright with Visual Studio Code?

Setting up playwright automation tool with visual studio code is very very simple.

1. Download VS Code - https://code.visualstudio.com/download
2. Install VS Code
3. Open VS Code
4. Got to extensions then search for "playwright test for vs code"

5. Click on Install

6. Similarly, install Azure Repos if you are working with azure deveops.

7. Similarly, install GitHub Actions if you are working with GitHub Actions.

8. Similarly, install GitHub Repositories if you are working with GitHub Repositories.

9. Till now visual studio code with playwright is completed, now we need to install playwright using CMD or Terminal.

10. Let's install playwright, open Command prompt or Terminal, then enter "npm init playwright@latest". Refer below video for your reference.

https://youtu.be/RgS63OwJiPE?si=dMIYatoNEZpdAmpD

11. Once playwright with VS code setup is completed, now it's a time to run playwright test. Simply we need to click on right arrow icon beside test. it will run automation test.

Reference video - https://youtu.be/w9T50WOaHe8?si=VgXMOVeneOc9M2uT

12. Verify test results: "right" mark will be preset if test is passed otherwise it shows "x" mark

Reference: https://playwright.dev/docs

===== Playwright Automation Full Courses =====

-> Playwright Full Course - https://youtube.com/playlist?list=PLUeDIlio4THEgPRVJRqZRS8uw8hhVNQCM&si=65JRAAG-SkkfphDm

-> Playwright API Testing Crash Course - https://youtube.com/playlist?list=PLUeDIlio4THF3rnYZ63qkbHwMTXiG67vz&si=hNd_ji_kXVmIAr_R

-> Playwright with Azure DeveOps Pipeline - https://youtube.com/playlist?list=PLUeDIlio4THG8irTXJn-Z02nYzmi6dUOF&si=3b4G5tvemlPy0--j

-> Playwright with CRM application testing - https://youtu.be/WwovRRp0f4o?si=w0rzJlUI9BhfP4KS

===== Playwright GitHub Repositories =====

-> Playwright Full Course - https://github.com/BakkappaN/PlaywrightTutorialFullCourse

-> Playwright API Testing Crash Course - https://github.com/BakkappaN/PlaywrightAPITestingTutorial

-> Playwright with Azure DeveOps Pipeline - https://github.com/BakkappaN/PlaywrightAzureDevopsPipeline

-> Playwright with CRM application testing -https://github.com/BakkappaN/MicrosoftD365CRMPlaywrightFramework

-> Playwright with JavaScript Framework [UI + API] - https://github.com/BakkappaN/PlaywrightBaseAutomationFramework

-> Playwright with TypeScript Framework [UI + API]- https://github.com/BakkappaN/Playwright-TypeScript-Framework

Learn more about Playwright:

-> Playwright API Testing Crash Course

-> Playwright with Azure Devops Complete guide

-> Testing Microsoft CRM application using Playwright

#playwright #apitesting #qa #softwaretesting #crm #javascript #typescript #ado #azuredeveops #framework #fullcourse #codegen #test #e2e #testing #automation #testerstalk #bakkappan #git #github #testing