In this blog, we will explore the utilization of the ‘Pause’ feature and the Playwright Inspector. Additionally, we will look into the concept of managing multiple browser pages or tabs using a single browser instance.<\/em><\/p>\n

\n

\n<\/ins>\n<\/div>\n
Topics that we will cover:<\/strong><\/p>\n
\n
\u2018Pause\u2019 feature alongwith Playwright Inspector<\/li>\n
Utilizing a single instance of a browser to open and manage multiple browser pages\/tabs<\/li>\n
Source code<\/li>\n<\/ul>\n
\u2018Pause\u2019 feature alongwith Playwright Inspector\u00a0<\/strong><\/p>\n
There are instances when we may feel the need to temporarily suspend (pause) our test in order to either debug or wait for a particular event to take place.\u00a0<\/p>\n
The .pause()<\/em> method is useful in this situation, please refer to the method description provided below\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Upon execution of the script, observe below that the ‘Playwright Inspector’ opens, causing the script to pause and the browser no longer closes automatically as it did before<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Utilizing a single instance of a browser to open and manage multiple browser pages\/tabs<\/strong><\/p>\n
Multiple browser pages can be launched using a single browser instance. Let’s explore the process.\u00a0<\/p>\n
By utilizing the ‘newContext()<\/em>‘ method as illustrated below, it is possible to generate a brand new browser context.<\/p>\n
The browser context, as mentioned in the description, does not share its cache with other browser contexts\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Based on this context, we have the ability to construct a brand new browse page.<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
$\"\"$ <\/span><\/div>\n
\n
In a similar manner, we can generate two additional pages using the same browser context<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute the code.<\/p>\n
Observe that there are three open tabs below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute.<\/p>\n
Notice that 4 window tabs open this time<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0<\/p>\n
So this is how we work with \u2018pause\u2019, inspector and multiple browser pages.<\/p>\n
Source code (pause method)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> org.junit.jupiter.api.Test;<\/p>\n
import<\/strong> com.microsoft.playwright.Browser;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType.LaunchOptions;<\/p>\n
import<\/strong> com.microsoft.playwright.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog4_Pause {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
\/\/lo.setChannel(“chrome”);<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
\/\/BrowserType btype = pt.firefox();<\/p>\n
\/\/BrowserType btype = pt.webkit();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
\/\/Page pg = pt.chromium().launch().newPage();<\/p>\n
Page pg = b.newPage();<\/p>\n
pg.navigate(“https:\/\/rahulshettyacademy.com\/”);<\/p>\n
pg.pause();<\/p>\n
System.out<\/em><\/strong>.println(pg.title());<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Source code (multiple browser pages)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> org.junit.jupiter.api.Test;<\/p>\n
<\/p>\n
import<\/strong> com.microsoft.playwright.Browser;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserContext;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType;<\/p>\n
import<\/strong> com.microsoft.playwright.BrowserType.LaunchOptions;<\/p>\n
import<\/strong> com.microsoft.playwright.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog4_Pause {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
\/\/lo.setChannel(“chrome”);<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
\/\/BrowserType btype = pt.firefox();<\/p>\n
\/\/BrowserType btype = pt.webkit();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
BrowserContext bcontext = b.newContext();<\/p>\n
Page pg1 = bcontext.newPage();<\/p>\n
Page pg2 = bcontext.newPage();<\/p>\n
Page pg3 = bcontext.newPage();<\/p>\n
Page pg4 = bcontext.newPage();<\/p>\n
\/\/Page pg = b.newPage();<\/p>\n
pg1.navigate(“https:\/\/courses.rahulshettyacademy.com\/courses\/”);<\/p>\n
pg2.navigate(“https:\/\/rahulshettyacademy.com\/mentorship”);<\/p>\n
pg3.navigate(“https:\/\/rahulshettyacademy.com\/learning-path”);<\/p>\n
pg4.navigate(“https:\/\/rahulshettyacademy.com”);<\/p>\n
pg4.pause();<\/p>\n
\/\/System.out.println(pg1.title());<\/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 explore the utilization of the ‘Pause’ feature and the Playwright Inspector. Additionally, we will look into the concept of managing multiple browser pages or tabs using a single browser instance. Topics that we will cover: \u2018Pause\u2019 feature alongwith Playwright Inspector Utilizing a single instance of a browser to open and […]<\/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-3054","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\/3054","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=3054"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3054\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}