如何通过grunt & jasmine设置PhantomJS的视区大小？

Question

我正在尝试使用grunt + jasmine + phantomjs来测试一些东西。这个特定的测试需要一个大的视区，因此响应式样式在phantomjs中呈现大屏幕版本。

我在grunt-contrib-jasmine插件中注意到这段代码，它似乎允许设置幻影选项：

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

然而，当我在grunt中将其添加到我的配置中时，它没有任何效果：

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

Answer 1

答案在于viewportSize是page对象的一个选项，而不是phantomjs。grunt配置需要如下所示：

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