如何通过grunt＆amp; amp;来设置PhantomJS的视口大小？茉莉？

Question

我试图用grunt + jasmine + phantomjs测试一些东西。此特定测试需要一个大视口，因此响应式样式会在phantomjs中呈现大屏幕版本。

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

// 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
      }
    },
  ...
}