Hey @JakubBlazity! What's your exact use case for the viewport? Do you want to make the screenshots for specific size of browser tab always or it's more in the direction of making shots with different breakpoints?

We have a feature for breakpoints, but the viewport as you noticed might not work as expected. We need to work on this!

@d-ivashchuk
I want to be able create one screenshot for 1920x1080 browser size, and another, lets say for 375x720. Is it possible?

with our breakpoint shots implementation, we went in the direction of horizontal breakpoints, meaning that you can set that up horizontally.

module.exports = {
  storybookShots: {
    storybookUrl: './storybook-static',
    breakpoints: [640, 1024],
  },
  lostPixelProjectId: 'xxx',
  apiKey: process.env.LOST_PIXEL_API_KEY,
};
uses: lost-pixel/lost-pixel@feature/breakpoint-shots

I don't think setting the viewport in page mode is possible now(we missed something in the implementation), but it should be quite easy to fix. If you want to make a contribution I'd be happy to assist!

I had a look at the codebase and there's a condition that checks if configureBrowser exists. Adding this line made it work for me. Feels a bit strange though.

module.exports = {
  configureBrowser: (browser) => browser,
};

Hey @jerico-wf! What exactly started to work with configureBrowser present? Might help us fixing it, thanks! I'd also be glad to accept a PR 🙌🏼

Hey @d-ivashchuk, just responding from my main account. I found this condition in the code which appears to require browserConfig to be defined for the code to accept page.viewport. Which is why I tried passing in configureBrowser and the viewport started working. Why the condition is there, I'm not so sure..

Awesome work finding this out, I don't think there is some good reasoning behind this! Would appreciate the PR that fixes this so you don't need to use the hack 🙌🏼

@d-ivashchuk sure thing - let me know what you think about this 🙏 #273