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

但出于各种原因，我宁愿不这么做。

我使用黄瓜，Capybara，Poltergeist/幻影use

Answer 1

根据我使用CSS和Javascript的经验，这更像是一种有教养的猜测，但您可以尝试这样的方法：

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

注意冒号前面的反斜杠，这将在CSS中转义字符。然而，对于Javascript来说，情况略有不同。您将需要两个斜杠来转义字符。就像这样：

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

我不确定哪一个能做到这一点(如果两者都会的话)，因为我对Cucumber、Capybara和Poltergeist/PhantomJS没有任何经验，但是根据您的代码，您似乎希望首先尝试双斜杠\\选项。