In this blog we will utilize playwright-java to dynamically generate and upload a fresh file at runtime. We will also learn to upload multiple files.<\/em><\/p>\n

\n

\n<\/ins>\n<\/div>\n
Topics that we will cover:<\/strong><\/p>\n
\n
Upload existing file<\/li>\n
Generating and uploading a fresh file dynamically during runtime<\/li>\n
Upload multiple files<\/li>\n
Source code (upload existing file)<\/li>\n
Source code (create\/upload file during runtime)<\/li>\n
Source code (upload multiple files)<\/li>\n<\/ul>\n
Upload existing file<\/strong><\/p>\n
We will now look at the process of uploading a pre-existing file with Playwright Java.<\/p>\n
Create dummy pdf file in the playwright project, see below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0We are going to upload this file to the site<\/p>\n
https:\/\/the-internet.herokuapp.com\/upload<\/a>\u00a0<\/p>\n
Let us inspect \u2018Choose File\u2019 button<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0There is a \u2018setInputFiles<\/em><\/strong>\u2019 method in playwright that can be used to set the input file<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n\n
\u00a0Two arguments are required for this method: the selector, which is the locator of the ‘Choose File’ button in the current case, and the file name (which is the input file that needs to be uploaded).<\/p>\n
Note: import java.nio.file.Paths;<\/em>\u00a0<\/p>\n
Code snippet so far<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n\n
\u00a0Execute.<\/p>\n
Note below that the file has been chosen successfully<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Next we will click the \u2018Upload\u2019 button to upload the file.<\/p>\n
It is advisable to introduce a brief waiting period before proceeding to click on the ‘Upload’ button<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute.\u00a0<\/p>\n
Note below that file has been uploaded<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0This is how uploading of an existing file is made simple with Playwright.<\/p>\n
Generating and uploading a fresh file dynamically during runtime<\/strong><\/p>\n
Let us now create a new file and upload it at runtime.<\/p>\n
Go to https:\/\/cgi-lib.berkeley.edu\/ex\/fup.html<\/a>\u00a0<\/p>\n
We have to first inspect \u2018Choose File\u2019<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0For creating a new file at runtime, we can again make use of the \u2018setInputFiles<\/em>\u2019 method with different set of arguments<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n\n
\u00a0Execute. Note below that the file is successfully chosen<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0We now press the \u2018Press\u2019 button to upload file<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute.\u00a0<\/p>\n
File gets uploaded, the file contents are clearly visible, see below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Upload multiple files<\/strong><\/p>\n
Let us now see how to upload multiple files.\u00a0<\/p>\n
First of all, let us add 2 files under src\/test\/resources\/files folder<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0We would be uploading these 2 files using playwright.<\/p>\n
Go to https:\/\/www.w3schools.com\/jsref\/tryit.asp?filename=tryjsref_fileupload_multiple<\/a>\u00a0<\/p>\n
Inspect \u2018Choose Files\u2019 button. Notice that this element is a part of frame and the frame id is as seen below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Make sure to import below 2 libraries<\/p>\n
import java.nio.file.Path;
import java.nio.file.Paths;<\/em><\/p>\n
We can again make use of setInputFiles<\/em> method with a different set of arguments as shown below<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0Execute.<\/p>\n
Notice below that 2 files get uploaded.<\/p>\n<\/div>\n
$\"\"$ <\/span><\/div>\n
\n
\u00a0This is how we can upload multiple files.<\/p>\n
Source code (upload existing file)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> java.nio.file.Paths;<\/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> Blog15_UploadExistingFile {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() throws<\/strong> InterruptedException {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
Page pg = b.newPage();<\/p>\n
pg.navigate(“https:\/\/the-internet.herokuapp.com\/upload”);<\/p>\n
<\/p>\n
pg.setInputFiles(“#file-upload”, Paths.get<\/em>(“pwfile.pdf”));<\/p>\n
Thread.sleep<\/em>(2000);<\/p>\n
pg.locator(“text = Upload”).last().click(); \/\/Upload<\/p>\n
pg.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Source code (create\/upload file during runtime)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> java.nio.charset.StandardCharsets;<\/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
import<\/strong> com.microsoft.playwright.options.FilePayload;<\/p>\n
<\/p>\n
public<\/strong>
\nclass<\/strong> Blog15_CreateUploadFileDuringRuntime {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() throws<\/strong> InterruptedException {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
Page pg = b.newPage();<\/p>\n
pg.navigate(“https:\/\/cgi-lib.berkeley.edu\/ex\/fup.html”);<\/p>\n
pg.setInputFiles(“input[name=’upfile’]”, new<\/strong> FilePayload(“pwfile.text”,<\/p>\n
“text\/plain”,”Rahul Shetty Academy https:\/\/rahulshettyacademy.com\/”.getBytes(StandardCharsets.UTF_8<\/em><\/strong>)));<\/p>\n
pg.locator(“text = Press”).click();<\/p>\n
pg.pause();<\/p>\n
}<\/p>\n
}<\/p>\n
<\/p>\n
Source code (upload multiple files)<\/strong><\/p>\n
package<\/strong> com.rsa.playwrightjava;<\/p>\n
<\/p>\n
import<\/strong> java.nio.file.Path;<\/p>\n
import<\/strong> java.nio.file.Paths;<\/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> Blog15_MultipleFilesUpload {<\/p>\n
@Test<\/p>\n
public<\/strong>
\nvoid<\/strong> PlaywrightJTest() throws<\/strong> InterruptedException {<\/p>\n
Playwright pt = Playwright.create<\/em>();<\/p>\n
LaunchOptions lo = new<\/strong> LaunchOptions();<\/p>\n
lo.setChannel(“msedge”);<\/p>\n
lo.setHeadless(false<\/strong>);<\/p>\n
BrowserType btype = pt.chromium();<\/p>\n
Browser b = btype.launch((new<\/strong> BrowserType.LaunchOptions().setHeadless(false<\/strong>)));<\/p>\n
Page pg = b.newPage();<\/p>\n
pg.navigate(“https:\/\/www.w3schools.com\/jsref\/tryit.asp?filename=tryjsref_fileupload_multiple”);<\/p>\n
pg.frameLocator(“#iframeResult”).locator(“#myFile”).setInputFiles(new<\/strong> Path[] {<\/p>\n
Paths.get<\/em>(“.\/src\/test\/resources\/files\/file1.pdf”),<\/p>\n
Paths.get<\/em>(“.\/src\/test\/resources\/files\/file2.jpeg”)<\/p>\n
});<\/p>\n
<\/p>\n
pg.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 utilize playwright-java to dynamically generate and upload a fresh file at runtime. We will also learn to upload multiple files. Topics that we will cover: Upload existing file Generating and uploading a fresh file dynamically during runtime Upload multiple files Source code (upload existing file) Source code (create\/upload file during […]<\/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-3262","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\/3262","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=3262"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3262\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}