How to avoid Compound Class name error in Page Object

Question

When I try to use the class name that is having space in class = "country name" in page object, I'm getting:

Compound class names not permitted Selenium::WebDriver::Error::UnknownError)

How can I use the class name having space?

Eg: class = "country name"

Answer 1

Use a CSS selector instead:

.country.name

CSS selector is the only reliable way to match multiple classes (apart from a very long and complicated XPath expression). Don't use trivial XPath expressions or CSS selectors with naive attribute comparison (//*[@class='country name'] or *[class='country name']), that's just wrong.