Using CSS Selector in Chrome is working. [image] However, elemental objects cannot be captured in Katalon. [image] Web development using vue and webpack，This is part of the source code. [image] What do I do?

The following code worked just fine. <svg> element in the suggested online demo http://www.dulinrain.top/vue-highcharts/ was successfully located. import com.kms.katalon.core.testobject.ConditionType import com.kms.katalon.core.testobject.TestObject as TestObject import com.kms.katalon.core.webui.…

If you’re talking about capturing the element(s) using the record web tool, I can’t help you. If you want to manipulate the elements in some other way (like clicks) then we can define test objects that target clickable web elements by hand and either store them or use them directly and discard them…

Locate the chart elements and get all the data from them.For example, all the indicator values in the chart Trying to locate this svg element using this URL method also fails to locate this svg element: [joaorodr84] How to use xPath in Selenium WebDriver to grab SVG elements? …

This CSS selector will return the first text element inside the svg element in your screenshot: div.highcharts-wqngav5-0 svg > text You can test it in the browser console and retrieve the x attribute: document.querySelector("div.highcharts-wqngav5-0 svg > text").getAttribute("x") >>> 925

In using the xpath like done in your link, if the tag you are trying to get is the svg, it may be as simple as: //svg. Nothing else needed if there is only the one svg element on the page. However, I don’t see it giving you much progress. Like your link shows, much of your information is under th…

@applehdh The URL of your Application Under Test — is it public? Can we get access to it via Internet? If so please share the URL.

the application is for internal use and not available on the internet.

highcharts-wqngav5-0 The id is dynamically generated and changes with each request. after I try to change the parameters, I can’t get the element. [image] [image] Working in this way. [image]

Here is an example project in which a xpath selector can successfully locate a <svg> element generated by Highcharts. [image] Katalon CSS/Xpath not working with SVG charts Bugs Report The following XPath expression selects the svg node of the target document: //div[@ id=…

I’ve seen your article before, adding namespace-uri() = “ http://www.w3.org/2000/svg ”, the element cannot be found in katalon. App seems to have used this plugin when developing the application. [image] DuLinRain/vue-highcharts 基于 Vue2.0 和 Highcharts 封装的图表组件. Contribute to DuLinRain/vue-…

The direct use of scripts to locate svg elements was successful and also allowed the internal data to be fetched properly. The Objects sky tool made me make a wrong decision.Thank you very much for your patience.

Cannot locate svg elements (web development using vue.js)

Web Testing

kazurayam November 9, 2020, 8:48am 10

Here is an example project in which a xpath selector can successfully locate a <svg> element generated by Highcharts.

I think that the XML Namespace xmlns="http://www.w3.org/2000/svg" in the target <svg> element matters.

Unable to find Element on the tspan

Topic		Replies	Views
Katalon CSS/Xpath not working with SVG charts Bug Report katalon-studio , bugs-report , tracked	54	9582	May 11, 2021
Unable to find Element on the tspan Web Testing katalon-studio	13	2466	May 17, 2022
Clicking on image with Svg format Web Testing katalon-studio	20	2530	December 4, 2019
Katalon SVG Xpath Web Testing katalon-studio , web-testing	4	2242	September 4, 2019
Finding Element's xpath address Web Testing katalon-studio , web-testing	9	6134	January 23, 2019

Cannot locate svg elements (web development using vue.js)

Related topics