chore: fix flaky remote test

Author: mfal

packages/remote-react-components/src/tests/Button.browser.test.remote.tsx

@@ -4,11 +4,16 @@ import { useState } from "react";
 export const standard = () => <Button data-testid="button">Click me</Button>;
 
 export const eventhandler = () => {
-  const [eventData, setEventData] = useState<unknown>();
+  const [eventData, setEventData] = useState<object>({});
   return (
     <>
       <Text data-testid="event-data">
-        {JSON.stringify(eventData, undefined, 2)}
+        {JSON.stringify({
+          ...eventData,
+          // Mute flaky position
+          x: undefined,
+          y: undefined,
+        })}
       </Text>
       <Button data-testid="button" onPress={setEventData}>
         Click me

packages/remote-react-components/src/tests/Button.browser.test.tsx

@@ -12,17 +12,9 @@ test("onPress eventhandler is triggered", async () => {
   const button = dom.getByTestId("button");
   await button.click();
   const eventData = dom.getByTestId("event-data");
-  expect(eventData.element().textContent).toMatchInlineSnapshot(`
-    "{
-      "type": "press",
-      "pointerType": "mouse",
-      "target": null,
-      "shiftKey": false,
-      "metaKey": false,
-      "ctrlKey": false,
-      "altKey": false,
-      "x": 33,
-      "y": 10
-    }"
-  `);
+  await expect
+    .element(eventData)
+    .toHaveTextContent(
+      `{"type":"press","pointerType":"mouse","target":null,"shiftKey":false,"metaKey":false,"ctrlKey":false,"altKey":false}`,
+    );
 });