- Видео 9
- Просмотров 61 168
AutomateTogether
Добавлен 27 июл 2021
A place for concise tutorials on UI automation.
Automate TOTP 2-Factor Authentication (2FA) with Playwright
A short tutorial to help you understand what goes into automating a TOTP-based 2FA flow using Playwright and the OTPAuth library.
Goal:
Automate a 2FA login using Playwright and OTPAuth.
Note:
There are multiple libraries out there for TOTP generation. Pick the one you like.
Timestamps:
00:00 Introduction
00:33 TOTP for 2FA
01:22 Approaching 2FA automation
02:23 Extracting the TOTP secret
03:48 Recording the script
05:32 Generating the TOTP token
08:19 2FA automation challenges
10:11 Resources
Environment:
- MacBook Pro (13-inch, M1, 2020)
- macOS Monterey (12.2.1)
- Node v14.15.4
- Playwright 1.24.2
Resources:
- QR decoder: zxing.org/w/decode.jspx
- OTPAuth library: hectorm.github.io/otpauth
- The excellent...
Goal:
Automate a 2FA login using Playwright and OTPAuth.
Note:
There are multiple libraries out there for TOTP generation. Pick the one you like.
Timestamps:
00:00 Introduction
00:33 TOTP for 2FA
01:22 Approaching 2FA automation
02:23 Extracting the TOTP secret
03:48 Recording the script
05:32 Generating the TOTP token
08:19 2FA automation challenges
10:11 Resources
Environment:
- MacBook Pro (13-inch, M1, 2020)
- macOS Monterey (12.2.1)
- Node v14.15.4
- Playwright 1.24.2
Resources:
- QR decoder: zxing.org/w/decode.jspx
- OTPAuth library: hectorm.github.io/otpauth
- The excellent...
Просмотров: 16 762
Видео
Automating a web chat with Playwright
Просмотров 1,4 тыс.2 года назад
Goal: Get a first look at how Playwright enables control of multiple tabs and contexts through a practical example. Notes: - This is not a full-blown tutorial on multiple tabs; one such tutorial will come in the near future. - This is not one of my Automate Togethers, i.e. I am not live coding and I had a look at automating this scenario beforehand. Environment: - MacBook Pro (13-inch, M1, 2020...
Testing/monitoring reddit.com with Playwright! [Automate Together #2, Part 1]
Просмотров 1,2 тыс.2 года назад
A hands-on live automation session where you can see me try and write an automation script with Playwright running against reddit.com, with the goal of showing one way this can be done from beginning to end in a real-world environment and, in turn, helping Playwright users be more successful at automating monitoring and testing scenarios on their own target websites. Resources: - The excellent ...
Playwright Test or Playwright Library? In 2 minutes
Просмотров 3,4 тыс.2 года назад
Goal: Learn the main differences between Playwright Test and Playwright Library Questions answered: - What are they? - What are the differences and similarities - What to use each of them for Environment: - MacBook Pro (13-inch, M1, 2020) - macOS Monterey (12.2.1) - Node v14.15.4 - Playwright 1.20 Resources: - The excellent official Playwright docs: playwright.dev - ragog.link for more articles...
Playwright request interception
Просмотров 13 тыс.2 года назад
Goals: Learn the basics of network manipulation with Playwright 1. Inspecting requests and responses 2. Intercepting and blocking requests 3. Modifying responses for stubbing Environment: - MacBook Pro (13-inch, M1, 2020) - macOS Monterey (12.1) - Node v14.15.4 - Playwright 1.18 Resources: - The excellent official Playwright docs: playwright.dev/docs/network - My guide on request interception o...
Record Playwright scripts using Codegen
Просмотров 3,9 тыс.2 года назад
Goals: Learn the basics of using Playwright Codegen, including best practices to ship robust scripts to production. If you are a beginner, I’d recommend watching two previous videos on this channel: 1. Code-first Playwright intro tutorial on macOS: ruclips.net/video/i-46PlHmP2g/видео.html 2. Playwright selectors in-depth for beginners: ruclips.net/video/Vp6ltXMw4kE/видео.html Official Codegen d...
Writing a Playwright script testing/monitoring amazon.com! [Automate Together #1]
Просмотров 5 тыс.2 года назад
A hands-on live automation session where you can see me try and write an automation script with Playwright running against amazon.com, with the goal of showing one way this can be done from beginning to end in a real-world environment. Resources: The excellent official Playwright docs: playwright.dev/docs/in My guide on selectors on Checkly’s open-source guides: www.checklyhq.com/learn/headless...
Playwright selectors in-depth for beginners (with best practices and examples)
Просмотров 14 тыс.3 года назад
An in-depth look at selectors with Playwright for beginners. Consists of a general intro, best practices and practical examples. Goals: - Learn how to find & test selectors including a. CSS selectors b. XPath selectors c. Playwright text selectors - Learn selector best practices to a. Distinguish between solid and brittle selectors b. Optimise existing selectors when possible Resources shown: -...
Code-first Playwright intro tutorial on macOS (install to first script)
Просмотров 1,9 тыс.3 года назад
A Playwright intro tutorial that aims at getting you started writing Playwright code as quickly as possible. Finished script: pastebin.com/ayi5SH2k Goals: - Learn to set up Playwright on macOS - Learn to write a basic script a.Opening and closing the browser b.Clicking, typing and waiting c. Inspecting the page d. Headless and headful launch Resources shown: - nodejs.org - danube-webstore.herok...
love how im doing a coding test in 2024 and its using playwright not playwright test been a pain to find info on
can we do that with .json files?
how this can help us to automate otp which is coming on the gamil and also otp is coming after sending the invite from one portal and need to sigin in on to the next portal after putting password then to handle such senario can u please help me in that plz
This video was very helpful and good content overall, No BS!!
Java alternative ?
Awesomr bro.. From India
nice video
But you can't do this for web sockets can you? Sure you can see that a page opened a socket connection but you can't actually intercept and change the reply
Thanks, man! Very educational! I was always wondering how others overcome it!
How can I do this in python?
How to automate when you receive OTP via text msg in phone?.
I am too interested to know same asked by @soumyabhat5308
By using mock server.
How can I make it work with Upwork, they have Authenticator app for OTP but I don’t know how to get secret since there is no QR code
Great video thanks for sharing. Did you made some video about mocking? Thanks again
That was helpful. Kindly do the same with Python.
Amazing, I did it and did work. Do you know if it is possible to do it with python with some library?
I would like to know as well. Did you get a solution?
me too @@wangarewakungu9753
And of course the two conflict. I just want to test WCAG as well as functionality, so i'll drop the test wrapper.
Java alternative?
I search it me too
Great Stuff, amazing content. I have a quick question about the Codegen record popup, I am unable to see JavaScript in the target dropdown, using Playwright version 1.29.1. any lead will be highly appreciated
😂😂😂😂 where can i get the parry hotter book?
awesome! thx
Thank you for creating this... very helpful!
Very useful indeed, clear and concise!
Does this work with Microsoft Auth Azure as well? In the QR i am only getting the client secret and not the period and digits
good questin it is interesting for me as well
I have exactly the same question. Do you know something about it? it is very frustating
Does anyone know this good question?
That was useful, thank you!
This is very cool. Thanks for sharing
Can you show us how to mock the page after signup /login please
Thanks man, this is useful
hello sir can u plz make a video of how to handle the carousel for amazon website
At last! All the docs and info seem to be geared towards running playwright test code with npx and test and assert. As a beginner I was tearing my hair out trying to write simple (non test and assert) scripts which I could run easily. None of them worked in the test environment and this video was an eye-opener for me. Many, many thanks
Very informative video, thank you
Some good advice on choice of selector for locator but more advice to build app better hocks rather than test better in playwright as title suggests
Hello sir plz can u tell me how to perform click action or automate sub menu links of ecommerce website like if in a column more than 10 links so to perform click one by one
Great explanation, you're using Playwright as "Library" here, right? i'll be happy to know if it's possible to use the html report and trace results in the Library mode as there isn't dedicated config file in that mode, right?
Noob to CSS Selectors this is best video I've seen on the topic thanks
Thank you, this was most helpful. Maybe you should turn this into a Udemy-class? You speak clearer than most of their tutors. What is the difference between using headless recorder versus playwrights recorder?
Great video cheers! Better explanation than the docs.
Hi friend. Good job.
the danube website doesnt work anymore
thank you for making it Cristal clear 🤩
Hey ho. Great Video. Exactly what I was looking for so liked and subscripted :). Quick question : What is the best way to deal with some sort of "2 step authentication" (getting an code per email or clicking on a link to verify) I thought about some if/else condition like If "logged-in-page" is loaded within a certain timespan proceed... else print out in Error message "xy". Do you have an elegant solution for this case? (ps I know you could also open your mail acc. with playwright and fetch the needed data out of the arriving email, but on a Clear browser you should run into the same problem logging into your email acc). Best wishes and thank you mate :)
thank you great video
Hi, thank you for the video, i have question if you dont mind, its posible to obtain all product info in a data frame?, …, thank you!…
Thanks for the awesome content. It helped allot.
Awesome!!! Thanks for videos
Awsome content, keep up the good work! 💪
Great stuff! Thank you
Thanks
Excellent!... rock and coding... my passion!
this is great content, much better than most popular videos on the topic. Really helped me understand the process of writing code. 👍
Very cool ! Can we use xpaths instead of css selectors ? (since some folks might be transitioning from a selenium based framework) .