In this blog we will be utilizing Playwright Java to handle frames.<\/em><\/p>\n

\n

\n<\/ins>\n<\/div>\n
Topics that we will cover:<\/strong><\/p>\n
\n
Fundamental overview of frames<\/li>\n
Handle frames<\/li>\n
Source code<\/li>\n<\/ul>\n
Fundamental overview of frames\u00a0<\/strong><\/p>\n
A frame refers to an HTML page that is inserted into another page.\u00a0<\/p>\n
Launch https:\/\/paytm.com\/<\/a> and hit \u2018Sign In\u2019 button<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0 A distinct window pops up (as seen above) and this is a frame. The question arises as to how do we know if this popup is indeed a frame?\u00a0<\/p>\n
By clicking the right mouse button on this window, the option to view the frame source becomes visible<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Clicking outside the window will not show the ‘View frame source’ option (see below). This means that this part of the html page is not a frame<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0This explanation provided a fundamental overview of frames.<\/p>\n
Handle frames<\/strong><\/p>\n
We will now automate an action on an iframe. Navigate to<\/p>\n
https:\/\/the-internet.herokuapp.com\/iframe<\/a>\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Let’s examine the procedure for automating a test that will input text into the text area located in the frame above.<\/p>\n
The text area is represented by tag \u2018iframe\u2019 and has the \u2018id\u2019 mce_0_ifr<\/em><\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Since this frame is within a parent html page, the locator of parent html can than be written as shown below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
This is how our code looks<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute.<\/p>\n
The text appears in the text area of the frame as shown below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Playwright does not require switching to a frame, unlike Selenium.\u00a0<\/p>\n
Source code<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> com.microsoft.playwright.Browser;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType;<\/p>\n
import<\/strong> com.microsoft.playwright.Locator;<\/p>\n
import<\/strong> com.microsoft.playwright.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog27_iframes_PWJava_Example1 {<\/p>\n
public<\/strong>
\nstatic<\/strong>
\nvoid<\/strong> main(String[] args) {<\/p>\n
Playwright playwright = Playwright.create<\/em>();\u00a0<\/p>\n
Browser browser = playwright.chromium().launch(new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>));<\/p>\n
Page page = browser.newPage();<\/p>\n
page.navigate(“https:\/\/the-internet.herokuapp.com\/iframe”);<\/p>\n
Locator frame1 = page.frameLocator(“#mce_0_ifr”).locator(“html”);<\/p>\n
frame1.click();<\/p>\n
frame1.type(“https:\/\/rahulshettyacademy.com”);<\/p>\n
page.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Thanks<\/p>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/section>\n
<\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"
In this blog we will be utilizing Playwright Java to handle frames. Topics that we will cover: Fundamental overview of frames Handle frames Source code Fundamental overview of frames\u00a0 A frame refers to an HTML page that is inserted into another page.\u00a0 Launch https:\/\/paytm.com\/ and hit \u2018Sign In\u2019 button \u00a0 A distinct window pops up […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,9],"tags":[],"class_list":["post-3471","post","type-post","status-publish","format-standard","hentry","category-java","category-playwright","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=3471"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3471\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}