fix: added pressure for click in NA (#7876)

<!--
Thank you for your contribution.

Before making a PR, please read our contributing guidelines at

https://github.com/DevExpress/testcafe/blob/master/CONTRIBUTING.md#code-contribution

We recommend creating a *draft* PR, so that you can mark it as 'ready
for review' when you are done.
-->
[closes #7867]

## Purpose
Fix issue `Some clicks don't work in native automation mode`

## Approach
1. Find out the reason why click doesn't work correctly in NA
2. Add a test
3. Fix issue

## References
#7867

## Pre-Merge TODO
- [X] Write tests for your proposed changes
- [x] Make sure that existing tests do not fail

src/native-automation/client/event-descriptor.ts

@@ -15,6 +15,7 @@ const messageSandbox = eventSandbox.message;
 
 const MOUSE_EVENT_OPTIONS = {
  clickCount: 1,
+ force: 0.5,
 };
 
 const CALCULATE_TOP_LEFT_POINT_REQUEST_CMD = 'native-automation|calculate-top-left-point|request';

test/functional/fixtures/api/es-next/click/pages/index.html

@@ -31,6 +31,12 @@
 
  status.textContent = 'Clicked!';
  });
+
+ document.querySelector('#statusBtn').addEventListener('pointerdown', function (e) {
+ window.pointerdownPressure = e.pressure;
+ });
+
+ window.pointerdownPressure = 0;
 </script>
 <!--Click shifted element-->
 <div id="shifted-element" style="background: green; width: 100px; height: 100px; transform: translateX(-60px);"></div>

test/functional/fixtures/api/es-next/click/test.js

@@ -1,4 +1,5 @@
-const expect = require('chai').expect;
+const { onlyInNativeAutomation } = require('../../../../utils/skip-in');
+const expect = require('chai').expect;
 
 //GH-1674
 const TEST_DURATION_BOUND = 10000;
@@ -234,4 +235,8 @@ describe('[API] t.click()', function () {
  });
  });
  });
+
+ onlyInNativeAutomation('Should set pressure in Native Automation', () => {
+ return runTests('./testcafe-fixtures/click-test.js', 'Check click pressure', { only: 'chrome' });
+ });
 });

test/functional/fixtures/api/es-next/click/testcafe-fixtures/click-test.js

@@ -107,3 +107,9 @@ test('Click on an element with overlapped center', async t => {
 test('Click overlapped element', async t => {
  await t.click('.child1');
 }).page('http://localhost:3000/fixtures/api/es-next/click/pages/overlapped.html');
+
+test('Check click pressure', async t => {
+ await t.click('#statusBtn');
+
+ expect(await t.eval(() => window.pointerdownPressure)).gt(0);
+});