Selenium C# Locate Both Data QA Attribute And CSS Class

Question

How do we locate both Data QA Id and CSS Class using Selenium C# ?

We're trying to locate both a DataQAid attribute and also see if its class ng-invalid, (Angular Material Textbox Error)

This is what wrote so far:

private By PhoneError => By.XPath("//*[@attr.data-qa='homephone']");

enter image description here

Resource: https://stackoverflow.com/questions/24120263/find-element-in-selenium-using-xpath-or-css-selector

• PDHide: is your locator working ? why are using @attr.data-qa instead of @data-qa
• Niels van Reijmersdal: Why do you use 'homephone' when the value is 'homephone-update' ?
• PDHide: @NielsvanReijmersdal are you aware of attr.data-qa ? Is it something new or even that is wrong . I never seen such a usage .
• Niels van Reijmersdal: @PDHide No, I think it is a miss interpretation of examples

Answer 1

By.XPath("//*[@data-qa='homephone-update' and @class='ng-invalid']");

Try this

• Niels van Reijmersdal: This answers the how to use both attr and class. I do not think it solves the issue of the OP, as the data-qa field is homephone-update.
• PDHide: @NielsvanReijmersdal thanks Niel i updated it , i didnt notice the remainingg