How to set viewport size in PhantomJS from Chutzpah

Question

How I can set viewport size in PhantomJS? I tried to set it using window.callPhantom:

window.callPhantom('page.viewportSize = { width: 480, height: 800 };')

as suggested here: https://github.com/mmanela/chutzpah/issues/355, but this doesn't seem to work, because later window.innerHeight still shows 300px (this is the default height of viewport in PhantomJS)

I'm running qunit test in js, via npm test. default browser is phantomjs, so I'm trying to change the viewport size in test setup. Then later when test is executed, I'm checking window.innerHeight and still see 300... — El Kopyto, Aug 02 '15 at 14:15

score 1 · Answer 1 · edited Aug 03 '15 at 06:33

1

Chutzpah supports you calling phantom to change size but it requires you pass the arguments a little bit differently. Try:

window.callPhantom(
{
  Type:"Eval",
  Data: "phantom.pagesize(100,200);"
});

I am missing documentation on this which I will correct soon.

edited Aug 03 '15 at 06:33

Artjom B.

61,146
24
125
222

answered Aug 02 '15 at 21:47

Matthew Manela

16,572
3
64
66

How to set viewport size in PhantomJS from Chutzpah

1 Answers1