在Capybara-Webkit中显示@ font-face字体

Question

当我使用capybara-webkit测试我的网站并截取屏幕截图时,CSS中的@ font-face声明将被忽略.

这特别糟糕,因为我使用FontAwesome,因此在真实浏览器中页面的显示方式会有很大差异.

如何重现:https://gist.github.com/anonymous/4948827

输出:http://i.imgur.com/5lsrleY.jpg

有没有什么办法解决这一问题？

Answer 1

取决于qt该版本capybara-webkit webkit 需要将非本地主机 URL 列入白名单。这包括对外部资源（例如字体）的元引用。

要在全局范围内实现这一点，请将其添加到 rspec 配置块中的 spec_helper.rb 中：

config.before(:each) do
  page.driver.allow_url("the-domain-name.com")
end

如果你已经有了 before :each ，只需将它扔到那里即可。allow_url还接受字符串数组。

我已在您的要点中对此发表了评论。