@testing-library/react-native 12.2.1 → 12.3.0

package/src/user-event/event-builder/common.ts

@@ -1,66 +0,0 @@
-/**
- * Experimental values:
- * - iOS: `{"changedTouches": [[Circular]], "identifier": 1, "locationX": 253, "locationY": 30.333328247070312, "pageX": 273, "pageY": 141.3333282470703, "target": 75, "timestamp": 875928682.0450834, "touches": [[Circular]]}`
- * - Android: `{"changedTouches": [[Circular]], "identifier": 0, "locationX": 160, "locationY": 40.3636360168457, "pageX": 180, "pageY": 140.36363220214844, "target": 53, "targetSurface": -1, "timestamp": 10290805, "touches": [[Circular]]}`
- */
-function touch() {
-  return {
-    persist: jest.fn(),
-    currentTarget: { measure: jest.fn() },
-    nativeEvent: {
-      changedTouches: [],
-      identifier: 0,
-      locationX: 0,
-      locationY: 0,
-      pageX: 0,
-      pageY: 0,
-      target: 0,
-      timestamp: Date.now(),
-      touches: [],
-    },
-  };
-}
-
-export const CommonEventBuilder = {
-  touch,
-
-  responderGrant: () => {
-    return {
-      ...touch(),
-      dispatchConfig: { registrationName: 'onResponderGrant' },
-    };
-  },
-
-  responderRelease: () => {
-    return {
-      ...touch(),
-      dispatchConfig: { registrationName: 'onResponderRelease' },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 0, "target": 75, "text": ""}`
-   * - Android: `{"target": 53}`
-   */
-  focus: () => {
-    return {
-      nativeEvent: {
-        target: 0,
-      },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 0, "target": 75, "text": ""}`
-   * - Android: `{"target": 53}`
-   */
-  blur: () => {
-    return {
-      nativeEvent: {
-        target: 0,
-      },
-    };
-  },
-};

package/src/user-event/event-builder/index.ts

@@ -1,7 +0,0 @@
-import { CommonEventBuilder } from './common';
-import { TextInputEventBuilder } from './text-input';
-
-export const EventBuilder = {
-  Common: CommonEventBuilder,
-  TextInput: TextInputEventBuilder,
-};

package/src/user-event/event-builder/text-input.ts

@@ -1,86 +0,0 @@
-import { ContentSize } from '../utils/content-size';
-import { TextRange } from '../utils/text-range';
-
-export const TextInputEventBuilder = {
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 4, "target": 75, "text": "Test"}`
-   * - Android: `{"eventCount": 6, "target": 53, "text": "Tes"}`
-   */
-  change: (text: string) => {
-    return {
-      nativeEvent: { text, target: 0, eventCount: 0 },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 3, "key": "a", "target": 75}`
-   * - Android: `{"key": "a"}`
-   */
-  keyPress: (key: string) => {
-    return {
-      nativeEvent: { key },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 4, "target": 75, "text": "Test"}`
-   * - Android: `{"target": 53, "text": "Test"}`
-   */
-  submitEditing: (text: string) => {
-    return {
-      nativeEvent: { text, target: 0 },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 4, "target": 75, "text": "Test"}`
-   * - Android: `{"target": 53, "text": "Test"}`
-   */
-  endEditing: (text: string) => {
-    return {
-      nativeEvent: { text, target: 0 },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"selection": {"end": 4, "start": 4}, "target": 75}`
-   * - Android: `{"selection": {"end": 4, "start": 4}}`
-   */
-  selectionChange: ({ start, end }: TextRange) => {
-    return {
-      nativeEvent: { selection: { start, end } },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"eventCount": 2, "previousText": "Te", "range": {"end": 2, "start": 2}, "target": 75, "text": "s"}`
-   * - Android: `{"previousText": "Te", "range": {"end": 2, "start": 0}, "target": 53, "text": "Tes"}`
-   */
-  textInput: (text: string, previousText: string) => {
-    return {
-      nativeEvent: {
-        text,
-        previousText,
-        range: { start: text.length, end: text.length },
-        target: 0,
-      },
-    };
-  },
-
-  /**
-   * Experimental values:
-   * - iOS: `{"contentSize": {"height": 21.666666666666668, "width": 11.666666666666666}, "target": 75}`
-   * - Android: `{"contentSize": {"height": 61.45454406738281, "width": 352.7272644042969}, "target": 53}`
-   */
-  contentSizeChange: ({ width, height }: ContentSize) => {
-    return {
-      nativeEvent: { contentSize: { width, height }, target: 0 },
-    };
-  },
-};

package/src/user-event/index.ts

@@ -1,18 +0,0 @@
-import { ReactTestInstance } from 'react-test-renderer';
-import { setup } from './setup';
-import { PressOptions } from './press';
-import { TypeOptions } from './type';
-
-export { UserEventConfig } from './setup';
-
-export const userEvent = {
-  setup,
-
-  // Direct access for User Event v13 compatibility
-  press: (element: ReactTestInstance) => setup().press(element),
-  longPress: (element: ReactTestInstance, options?: PressOptions) =>
-    setup().longPress(element, options),
-  type: (element: ReactTestInstance, text: string, options?: TypeOptions) =>
-    setup().type(element, text, options),
-  clear: (element: ReactTestInstance) => setup().clear(element),
-};

package/src/user-event/press/__tests__/longPress.real-timers.test.tsx

@@ -1,117 +0,0 @@
-import React from 'react';
-import { Pressable, Text } from 'react-native';
-import { render, screen } from '../../../pure';
-import { userEvent } from '../..';
-import * as WarnAboutRealTimers from '../../utils/warn-about-real-timers';
-
-describe('userEvent.longPress with real timers', () => {
-  beforeEach(() => {
-    jest.useRealTimers();
-    jest.restoreAllMocks();
-    jest
-      .spyOn(WarnAboutRealTimers, 'warnAboutRealTimersIfNeeded')
-      .mockImplementation();
-  });
-
-  test('calls onLongPress if the delayLongPress is the default one', async () => {
-    const mockOnLongPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable onLongPress={mockOnLongPress}>
-        <Text>press me</Text>
-      </Pressable>
-    );
-    await user.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-  });
-
-  test('calls onLongPress when duration is greater than specified delayLongPress', async () => {
-    const mockOnLongPress = jest.fn();
-    const mockOnPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable
-        delayLongPress={800}
-        onLongPress={mockOnLongPress}
-        onPress={mockOnPress}
-      >
-        <Text>press me</Text>
-      </Pressable>
-    );
-
-    await user.longPress(screen.getByText('press me'), {
-      duration: 1000,
-    });
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-    expect(mockOnPress).not.toHaveBeenCalled();
-  });
-
-  test('does not calls onLongPress when duration is lesser than specified delayLongPress', async () => {
-    const mockOnLongPress = jest.fn();
-    const mockOnPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable
-        delayLongPress={1000}
-        onLongPress={mockOnLongPress}
-        onPress={mockOnPress}
-      >
-        <Text>press me</Text>
-      </Pressable>
-    );
-    await user.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).not.toHaveBeenCalled();
-    expect(mockOnPress).toHaveBeenCalledTimes(1);
-  });
-
-  test('does not calls onPress when onLongPress is called', async () => {
-    const mockOnLongPress = jest.fn();
-    const mockOnPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable onLongPress={mockOnLongPress} onPress={mockOnPress}>
-        <Text>press me</Text>
-      </Pressable>
-    );
-    await user.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-    expect(mockOnPress).not.toHaveBeenCalled();
-  });
-
-  test('longPress is accessible directly in userEvent', async () => {
-    const mockOnLongPress = jest.fn();
-
-    render(
-      <Pressable onLongPress={mockOnLongPress}>
-        <Text>press me</Text>
-      </Pressable>
-    );
-
-    await userEvent.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-  });
-});
-
-test('warns about using real timers with userEvent', async () => {
-  jest.restoreAllMocks();
-  const mockConsoleWarn = jest.spyOn(console, 'warn').mockImplementation();
-
-  render(<Pressable testID="pressable" />);
-
-  await userEvent.longPress(screen.getByTestId('pressable'));
-
-  expect(mockConsoleWarn.mock.calls[0][0]).toMatchInlineSnapshot(`
-    "It is recommended to use userEvent with fake timers
-    Some events involve duration so your tests may take a long time to run.
-    For instance calling userEvent.longPress with real timers will take 500 ms."
-  `);
-});

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

@@ -1,157 +0,0 @@
-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 { logEvent, events } = createEventLogger();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable
-        onPress={logEvent('press')}
-        onLongPress={logEvent('longPress')}
-      >
-        <Text>press me</Text>
-      </Pressable>
-    );
-    await user.longPress(screen.getByText('press me'));
-
-    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": {
-              "changedTouches": [],
-              "identifier": 0,
-              "locationX": 0,
-              "locationY": 0,
-              "pageX": 0,
-              "pageY": 0,
-              "target": 0,
-              "timestamp": 0,
-              "touches": [],
-            },
-            "persist": [MockFunction] {
-              "calls": [
-                [],
-              ],
-              "results": [
-                {
-                  "type": "return",
-                  "value": undefined,
-                },
-              ],
-            },
-          },
-        },
-      ]
-    `);
-  });
-
-  test('calls onLongPress when duration is greater than specified delayLongPress', async () => {
-    const mockOnLongPress = jest.fn();
-    const mockOnPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable
-        delayLongPress={800}
-        onLongPress={mockOnLongPress}
-        onPress={mockOnPress}
-      >
-        <Text>press me</Text>
-      </Pressable>
-    );
-
-    await user.longPress(screen.getByText('press me'), {
-      duration: 1000,
-    });
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-    expect(mockOnPress).not.toHaveBeenCalled();
-  });
-
-  test('does not calls onLongPress when duration is lesser than specified delayLongPress', async () => {
-    const mockOnLongPress = jest.fn();
-    const mockOnPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable
-        delayLongPress={1000}
-        onLongPress={mockOnLongPress}
-        onPress={mockOnPress}
-      >
-        <Text>press me</Text>
-      </Pressable>
-    );
-    await user.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).not.toHaveBeenCalled();
-    expect(mockOnPress).toHaveBeenCalledTimes(1);
-  });
-
-  test('does not calls onPress when onLongPress is called', async () => {
-    const mockOnLongPress = jest.fn();
-    const mockOnPress = jest.fn();
-    const user = userEvent.setup();
-
-    render(
-      <Pressable onLongPress={mockOnLongPress} onPress={mockOnPress}>
-        <Text>press me</Text>
-      </Pressable>
-    );
-    await user.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-    expect(mockOnPress).not.toHaveBeenCalled();
-  });
-
-  test('longPress is accessible directly in userEvent', async () => {
-    const mockOnLongPress = jest.fn();
-
-    render(
-      <Pressable onLongPress={mockOnLongPress}>
-        <Text>press me</Text>
-      </Pressable>
-    );
-
-    await userEvent.longPress(screen.getByText('press me'));
-
-    expect(mockOnLongPress).toHaveBeenCalled();
-  });
-});