量角器:PhantomJS中的Polyfill Function.prototype.bind。无法使其发挥作用,甚至可能吗?

时间:2015-07-02 20:38:05

标签: angularjs phantomjs protractor angularjs-e2e polyfills

我已经花了一个下午的时间,并没有取得任何进展,我真的开始怀疑它是否有可能。

我使用Angular with Headroom来处理菜单在向下滚动时消失。我的测试是使用Protractor完成的,使用PhantomJS,这就是乐趣开始的地方。

PhantomJS不支持.bind(),而且Headroom在整个地方使用它,这意味着我需要对其进行填充。这应该没问题,但我不能让它发挥作用。

我认为我的问题是,无论我在哪里运行polyfill功能,PhantomJS和已测试的页面都已加载,因此已经太晚了,由于.bind(),Headroom将无法加载不可用。

在加载页面之前有没有办法运行这些方法?我知道我可以通过头部的脚本标签将它们添加到我的应用程序中,但我不想在整个应用程序中添加一些只能由测试框架使用的内容。

2 个答案:

答案 0 :(得分:0)

我想我有一个解决方法。 (至少试一试,我们会看看它是否正常工作)你能做的最好的事情就是修补你的phantomJS浏览器以支持这种方法。基本上你应该在每个规范之前运行一个脚本,这样它就可以应用于全局范围,并且可以用于你的规范。

尝试扩展您的规格配置。这是一个例子:

...
specs: ['my_phantomjs_bind_patch.js', 'webtests/**/*.js']
...

答案 1 :(得分:0)

您无法在实际页面加载之前运行脚本,因为它们是dom树的一部分。您可以做的是:`



window.onload = function() {
//do something
}; 




但即使触发了onload事件,也必须呈现标记。因此,您应该尝试自己的想法,并在所有其他元素之前添加一个脚本标记到您的html并在那里运行代码,如果它只是用于测试运行。 `

`