Salesforce lightning web component file upload - Katalon Studio

[prabakar.m]

How to Automate the “lightning web component file upload” control using Katalon studio.
I tried with record and playback, but when I run the script it only clicks the Upload button but is unable to upload the file.

UI Action:

1. Click the Upload Files Button.
2. Open the system File Browser popup.
3. Choose the file and press the Open Button.
   
   

[grylion54]

Just to let you know, as per your heading breadcrumbs, that Katalon Studio and Katalon Recorder are two separate applications. I think you are using the Web Recorder of KS.

There have been many requests on this forum to do with Salesforce, therefore, you should be able to find something. One of the first things you should check out is if there are any <iframe> around the Upload button. If there is, you have to switch to it first, and then carry on with your testing. For each <iframe> in your pathway, you have to do the same.

How to (manually) work with iframes in Katalon

I have found that the following works for me when working with iframes: Manually create a new iframe TestObject as follows: -Start Katalon Studio -Right click on ‘Object Repository’ from the left tree -Click New > Test Object -Input Name= iframe01, click OK; iframe01 opens -Input the Attributes or Xpath to locate iframe01 DO NOT tick the ‘Parent iframe’ property radio button Save Manually create a new TestObject as follows: -Start Katalon Studio -Right click on ‘Object Repository’…

[grylion54]

The below topic should help you to review the HTML of the browser to check on the various tags associated with the Upload button.

[How To] Use The Browser Developer Tools (F12 DevTools)

It is often the case that solving problems in browsers involves using the Browser Developer Tools, or “DevTools” for short. How to start DevTools With the browser open in front of you, press the F12 key. You’ll see a set of panels appear, either at the bottom or at the side of the main browser window: NOTE: I’m using Firefox, but IE/Edge and Chrome DevTools look much the same. [image] Note: The image shows the Firefox devTools attached to the browser window. You may prefer to “float” th…

[Dave_Evers]

Hi @prabakar.m, This post may also help: CSS Tutorial and links for working with CSS selectors