css - 如何在检查内容之前让 Cucumber 渲染 CSS？

Question

因此，该页面的 HTML 具有 Hi There，我正在使用 CSS 将其转换为 HI THERE。

我运行 cucumber 来检查页面上是否有 HI THERE(因为这是最终结果，所以应该如此。

然而，当我运行 cucumber 时，出现错误。 HI THERE 不在页面上...我编辑测试以查找 Hi there 并且它通过了。

关键问题:我如何告诉 Cucumber 我需要它来呈现 CSS，然后再给我一个 OK 答案？

编辑:所以，当我让旧的 Firefox 弹出并为我运行时，cucumber 会加载 CSS。因此，我觉得我现在的问题变成了:有没有办法让 Cucumber 在 没有加载浏览器的情况下渲染 CSS？

def hi_there(options = {})
  click_button('hi there')
  expect(page).to have_content("HI THERE")

  # some other code for more testing
end

Answer 1

我正在使用 CSS 将其转换为 HI THERE。

这意味着您正在使用 text-transform:uppercase; 属性，它会在内部调用 javascript 来转换页面上的给定文本。因此，您需要安装(如果您还没有安装)javascript_driver 并将其用于您的方案。

引用 Using Capybara with Cucumber 在这里。