test: add shortcut for pressing multiple keys simultaneously

[vursen]

Description

Extends the default sendKeys implementation to support pressing multiple keys simultaneously in Puppeter and Playwright when provided in the format Shift+Tab. In screenshot tests, however, this functionality will still be unavailable because WebDriver's sendKeys implementation does not provide an API for holding keys down.

Depends on

• test: create @vaadin/test-runner-commands #8534

Type of change

• Internal

[vursen]

The idea is to use the same approach to extend the API of sendMouse to support

- const { x, y } = middleOfNode(button) 
- sendMouse({ type: 'click', position:  [Math.floor(x), Math.floor(y)] }); 
+ sendMouse({ type: 'click', element: button }); 

[web-padawan]

One case reported above still seems not replaced:

web-components/packages/grid/test/disabled.common.js

Lines 85 to 87 in 8328bac

	await sendKeys({ down: 'Shift' });
	await sendKeys({ press: 'Tab' });
	await sendKeys({ up: 'Shift' });

[vursen]

One case reported above still seems not replaced:

Thanks, replaced.

[sonarqubecloud]

Quality Gate failed

Failed conditions
3.4% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

[vaadin-bot]

Hi @vursen and @web-padawan, when i performed cherry-pick to this commit to 24.6, i have encountered the following issue. Can you take a look and pick it manually?
Error Message:
Error: Command failed: git cherry-pick c1518f7
error: could not apply c1518f7... test: add shortcut for pressing multiple keys simultaneously (#8536)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".

[vaadin-bot]

Hi @vursen and @web-padawan, when i performed cherry-pick to this commit to 24.5, i have encountered the following issue. Can you take a look and pick it manually?
Error Message:
Error: Command failed: git cherry-pick c1518f7
error: could not apply c1518f7... test: add shortcut for pressing multiple keys simultaneously (#8536)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".

[vaadin-bot]

This ticket/PR has been released with Vaadin 24.7.0.alpha7 and is also targeting the upcoming stable 24.7.0 version.