fullpage option of toMatchImageSnapshot not working

[janus-reith]

In headless mode it simply seems to be ignored, creating the same screenshot of the current view instead of the full page.
With headless: false, it screenshots the whole vitest runner ui.

I am using the playwright provider with chromium.

I found this:

visual-testing/packages/vitest-plugin-vis/readme.md

Lines 543 to 549 in a3f2883

	> `fullPage` is not working
	This occurs when the browser is in `headless` mode.
	But even when it is not in `headless` mode,
	the resulting snapshot is still not capturing the full page.
	For the time being, we recommend using `playwright` for visual testing.

Is this still relevant / the feature broken? When you recommend playwright, does that mean the playwright provider, or playwright standalone?

[janus-reith]

Btw I'm unable to take full height screenshots with vitest browser mode in general

[unional]

That was for using webdriverio as provider.
So it's referring to using playwright as provider.

It should be working. The test is able to take a full page snapshot here: https://github.com/repobuddy/visual-testing/blob/main/packages/storybook-addon-vis/__vis__/linux/__baselines__/client/page/to_match_image_snapshot.stories.tsx/full-page-1.png

Did you set the viewport in Vitest config? https://github.com/repobuddy/visual-testing/blob/main/packages/storybook-addon-vis/vitest.config.playwright.ts#L35

[janus-reith]

Does that example have more total height than the current viewport?

[janus-reith]

My results look similar to what you linked here: https://github.com/repobuddy/visual-testing/blob/main/packages/storybook-addon-vis/__vis__/linux/__baselines__/client/page/to_match_image_snapshot.stories.tsx/full-page-1.png

Some blank area right to the actual content. But not the content below the viewport.
I might have a wrong idea what fullPage is supposed to mean

[unional]

um... it should take the full page.
Under the hook it is calling playwright full page screenshots,
so the behavior should be the same.

Probably need a better story to validate it to see what's wrong.

Eventually the code reaches here:

https://github.com/repobuddy/visual-testing/blob/main/packages/vitest-plugin-vis/src/server/browser_provider/playwright.ts#L16-L21