#1 - Playwright with TypeScript - Setup & Installation | First Script

This is the first video of playwright and Typescript series.
#1 - Playwright with TypeScript - Setup & Installation | First Script
Learn:
How to install Visual Stuido Code
How to install NodeJs and NPM
How to install Playwright
Run first script with Playwright
================================================
This is highly recommended to cover javascript and typescript basics before starting playwright. Please go through the following series on youtube for JS/TS:
JavaScript for SDE/SDET: • #1 - Setup Node JS, In...
TypeScript for SDE/SDET: • #1 - What is TypeScrip...
Schedule a meeting in case of any queries/guidance/counselling:
calendly.com/naveenautomation...
~~~Subscribe to this channel, and press bell icon to get some interesting videos on Selenium and Automation:
kzbin.info%20Au...
Follow me on my Facebook Page:
/ naveenqtpexpert
Let's join our Automation community for some amazing knowledge sharing and group discussion on Telegram:
t.me/joinchat/9FrG-KzGlvxjNmQ1
Naveen AutomationLabs Paid Courses:
GIT Hub Course:
naveenautomationlabs.com/gitc...
Java & Selenium:
naveenautomationlabs.com/sele...
Java & API +POSTMAN + RestAssured + HttpClient:
naveenautomationlabs.com/manu...

[@enver6414]

I've spent a considerable amount of time over the past two months going through all your JavaScript and TypeScript videos, as well as other backend testing tutorials, and have completed hands-on exercises. I'm finally catching up with you and will try my best to keep up this time.

[@naveenautomationlabs]

Awesome! I am sure playwright learning will be amazing for you now. Keep learning

[@user-hn2uo6gj4r]

finally found a layman video for playwright..subscribed!

[@azimmohammed3635]

Excellent Naveen! Great demo!

[@abdulRahman-id3ru]

I'm soo happy to see this course from you ❤ ..

[@MaheshJoshi_wellington]

wow amazing Naveen sir thank you for this !

[@kamalbamrah3958]

Thank you sir for starting this series. Could you please give a glimse of combining the screenplay and page object patterns in the framework .

[@ankitrawat3351]

Can playwright also be used with Java ? If yes what are the trade-off with Js

[@sonugupta-cx1jh]

Playwright with typescript will handle Angular pages ?

[@mayankgupta6409]

Thank you for sharing the knowledge, need to understand how can we run on docker? and also we can configure same on jenkins? Also do playwright support cucumber framework? Do we have any playlist for playwright + cucumber+ javascript?

[@jayasripv3861]

Hi Naveen just curious is there separate videos on playwright with JS

[@rajakondi8027]

Thanks Naveen

[@ranselynigrel8714]

How can we view PDF in webkit ?

[@viplovebisen]

👌👌👌👌👌

[@shaikmohiddin4397]

Hi Naveen. I am python selenium Automation tester , I want to learn new skill in playwright but have confusion with which language has more Potential job opportunities is it Javascript, or typescript

[@gulnazmusa2113]

Can you please cover fixtures, and how we can reuse our code without cucumber please?

[@Share_676]

i found below error any one have solution. PS C:\PlayWrigth Demo> npx playwright test --header node:internal/modules/cjs/loader:1148 throw err; ^ Error: Cannot find module 'C:\Users azis\AppData\Roaming pm ode_modules pm\bin px-cli.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15) at Module._load (node:internal/modules/cjs/loader:986:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:174:12) at node:internal/main/run_main_module:28:49 { code: 'MODULE_NOT_FOUND', requireStack: [] }

[@MeiyarasuS]

🎉

[@ranjanjyoti273]

Hi Naveen ,Can you create a tutorial on Date range picker from a single calendar on a single field using playwright type script ?Waiting for your tutorial. Thank you

[@RohitTater]

Is playwright faster with typescript or java?? I think most people in testing will have knowledge of Java(NOT typescript ). So if you will use Typescript in your framework then everyone in your team will need to learn typescript. Additionally if try to hire new team member( in future) in your team, you will have to hire people with knowledge in typescript and java (because API Automation /mobile automation is still done in java based framework). This will increase cost to company/cost to team

[@Mani-oq2bj]

Hi Naveen, Could you please create a few videos on pw-framework

[@tholeduc6499]

Please help there's error with my VS Code as below: PS D:\DemoProjects\PlaywrightDemo> npx playwright test npx : The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npx playwright test + ~~~ + CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException FYI : I can run it with the Git base at the "PlaywrightDemo" folder

[@tholeduc6499]

Update: restart my PC and work well

[@nareshx4235]

when i try to run the test i am getting error in get started link. how can i solve this? error: 13 | 14 | // Click the get started link. > 15 | await page.getByRole('link', { name: 'Get started' }).click(); | ^ 16 | 17 | // Expects page to have a heading with the name of Installation. 18 | await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible(); at E:\PlaywrightDemo\tests\example.spec.ts:15:57 1 failed [webkit] › example.spec.ts:11:5 › get started link ─────────────────────────────────────────────

[@myanotherworld6119]

Can you prepare Playwright with typescript video showcasing entire automation framework ?

[@naveenautomationlabs]

Its coming in upcoming chapters.

[@gauravkumar12]

[@seruvalingamvs8698]

Waiting for JS with Playwright Naveen.

[@naveenautomationlabs]

Learn playwright with typescript instead of javascript.

[@user-kc6wj7wr6i]

@@naveenautomationlabs Thanks for this clarity :)