Frames | Playwright - Part 11

In this video, we'll learn how to handle frames and child frames using playwright typescript

Source code:

#playwright #letcode
Join this channel to get access to perks:

[matchsuper]

Completed the series and learnt a lot in a short span of time, need to practice :D.
Awesome video content Koushik. will there be any more videos in this series.
Some suggestion :
- Integration with CI like Jenkins, Teamcity etc..
- Reports
- Parallel test execution
- Read data from fixture files like CSV, json. Setup project for environments (DEV, CI, QA)
- Organize tests in such a way so that common actions can be reused. Did you come across any documentation that playwright suggest to use POM framework or anything else. For e.g. I think I read somewhere in cypress docs that POM as anti pattern and they recommend to use commands.
One scenario like there is Product Details screen. In order to access Product Details screen, User has to login first (Login Page), then perform Product Search (Product Page) and then from search user accesses the Product Details screen (ProductDetails Page). So if i have to write tests in Product Details i should be able to reuse Login and Product search any ideas. How to go about it.
- Setup VS Code plugins for code formatting, ESLint etc...

[victor]

like it good job 👌. waiting for Test case like ✔run multiple .ts file(testSuite) ✔html report Generation, ✔screenshot on failure, & 👀✔ Base class where we have beforeAll & afterAll

[rafaelbitencourt]

Thanks for the great video!
Suggestion to invert the if/else checks and short-circuit if the frames are not present by throwing, to avoid extra indentations, ie.:
if (!frame) throw new Error('No such frame')
await frame.fill ...
await frame.fill ...

[andiberisha]

Thanks for the video pal really helped me with my query. Quick question, what is that dev tools window which shows you xpath and css examples for the element you're currently highlighting?

[SamPrince]

These videos are really useful. Tried to access an iframe in our application a few months ago without any luck. I think because the frame was from a different host (separate reporting server generating content served into the iframe) and some browser security issue prevented Playwright's access to it. Possibly more recent Playwright versions have worked around this issue?

[Mona-g]

Does letXPath work on iframe elements? I have installed letXpath but iframe elements do not get inspected. Not sure how your letXPath in 7:06 is able to inspect. Is there a special setting that i need to turn on? Thank you!

[paraJuly]

hello Koushik,

how to click on an element that is nested in object->#document->html->body rather than in iframe directly. there is no iframe tag available but the element is inside the object

[gvprod]

Great video!!
I have a question not related to this video.
When I run my automation suite, I am getting the following error
ERROR: The process with PID x (child process of PID y) could not be terminated.
Reason: There is no running instance of the task.


Have you ever encountered this error?

[ashirbadprusty]

Excellent series in Playwright .
I have a doubt.
I tried to click on a button inside a frame using javascript executor ex:
but getting error.
When tried with frame.locator("xyz").click() then it's working

[dragon]

awesome I like it 😊
I have a question
is there a way to put a debugger and then try some codes on the fly without rerun everything like in a notebook in python
Thanks

[rameshpadi]

Hi Koushik,
How to implement Inheritance concept in Playwright.

[saivamshikrishnapeddammala]

Hi Koushik,
How to Navigate to DefaultContent (defaultframe) after switching into childframes

[cristhiamguerrero]

which method do you recommend to wait for a frame to load on the page?

[tanujlakshakar]

Hi Koushik

Is there a way to wait for iFrame. I have a page with iframe but it sometimes it takes time to load on the page. I would like to assert something on that frame but until and unless iframe load I cannot do anything and my test fails.

Is there a way like waitForFrameToLoad() I can use or some hack to handle this case.

[joshuavictor]

the website that I was testing does not have frame or iframe.. it just using div.. how can I implement the same technique using div?

[nikkietadhurve]

have recently started using playwright ....and I m struggling to get the iframe in my code as that Iframe doesn't have attributes are src, title and class(dynamically generated). Please help how to deal with this scenario. I my test I m navigating from one page to the iframe where the Iframe is taking time to load

[cristhiamguerrero]

What is the name of the tool you have to see how many xpath/Css items you got.?

[tranquocviet]

Hi. Thank for this tutorial. But how I can load frame with selector?

[ranig]

how U are getting that letxpath, i did not understand