In this blog, we will learn about Playwright-Java’s ‘Record’ capability that enables users to create scripts by recording their actions on a web page, making it a convenient tool for test automation.<\/em><\/p>\n

\n

\n<\/ins>\n<\/div>\n
Topics that we will cover:<\/strong><\/p>\n
\n
\u2018Record\u2019 capability in Playwright-Java<\/li>\n
Source code (before Record operation)<\/li>\n
Source code (after Record operation)<\/li>\n<\/ul>\n
\u2018Record\u2019 capability in Playwright-Java\u00a0<\/strong><\/p>\n
In order to utilize the ‘Record’ feature in playwright inspector, we can create a basic test and incorporate the page.pause() method as demonstrated below. This will enable us to pause the execution at specific points during the test<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute the script.<\/p>\n
The webpage is launched simultaneously with the inspector, which includes a ‘Record’ button, see below\u00a0<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
On the webpage you can see username and password fields.<\/p>\n
Let us click \u2018Record\u2019 to start recording. Notice below that \u2018Record\u2019 menu comes up<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
$\"\"$ <\/span><\/div>\n
\n
The actions are automatically recorded in the inspector, as shown below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
Let us copy line#3 and lines#12-16 and paste them in notepad<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Let us close the playwright inspector window.<\/p>\n
Insert the recorded code snippet into our test, at line 7 and lines 19 to 23<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0It is important to have the pause() command positioned at the end of line 25 (see above).<\/p>\n
Execute the code.<\/p>\n
Below, you can see the script being replayed and the subsequent entry of the username and password<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
$\"\"$ <\/span><\/div>\n
\n
So, recording actions in playwright is made simple with this approach.<\/p>\n
Source code (before Record operation)<\/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.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> Blog5_Record {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
Page pg1 = pt.chromium().launch(new<\/strong> BrowserType.<\/p>\n
LaunchOptions().<\/p>\n
setHeadless(false<\/strong>)).<\/p>\n
newPage();<\/p>\n
pg1.navigate(“https:\/\/www.facebook.com\/”);<\/p>\n
pg1.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
Source code (after Record operation)<\/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.BrowserType;<\/p>\n
import<\/strong> com.microsoft.playwright.Page;<\/p>\n
import<\/strong> com.microsoft.playwright.Playwright;<\/p>\n
import<\/strong>
\nstatic<\/strong> com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat<\/em>;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog5_Record {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
Page pg1 = pt.chromium().launch(new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)).<\/p>\n
newPage();<\/p>\n
pg1.navigate(“https:\/\/www.facebook.com\/”);<\/p>\n
pg1.getByTestId(“royal_email”).click();<\/p>\n
pg1.getByTestId(“royal_email”).fill(“playwrightjava@gmail.com”);<\/p>\n
pg1.getByTestId(“royal_pass”).click();<\/p>\n
pg1.getByTestId(“royal_pass”).fill(“playwright”);<\/p>\n
pg1.getByTestId(“royal_login_button”).click();<\/p>\n
pg1.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Thanks.<\/p>\n
<\/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 learn about Playwright-Java’s ‘Record’ capability that enables users to create scripts by recording their actions on a web page, making it a convenient tool for test automation. Topics that we will cover: \u2018Record\u2019 capability in Playwright-Java Source code (before Record operation) Source code (after Record operation) \u2018Record\u2019 capability in Playwright-Java\u00a0 […]<\/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-3068","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\/3068","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=3068"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3068\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}