空手道 - UI 自动化 - 是否可以获取 web 元素的 Css 样式属性

Question

I am trying to access the below attributes of the web element

enter image description here

Is there any way in karate where I can grab the CSS style attribute of the UI elements, like how we have in selenium getCssValue("font-size")

I have tried the below code

• print attribute('#eg01SubmitId', 'font-size')

but it's giving an empty value

Answer 1

Just use JS please, Karate does not need all these fancy API-s.

Please refer the documentation for script() :https://github.com/intuit/karate/tree/master/karate-core#script

And then using normal DOM API-s you can do this:

* def displayStyle = script('.Popover', "_.style['display']")

I referred this article: https://zellwk.com/blog/css-values-in-js/

EDIT: if you read the last link, you should have realized that if the styles come from a CSS class etc, you should use getComputedStyle()

so try this:

* print script('.demo-btn', "function(e){ return getComputedStyle(e)['font-size'] }")