PhantomJS, Qunit, Grunt testing browser resize widgets

Question

I've created a jQuery UI Widget that resizes a DIV/thing to fill up the browser screen. It all works fine but now I want to create unit tests for testing that it's resizing and keeping to boundaries etc.

I'm using Grunt with grunt-contrib-qunit, which uses PhantomJS to do tests but am now unsure how I can test browser resizing at this point as it's not possible via JS to resize a browser. Perhaps PhantomJS provides something that allows me to alter it at runtime?

Answer 1

Check CasperJS library. It allows you to control "browser" (which is PhantomJS actually).

Answer 2

You can use the following code to define the width and height of the chrome-less browser:

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