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

Question

我已经创建了一个jQuery UI Widget，它可以调整DIV/东西的大小以填充浏览器屏幕。这一切都很好，但现在我想创建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 }
          }
      }
   },
});