2014-03-24 66 views
1

我想用grunt + jasmine + phantomjs来测试一些东西。这个特定的测试需要一个很大的视口,所以响应式样式在幻影中呈现大屏幕版本。如何通过grunt&jasmine设置PhantomJS的视口大小?

我在grunt-contrib-jasmine插件注意到了这个代码,这似乎允许设置phantomjs选项:

// Merge task-specific options with these defaults. 
var options = this.options({ 
    ... 
    phantomjs : {}, 
    ... 
}); 

然而,当我在繁重的内容添加到我的配置它没有任何效果:

options: { 
    phantomjs: { 
    viewportSize: { 
     width: 2000, 
     height: 1000 
    } 
    } 
} 

回答

3

答案在于viewportSizepage对象的选项,而不是phantomjs。咕噜配置需要看起来像这样:

taskName: { 
    options: { 
    page: { 
     viewportSize: { 
     width: 2000, 
     height: 800 
     } 
    }, 
    ... 
} 
+4

是否有可能在页面加载后更改'viewportSize'? [文档](http://phantomjs.org/api/webpage/property/viewport-size.html)说这是'首选的初始大小',但我想在测试过程中调整它的大小以检查一些响应行为。 – iX3

相关问题