我已经花了一个下午的时间,并没有取得任何进展,我真的开始怀疑它是否有可能。
我使用Angular with Headroom来处理菜单在向下滚动时消失。我的测试是使用Protractor完成的,使用PhantomJS,这就是乐趣开始的地方。
PhantomJS不支持.bind()
,而且Headroom在整个地方使用它,这意味着我需要对其进行填充。这应该没问题,但我不能让它发挥作用。
我认为我的问题是,无论我在哪里运行polyfill功能,PhantomJS和已测试的页面都已加载,因此已经太晚了,由于.bind()
,Headroom将无法加载不可用。
在加载页面之前有没有办法运行这些方法?我知道我可以通过头部的脚本标签将它们添加到我的应用程序中,但我不想在整个应用程序中添加一些只能由测试框架使用的内容。
答案 0 :(得分:0)
我想我有一个解决方法。 (至少试一试,我们会看看它是否正常工作)你能做的最好的事情就是修补你的phantomJS浏览器以支持这种方法。基本上你应该在每个规范之前运行一个脚本,这样它就可以应用于全局范围,并且可以用于你的规范。
尝试扩展您的规格配置。这是一个例子:
...
specs: ['my_phantomjs_bind_patch.js', 'webtests/**/*.js']
...
答案 1 :(得分:0)
您无法在实际页面加载之前运行脚本,因为它们是dom树的一部分。您可以做的是:`
window.onload = function() {
//do something
};

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