[feature request] Ability to set viewport size

[jasonday]

Because content or UI is often hidden/exposed at different viewports with responsive design, allowing for testing at different viewport sizes is important for comprehensive testing.

See axe-crawler for example.

[Hywan]

@jeanmonod @ralf57 It is possible to do that with PhantomJS. You should check pa11y options, it exposes specific options that are passed to PhantomJS to do that.

[ralf57]

thanks @Hywan
@jasonday will look into that ASAP

[jasonday]

Awesome. Additionally, I mentioned axe-crawler because in addition to having a preset config for viewports (see below), but also tests against different browsers.

I think in addition to figuring out the mechanics of the testing, the UI & reporting will need to be figured out as well. I'll try and take some time to wireframe out some potential solutions.

 "viewPorts": [
        {
            "name": "mobile",
            "width": 360,
            "height": 640
        },
        {
            "name": "tablet_vertical",
            "width": 768,
            "height": 1024
        },
        {
            "name": "tablet_horizontal",
            "width": 1024,
            "height": 768
        },
        {
            "name": "desktop",
            "width": 1440,
            "height": 900
        }
    ],