In this blog we will be utilizing Playwright Java to handle javascript dialogs (alerts, popups, prompts).<\/em><\/p>\n

\n

\n<\/ins>\n<\/div>\n
Topics that we will cover:<\/strong><\/p>\n
\n
Handle Javascript dialogs (example 1)<\/li>\n
Handle Javascript dialogs (example 2)<\/li>\n
Source code (example 1)<\/li>\n
Source code (example 2)<\/li>\n<\/ul>\n
Handle Javascript dialogs (example 1)<\/strong><\/p>\n
Go to https:\/\/the-internet.herokuapp.com\/javascript_alerts<\/a>\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
To handle this, we can add \u201conDialog<\/em><\/strong>\u201d listener<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n\n
\u00a0Whenever the javascript dialog\/alert appears, this particular \u201conDialog<\/em><\/strong>\u201d listener will be invoked.<\/p>\n
In line#18, we have passed the lambda function inside the method parameter.<\/p>\n
In line#26, we are clicking the \u2018Ok\u2019 button by calling the accept method.\u00a0<\/p>\n
In line#28, we are printing the message on the dialog box.<\/p>\n
In line#31, we are clicking the button to open the alert dialog. Notice that we have placed this after the listener code. So it does not matter where we keep the \u2018click\u2019 method. The listener keeps listening for any alert.<\/p>\n
Execute.<\/p>\n
Notice below that alert comes up<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n\n
We add the lines#32 and 33.\u00a0<\/p>\n
Rest of the logic would remain same<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Handle Javascript dialogs (example 2)<\/strong><\/p>\n
Let us see another example, go to https:\/\/mail.rediff.com\/cgi-bin\/login.cgi<\/a>\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
The below code will click the \u2018Ok\u2019 button and will capture the text of this alert box<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute.<\/p>\n
The popup comes up<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Source code (example 1)<\/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.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog26_JSDialogs_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
<\/p>\n
Page page = browser.newPage();<\/p>\n
page.navigate(“https:\/\/the-internet.herokuapp.com\/javascript_alerts”);<\/p>\n
\/\/JS Alert, confirm, prompt<\/p>\n
page.onDialog(dialog -> {<\/p>\n
try<\/strong> {<\/p>\n
Thread.sleep<\/em>(3000);<\/p>\n
}catch<\/strong> (InterruptedException e) {<\/p>\n
e.printStackTrace();<\/p>\n
}<\/p>\n
dialog.accept();<\/p>\n
<\/p>\n
System.out<\/em><\/strong>.println(dialog.message());<\/p>\n
});<\/p>\n
<\/p>\n
page.locator(“text=Click for JS Alert”).click();<\/p>\n
page.locator(“text=Click for JS Confirm”).click();<\/p>\n
page.locator(“text=Click for JS Prompt”).click();<\/p>\n
<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Source code (example 2)<\/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.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog26_JSDialogs_Example2 {<\/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
<\/p>\n
Page page = browser.newPage();<\/p>\n
page.navigate(“https:\/\/mail.rediff.com\/cgi-bin\/login.cgi”);<\/p>\n
\/\/JS Alert<\/p>\n
page.onDialog(dialog -> {<\/p>\n
try<\/strong> {<\/p>\n
Thread.sleep<\/em>(3000);<\/p>\n
}catch<\/strong> (InterruptedException e) {<\/p>\n
e.printStackTrace();<\/p>\n
}<\/p>\n
dialog.accept();<\/p>\n
System.out<\/em><\/strong>.println(dialog.message());<\/p>\n
});<\/p>\n
page.locator(“text=Sign in”).click();<\/p>\n
<\/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 javascript dialogs (alerts, popups, prompts). Topics that we will cover: Handle Javascript dialogs (example 1) Handle Javascript dialogs (example 2) Source code (example 1) Source code (example 2) Handle Javascript dialogs (example 1) Go to https:\/\/the-internet.herokuapp.com\/javascript_alerts\u00a0 To handle this, we can add \u201conDialog\u201d listener […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-3459","post","type-post","status-publish","format-standard","hentry","category-playwright","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3459","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=3459"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3459\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}