phantomjs - PhantomJS、Qunit、Grunt 测试浏览器调整小部件的大小

Question

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

我正在使用Gruntwith 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 }
          }
      }
   },
});