Skip to content

Add "Get CSS Property Value" keyword to retrieve computed CSS values #1969

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
b-vamsipunnam wants to merge 1 commit into
base: master
Choose a base branch
from
+70 −2
Open

Add "Get CSS Property Value" keyword to retrieve computed CSS values #1969

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 29 additions & 1 deletion atest/acceptance/keywords/elements.robot
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -218,4 +218,32 @@ Cover Element can cover just one element

Cover Elements should throw exception when locator is invalid
Run Keyword And Expect Error No element with locator '//img?@src="inexistent"?' found.
... Cover Element //img[@src="inexistent"]
... Cover Element //img[@src="inexistent"]

Get CSS Property Value
[Setup] Go To Page "cssproperties.html"
${display}= Get CSS Property Value id:styled-div display
Should Be Equal ${display} block
${font_size}= Get CSS Property Value id:styled-div font-size
Should Be Equal ${font_size} 16px
${margin_top}= Get CSS Property Value id:styled-div margin-top
Should Be Equal ${margin_top} 10px
${text_align}= Get CSS Property Value id:styled-div text-align
Should Be Equal ${text_align} center

Get CSS Property Value With Missing Element
[Setup] Go To Page "cssproperties.html"
Run Keyword And Expect Error
... Element with locator 'id:non-existent' not found.
... Get CSS Property Value id:non-existent color

Get CSS Property Value Returns Background Color
[Setup] Go To Page "cssproperties.html"
${color}= Get CSS Property Value id:styled-div background-color
Should Match Regexp ${color} ^rgba?\(.+\)$

Get CSS Property Value Using WebElement
[Setup] Go To Page "cssproperties.html"
${element}= Get WebElement id:styled-div
${display}= Get CSS Property Value ${element} display
Should Be Equal ${display} block
22 changes: 22 additions & 0 deletions atest/resources/html/cssproperties.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Properties Test Page</title>
<style>
#styled-div {
display: block;
font-size: 16px;
background-color: rgb(255, 0, 0);
margin-top: 10px;
text-align: center;
}
</style>
</head>
<body>

<div id="styled-div">
Demo Element
</div>

</body>
</html>
18 changes: 18 additions & 0 deletions src/SeleniumLibrary/keywords/element.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1275,3 +1275,21 @@ def _convert_special_keys(self, keys):

def _selenium_keys_has_attr(self, key):
return hasattr(Keys, key)

@keyword("Get CSS Property Value")
def get_css_property_value(
self, locator: Union[WebElement, str], css_property: str
) -> str:
"""Returns the computed value of ``css_property`` from the element ``locator``.

See the `Locating elements` section for details about the locator syntax.

The value returned is the browser-computed CSS value of the property.
For example, colors are often returned in ``rgba(...)`` format and sizes
are typically returned in pixels.

Example:
| ${color}= | `Get CSS Property Value` | css:button.submit | background-color |
| ${size}= | `Get CSS Property Value` | id:username | font-size |
"""
return self.find_element(locator).value_of_css_property(css_property)
2 changes: 1 addition & 1 deletion utest/test/api/test_plugins.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ def setUpClass(cls):
def test_no_libraries(self):
for item in [None, "None", ""]:
sl = SeleniumLibrary(plugins=item)
self.assertEqual(len(sl.get_keyword_names()), 182)
self.assertEqual(len(sl.get_keyword_names()), 183)

def test_parse_library(self):
plugin = "path.to.MyLibrary"
Expand Down