refactor: also test payload of events for press and longpress

Author: pierrezimmermann

src/user-event/press/__tests__/longPress.test.tsx

@@ -2,24 +2,73 @@ import React from 'react';
 import { Pressable, Text } from 'react-native';
 import { render, screen } from '../../../pure';
 import { userEvent } from '../..';
+import { createEventLogger } from '../../../test-utils';
 
 describe('userEvent.longPress with fake timers', () => {
   beforeEach(() => {
     jest.useFakeTimers();
+    jest.setSystemTime(0);
   });
 
   test('calls onLongPress if the delayLongPress is the default one', async () => {
-    const mockOnLongPress = jest.fn();
+    const { logEvent, events } = createEventLogger();
     const user = userEvent.setup();
 
     render(
-      <Pressable onLongPress={mockOnLongPress}>
+      <Pressable onLongPress={logEvent('longPress')}>
         <Text>press me</Text>
       </Pressable>
     );
     await user.longPress(screen.getByText('press me'));
 
-    expect(mockOnLongPress).toHaveBeenCalled();
+    expect(events).toMatchInlineSnapshot(`
+      [
+        {
+          "name": "longPress",
+          "payload": {
+            "currentTarget": {
+              "measure": [MockFunction] {
+                "calls": [
+                  [
+                    [Function],
+                  ],
+                  [
+                    [Function],
+                  ],
+                ],
+                "results": [
+                  {
+                    "type": "return",
+                    "value": undefined,
+                  },
+                  {
+                    "type": "return",
+                    "value": undefined,
+                  },
+                ],
+              },
+            },
+            "dispatchConfig": {
+              "registrationName": "onResponderGrant",
+            },
+            "nativeEvent": {
+              "timestamp": 500,
+            },
+            "persist": [MockFunction] {
+              "calls": [
+                [],
+              ],
+              "results": [
+                {
+                  "type": "return",
+                  "value": undefined,
+                },
+              ],
+            },
+          },
+        },
+      ]
+    `);
   });
 
   test('calls onLongPress when duration is greater than specified onLongPressDelay', async () => {

src/user-event/press/__tests__/press.test.tsx

@@ -14,6 +14,7 @@ import { userEvent } from '../..';
 describe('userEvent.press with fake timers', () => {
   beforeEach(() => {
     jest.useFakeTimers();
+    jest.setSystemTime(0);
   });
 
   test('calls onPressIn, onPress and onPressOut prop of touchable', async () => {
@@ -30,7 +31,104 @@ describe('userEvent.press with fake timers', () => {
     );
     await user.press(screen.getByTestId('pressable'));
 
-    expect(getEventsName(events)).toEqual(['pressIn', 'press', 'pressOut']);
+    expect(events).toMatchInlineSnapshot(`
+      [
+        {
+          "name": "pressIn",
+          "payload": {
+            "currentTarget": {
+              "measure": [MockFunction] {
+                "calls": [
+                  [
+                    [Function],
+                  ],
+                  [
+                    [Function],
+                  ],
+                ],
+                "results": [
+                  {
+                    "type": "return",
+                    "value": undefined,
+                  },
+                  {
+                    "type": "return",
+                    "value": undefined,
+                  },
+                ],
+              },
+            },
+            "dispatchConfig": {
+              "registrationName": "onResponderGrant",
+            },
+            "nativeEvent": {
+              "timestamp": 0,
+            },
+            "persist": [MockFunction] {
+              "calls": [
+                [],
+              ],
+              "results": [
+                {
+                  "type": "return",
+                  "value": undefined,
+                },
+              ],
+            },
+          },
+        },
+        {
+          "name": "press",
+          "payload": {
+            "currentTarget": {
+              "measure": [MockFunction],
+            },
+            "dispatchConfig": {
+              "registrationName": "onResponderRelease",
+            },
+            "nativeEvent": {
+              "timestamp": 0,
+            },
+            "persist": [MockFunction] {
+              "calls": [
+                [],
+              ],
+              "results": [
+                {
+                  "type": "return",
+                  "value": undefined,
+                },
+              ],
+            },
+          },
+        },
+        {
+          "name": "pressOut",
+          "payload": {
+            "currentTarget": {
+              "measure": [MockFunction],
+            },
+            "dispatchConfig": {
+              "registrationName": "onResponderRelease",
+            },
+            "nativeEvent": {
+              "timestamp": 0,
+            },
+            "persist": [MockFunction] {
+              "calls": [
+                [],
+              ],
+              "results": [
+                {
+                  "type": "return",
+                  "value": undefined,
+                },
+              ],
+            },
+          },
+        },
+      ]
+    `);
   });
 
   test('does not trigger event when pressable is disabled', async () => {