如何避免页面对象中的复合类名错误？

Question

当我尝试在页面对象中使用具有空格类= “国家名称”的类名时，我得到：

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

我如何使用有空格的类名？

例如：

class = "country name"

Answer 1

您可以使用这些类名中的一个，例如

:class => 'country' 

或

:class => 'name'

如果它不能帮助您，那么您应该切换到使用其他类型选择器:css或:xpath

但请注意，在以下情况下：css你写：

:css => '.country.name'

如果是:xpath:

:xpath => '//div[@class='country code']

两个都应该管用

Answer 2

你可以用这个

By.cssSelector("*[class^='classname']");

^ is for if you entering beginning of the class name, 
$ is for if you entering ending of the class name usage example below with sample class name: tech random corner text_left

By.cssSelector("*[class^='tech']");
By.cssSelector("*[class$='text_left']");

Answer 3

改用CSS选择器：

.country.name

重要的是要注意这个例子是错误的！如果“国家名称”是指一个国家的名称，也就是说。类名中不能有空格。事实上，class属性是一个用空格分隔的类列表。这意味着如果你有一个类国家名称，它不是一个类，而是你的元素所属的两个不同的类——第一个是国家，第二个是name！

因此，如果你的类是错的，就修改它们。如果不是，使用CSS选择器，这是匹配多个类的唯一可靠的方法(除了非常长且复杂的XPath表达式)。不要使用简单的XPath表达式或带有简单属性比较的CSS选择器(< code >//*[@ class = ' country name ']或< code > *[class = ' country name '])，那是完全错误的。