PhantomJS，Qunit，Grunt测试浏览器大小调整窗口小部件

Question

我创建了一个jQuery UI Widget来调整DIV / thing的大小以填满浏览器屏幕。一切正常，但现在我想创建unit tests来测试它正在调整大小并保持边界等。

我正在使用Grunt和grunt-contrib-qunit，它使用PhantomJS进行测试，但我现在不确定如何测试浏览器调整大小，因为通过JS无法调整大小一个浏览器。也许PhantomJS提供了允许我在运行时改变它的东西？

Answer 1

检查CasperJS库。它允许您控制“浏览器”（实际上是PhantomJS）。

Answer 2

您可以使用以下代码定义无铬浏览器的宽度和高度：

grunt.initConfig({
   qunit: {
      src: ['tests/test.html'],
      options: {
          page : {
              viewportSize : { width: 1280, height: 800 }
          }
      }
   },
});