test: update app-layout visual tests to use fixed height

[web-padawan]

Description

Tweaked vaadin-app-layout visual tests to use fixed 600px height to avoid errors when bumping Chrome version:

 ❌ app-layout > ltr > basic
      Error: Screenshot is not the same width and height as the baseline. Baseline: { width: 1024, height: 651 } Screenshot: { width: 1024, height: 650 }
        at async n.<anonymous> (packages/app-layout/test/visual/material/app-layout.test.js:37:9)

Note: in some version the height was decreased to 627px so let's use lower value to be on the safe side.

Type of change

• Test

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[vursen]

Could we achieve the same by explicitly setting the viewport size?

await setViewport({ width: 1024, height: 600 });

[vursen]

Or rather globally by specifying viewportSize here:

web-components/wtr-utils.js

Lines 270 to 275 in 3ee7650

	{
	name: `${theme[0].toUpperCase()}${theme.slice(1)} visual tests`,
	build: `${process.env.GITHUB_REF || 'local'} build ${process.env.GITHUB_RUN_NUMBER || ''}`,
	recordScreenshots: false,
	recordVideo: false,
	},

[web-padawan]

Yes, ideally we would use setViewport() but it needs to be implemented: modernweb-dev/web#1072
I'll look into that since it should be easy (especially when using concurrency: 1 and single session).

[web-padawan]

Closing this for now. Will create a new PR once modernweb-dev/web#2850 is merged.