Playwright Tutorial Crash Course using Typescript | Learn Playwright Testing
Вставка
- Опубліковано 8 лип 2024
- 🌟In this Playwright Tutorial Crash Course using Typescript, we will automate the FIFA world cup site. We will learn the Playwright Testing tool and will cover the following topics -
0:00 - Introduction on Playwright Testing
⏳𝐕𝐈𝐃𝐄𝐎 𝐂𝐇𝐀𝐏𝐓𝐄𝐑𝐒⏳
1:55 - Setup & Installation
8:53 - Project & Config Overview
17:15 - Write First Playwright Test
26:59 - Playwright Page Locator
33:14 - Working with multiple elements
47:59 - Disable HTML Report
50:58 - Playwright Debugger / Inspector
1:02:24 - Let's Review
📂 𝗩𝗶𝗱𝗲𝗼 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀:
Playwright Course Access: bit.ly/3FBs5ZL
Code Access: bit.ly/3gVg2Nj
Promises Video: • JavaScript Callback & ...
Async-Await Video: • JavaScript Async Await...
🎓 Get access to all the courses and begin your SDET journey - bit.ly/3CkdVud
✨ 𝐉𝐎𝐈𝐍 𝐀𝐮𝐭𝐨𝐦𝐚𝐭𝐢𝐨𝐧 𝐁𝐫𝐨 - 𝐃𝐢𝐥𝐩𝐫𝐞𝐞𝐭 𝐉𝐨𝐡𝐚𝐥✨
Channel Link:
🔗www.youtube.com/@dilpreetjoha...
📧 Subscribe to my mailing list for all the latest updates -
automationbro.com/mailing-list
✒️ Check out my blogs at - automationbro.com
🚀 Enjoying my content and would like to support my work? Why not buy me a coffee! or Subscribe to this channel! 🚀
www.buymeacoffee.com/automati...
www.youtube.com/@dilpreetjoha...
🍁 𝐀𝐁𝐎𝐔𝐓 𝐀𝐮𝐭𝐨𝐦𝐚𝐭𝐢𝐨𝐧 𝐁𝐫𝐨 - 𝐃𝐢𝐥𝐩𝐫𝐞𝐞𝐭 𝐉𝐨𝐡𝐚𝐥🍁
Hi, I'm Dilpreet, a seasoned SDET Consultant from Toronto with over 7 years of experience in the IT industry. As someone who began as a manual QA, I've acquired most of my knowledge through self-learning, and I'm a firm believer that it's never too late to start learning new skills.
I know first hand the challenges of not knowing where to start and feeling 'stuck.' That's why I've designed my teaching approach to be accessible and beginner-friendly, so you can confidently kickstart your learning journey.
This UA-cam channel is my platform to share valuable insights and expertise I've gained over the years, helping you learn new skills independently. We'll explore various programming languages, frameworks, and tools, ensuring you stay current with the latest trends and technologies.
Embark on your learning adventure by subscribing now and hitting the bell icon for video notifications. Let's transform your tech skills together!
📌𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝐀𝐮𝐭𝐨𝐦𝐚𝐭𝐢𝐨𝐧 𝐁𝐫𝐨 - 𝐃𝐢𝐥𝐩𝐫𝐞𝐞𝐭 𝐉𝐨𝐡𝐚𝐥'𝐬 𝗢𝘁𝗵𝗲𝗿 𝗩𝗶𝗱𝗲𝗼𝘀 🎥
➟Top 3 Mistakes of Test Automation Engineers Make | Automation Bro - Dilpreet Johal
🔗 • Top 3 Mistakes of Test...
➟Newman Data Driven Testing | Newman Postman Tutorial
🔗 • Newman Data Driven Tes...
➟Data Driven testing using Postman JSON file
🔗 • Data Driven testing us...
➟Harnessing AI in Test Automation: Exciting Upcoming Workshop! 🚀
🔗 • Harnessing AI in Test ...
💌 𝐋𝐄𝐓'𝐒 𝐒𝐓𝐀𝐘 𝐈𝐍 𝐓𝐎𝐔𝐂𝐇 💌
➟ Email - dilpreet@sdetunicorns.com
➟ Twitter: bit.ly/dilpreet-twitter
➟ LinkedIn: bit.ly/sdet-u-linkedin
➟ Dev.to: dev.to/automationbro
➟ Instagram: bit.ly/sdet-u-instagram
➟ Website: bit.ly/sdet-u-academy
Thanks for watching :)
#playwright #typescript #course #tutorialyoutube#crashcourse
𝐑𝐞𝐥𝐚𝐭𝐞𝐝 𝐒𝐞𝐚𝐫𝐜𝐡𝐞𝐬:
playright typescript tutorial
playwright testing tool
playwright automation
playwright tutorial
playright typescript framework
👩🏻💻 Playwright Course Access: bit.ly/3FBs5ZL
🔥 Get unlimited access to all the courses and boost your SDET career - bit.ly/3CkdVud
💻 Code access for this video - bit.ly/3gVg2Nj
Amazing job! Your courses helped me so much!
Thank you pra ❤
great video, please do more playwright tests, really would love to see a test on search bar with dynamic select dropdown. .
Thank you for this clear, concise video!
Happy to hear you liked the content. Please share it with others that might find it valuable.
Thank you so much, this was very handy to learn!!
I am glad you found this valuable!
Thanks for the video. I really don't understand why you have to explicitly write "await" each line basically. I hate writing Playwright scripts compared to Cypress but I need to help some other QAs pick up UI automation and their teams chose Playwright. That's not your fault obviously 😆 Thanks for the quick vid.
Bcuz all the commands started with Cy are synchronised by default, however playwright is not like that.
You need to make sure a line execute after completing of previous line by using await as prefix.
Hi Sir, 1> How to move the page to a specific element in the playwright's typescript (submit button is down in the form so facing a problem moving the page down to this submit button )
2> How to maintain some time in between one navigation to another navigation ( without waitForTimeout(4000) option - i used await this.page.waitForLoadState('networkidle');, wait for selector)
Great video.. request to do video on playwright api testing with typescript
You can find my Playwright course on Typescript here - bit.ly/sdet-u-academy
23:30, my html reporter doesn't include clicking on the test lines and showing the code as in your example, why is that?
Could you please do that for Cypress automation also. That would be far better. And thanks once again for this.
I have a full video series on Cypress. You can check that out - ua-cam.com/video/krpKuSqQ0XM/v-deo.html
Really helpful video but whatever I do the browser never appears. I've triple checked the headless but no matter what I do the browser never appears. Any suggestions?
Are your tests passing though?
@@sdetunicorns Yes, they pass through ok but I just don't see anything happening.
Hey ..I have a project for you on playwrite
Hey I just wanna say that this was the perfect crash course video I needed. Thank you automation bro! 🫶
Thank you so much for your kind words! I'm thrilled to hear that you found the crash course helpful. 😊 If you think it could benefit others, please feel free to share it with your friends and colleagues. Let's keep learning and growing together! 🌟
@sdetunicorns @Dilpreet Johal: Hey bud, I was trying to purchase a SDET Unicorn membership with my Indian card, but was unable to (shown up a Card not supported message!). Is there any other way I could get the membership?
Email me with the error you are seeing - dilpreet@sdetunicorns.com