I’m trying to automate a floating flurp extension (a clickable widget pinned to the right side of the screen – see attached screenshot). It appears as a floating button/icon with id=“NetarxPop” and custom CSS positioning (position: fixed; top: 145px; right: 0px; z-index: 1000000).
The issue is:
I can inspect it manually via browser DevTools But I cannot capture its XPath using Spy Web or Record Web in Katalon Studio Since it’s not being detected, I can’t proceed with automating clicks or interactions
What I’ve tried:
Navigating to the correct page and trying to record the click manually
Manually copying XPath/CSS selector from DevTools – but Katalon can’t interact with the element
Thanks so much for your quick reply and for sharing the documentation.
I carefully followed all the steps in the Record Web utility guide, including setting the correct browser, enabling the extension, and trying both SpyWeb and RecordWeb — but unfortunately, I’m still unable to capture the XPath for elements inside the Flurp extension.
When I inspect the Flurp extension popup (after clicking on it in the browser), the DOM structure seems different, and nothing gets captured by Katalon’s Spy or Recorder tools. It’s like the extension UI is isolated or in a shadow DOM — I’m not sure.
Is there any workaround to access or interact with Chrome extension UIs like Flurp using Katalon?
Thanks again for your support!
Looking forward to your suggestions.
I found the opposite. Yes, it is inside an <iframe>.
The Spy and Recording tool do not work well with contents inside <iframe>. So, I think you should not rely on the Spy and Recrding tools to work with the Flurp widget. You should be able to write a valid XPath manually, don’t you?
you will see the blue highlight of the <div> you have selected. Next to that going leftward, there is another <div> and then <div#app-root> and then … #shadow-root. The first line of the #shadow-root web page is:
So, it doesn’t look like your issue is with an <iframe> but with the <#shadow-root>.
Hi there, thanks for checking the Netarx site — but I think there might be some confusion.
The issue I’m facing isn’t related to the Netarx website itself.
Could you please try the following to better understand my problem?
Open Chrome and go to the Chrome Web Store.
Search for “Flurp Lite” and install the extension.
After installing, go to your Gmail or Outlook — you’ll see a green Flurp icon appear.
Now try to inspect the Flurp UI using Chrome DevTools and attempt to capture its XPath.
My main issue is: I’m unable to capture any XPath or inspect the elements inside the Flurp extension using Katalon Spy Web or Record Web. It’s like the Flurp UI is isolated, and nothing is detected.
If you’ve worked with Chrome extension UIs before, I’d really appreciate any suggestions or workarounds for capturing element locators inside them.
As per @kazurayam suggestion, you can see if the following assists you. You should also pay attention to the list of “Known Limitations”, such as only CSS locators and elements being “unclickable”.
Which kind of browser are you using? Chrome (branded)?
Which version of the browser are you using? v137.0.x?
Which version Katalon Studio are you using? v10.0? 10.1? 10.2?
If you are using Chrome (branded) v137, then the following issue would concern:
I mean, when Katalon Studio v10.1 and older launches Chrome (branded) 137.x, it will fail to activate Chrome Extensions(due to Chrome’s security policy). Possibly Flurp Extension in the target web page won’t be activated. Therefore Web Recording tool would not find Flup Extension in action in the page.
I can inspect it manually via browser DevTools
But I cannot capture its XPath using Spy Web or Record Web in Katalon Studio
