Font Awesome icons - How to create a Selector to check a style

[anon92689199]

I am pretty new to programming so be patient with my question please

I need to evaluate the content of a selector but I have no idea how since it is not a simple string but either a green tick or a red cross. The HTML for the green tick is:

<a class="fa fa-check" style="color: green"></a>

and the selector is:

body > main > div > div.grid > table > tbody > tr:nth-child(1) > td:nth-child(7) > a

How do I evaluate that content since an assertion with withText will fail. I know you can use an assertion with withAttribute but I have no idea how to bring the two together.

I know I can use something like this but what is the attribute in the above HTML?

.expect(selector.withAttribute(attrName [, attrValue]).exists).ok()

[anon69099579]

This might work, use a regex in case there is more to the style tag:

.expect(selector.withAttribute("style", /(^|[\s])color\s*:\s*green\s*($|;)/).exists).ok() // updated regex

You might also want to add the <a> classes to the selector:

a.fa.fa-check

[anon92689199]

@vastydeep

Thank you for that! The regex code worked!

Thank you so much!

[anon69099579]

@boerewors Actually there's another way for this particular case:

.expect(selector.getStyleProperty("color")).eql("rgb(0, 128, 0)")

which is much easier than figuring out a regex.

[anon92689199]

@vastydeep that worked even better and I could adapt it for other scenarios as well, thank you so much!