css - Capybara/Poltergeist:带冒号的 CSS ID 引发 Capybara::Poltergeist::InvalidSelector

Question

我有一个名称中带有冒号的 CSS 选择器，这显然是个问题。

例子:

selector = 'input#billing:street1'
find(selector)

我收到以下错误消息:

The browser raised a syntax error while trying to evaluate the selector "input#billing:region_id" (Capybara::Poltergeist::InvalidSelector)

有什么方法可以按原样使用选择器吗？我知道我可以做这样的事情:

selector = 'billing:street1'
find(:xpath, ".//input[@id='#{selector}']")

但出于各种原因我不想这样做。

我使用 Cucumber、Capybara、Poltergeist/PhantomJS

Answer 1

这更多是基于我对 CSS 和 Javascript 的经验的有根据的猜测，但您可以尝试这样的事情:

selector = 'input#billing\:street1'
find(selector)

注意冒号前面的反斜杠，这会转义 CSS 中的字符。然而，对于 Javascript，它略有不同。您将需要两个斜杠来转义该字符。像这样:

selector = 'input#billing\\:street1'
find(selector)

我不确定哪个可以解决问题(如果有的话)，因为我对 Cucumber、Capybara 和 Poltergeist/PhantomJS 的经验为零，但根据您的代码，您似乎想尝试双重首先斜杠 \\ 选项。