Run some webUI tests with mobile-sized browser

[phil-davis]

PR #38748 adjusts some UI elements for smaller screens. We could run some webUI test scenarios on a smaller browser window to know if they work OK. We do not want to "explode" CI by running all UI test scenarios! Maybe just run smokeTest scenarios.

See my comment #38748 (comment)

Hint: The Behat-Mink-Selenium stack allows resizing the browser:

$this->getSession()->resizeWindow(375, 812, 'current');

[sakshamgurung]

@individual-it
Right now I am using the suggested code $this->getSession()->resizeWindow(375, 812, 'current') under @BeforeScenario tagged function in WebUIFilesContext.php and running test suite with BEHAT_FILTER_TAGS=@smokeTest. It runs well for any test that uses WebUIFilesContext.php. Now, the question is

• How to run test, once for all test in full resolution and once for all @smokeTest test in mobile size resolution in local and ci.
• Is there a better location to place the resize code to support the above point.

[individual-it]

@sakshamgurung you can create an extra tag for small resolutions and run $this->getSession()->resizeWindow(375, 812, 'current') in a BeforeScenario that is only for that resolution

or you use the EXTRA_CAPABILITIES='"screenResolution":"375x812" environment variable, see

core/tests/acceptance/run.sh

Line 1179 in 4afb755

EXTRA_CAPABILITIES='"screenResolution":"1920x1080",'

Then you should not need any resizeWindow at all

[individual-it]

I just tried using the EXTRA_CAPABILITIES and it seems not to work :-(

[saw-jan]

Closing the issue. as PR #39161 has been merged