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']");

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

Answer 1

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

Try this