@testing-library/react-native 12.4.1 → 12.4.3

package/build/matchers/types.d.ts

@@ -5,25 +5,257 @@ import { TextMatch, TextMatchOptions } from '../matches';
 import { Style } from './to-have-style';
 export interface JestNativeMatchers<R> {
     /**
-     * Assert whether an element is present in the element tree or not.
+     * Assert whether a host element is present in the element tree (screen) or not.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeonthescreen)
+     *
+     * @example
+     * <Text>Hello</Text>
+     *
+     * expect(getByText('Hello')).toBeOnTheScreen()
+     * expect(queryByText('Other')).not.toBeOnTheScreen()
      */
     toBeOnTheScreen(): R;
+    /**
+     * Assert whether a host element is checked based on accessibility props.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobechecked)
+     *
+     * @see {@link toBePartiallyChecked} for a related matcher.
+     *
+     * @example
+     * <View accessible role="checkbox" aria-checked aria-label="Enable" />
+     *
+     * expect(getByRole('checkbox', { name: "Enable" })).toBeChecked()
+     */
     toBeChecked(): R;
+    /**
+     * Assert whether a host element is collapsed based on accessibility props.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeexpanded)
+     *
+     * @see {@link toBeExpanded} for an inverse matcher.
+     *
+     * @example
+     * <View testID="details" aria-expanded={false} />
+     *
+     * expect(getByTestId('details').toBeCollapsed()
+     */
     toBeCollapsed(): R;
+    /**
+     * Assert whether a host element is disabled based on accessibility props.
+     *
+     * This matcher will check ancestor elements for their disabled state as well.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeenabled)
+     *
+     * @see {@link toBeEnabled} for an inverse matcher.
+     *
+     * @example
+     * <View role="button" aria-disabled />
+     *
+     * expect(getByRole('button').toBeDisabled()
+     *
+     */
     toBeDisabled(): R;
+    /**
+     * Assert whether a host element is busy based on accessibility props.
+     *
+     * This matcher will check ancestor elements for their disabled state as well.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobebusy)
+     *
+     * @example
+     * <View testID="loader" aria-busy />
+     *
+     * expect(getByTestId('loader')).toBeBusy()
+     */
     toBeBusy(): R;
+    /**
+     * Assert whether a host element has no host children or text content.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeemptyelement)
+     *
+     * @example
+     * <View testID="not-empty">
+     *   <View testID="empty" />
+     * </View>
+     *
+     * expect(getByTestId('empty')).toBeEmptyElement()
+     * expect(getByTestId('not-mepty')).not.toBeEmptyElement()
+     */
     toBeEmptyElement(): R;
+    /**
+     * Assert whether a host element is enabled based on accessibility props.
+     *
+     * This matcher will check ancestor elements for their disabled state as well.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeenabled)
+     *
+     * @see {@link toBeDisabled} for inverse matcher.
+     *
+     * @example
+     * <View role="button" aria-disabled={false} />
+     *
+     * expect(getByRole('button').toBeEnabled()
+     */
     toBeEnabled(): R;
+    /**
+     * Assert whether a host element is expanded based on accessibility props.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeexpanded)
+     *
+     * @see {@link toBeCollapsed} for inverse matcher.
+     *
+     * @example
+     * <View testID="details" aria-expanded />
+     *
+     * expect(getByTestId('details').toBeExpanded()
+     */
     toBeExpanded(): R;
+    /**
+     * Assert whether a host element is partially checked based on accessibility props.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobechecked)
+     *
+     * @see {@link toBeChecked} for related matcher.
+     *
+     * @example
+     * <View accessible role="checkbox" aria-checked="mixed" aria-label="Enable" />
+     *
+     * expect(getByRole('checkbox', { name: "Enable" })).toBePartiallyChecked()
+     */
     toBePartiallyChecked(): R;
+    /**
+     * Assert whether a host element is selected based on accessibility props.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeselected)
+     *
+     * @example
+     * <View testID="view" aria-selected />
+     *
+     * expect(getByTestId('view')).toBeSelected()
+     */
     toBeSelected(): R;
+    /**
+     * Assert whether a host element is visible based on style and accessibility props.
+     *
+     * This matcher will check ancestor elements for their visibility as well.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobevisible)
+     *
+     * @example
+     * <View testID="visible" />
+     * <View testID="not-visible" style={{ display: 'none' }} />
+     *
+     * expect(getByTestId('visible')).toBeVisible()
+     * expect(getByTestId('not-visible')).not.toBeVisible()
+     */
     toBeVisible(): R;
+    /**
+     * Assert whether a host element contains another host element.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tocontainelement)
+     *
+     * @example
+     * <View testID="outer">
+     *   <View testID="inner" />
+     * </View>
+     *
+     * expect(getByTestId('outer')).toContainElement(getByTestId('inner'));
+     */
     toContainElement(element: ReactTestInstance | null): R;
+    /**
+     * Assert whether a host element has a given accessbility value.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohaveaccessibilityvalue)
+     *
+     *
+     * @example
+     * <View testID="view" aria-valuetext="33%" />
+     *
+     * expect(getByTestId('view')).toHaveAccessibilityValue({ text: '33%' });
+     */
     toHaveAccessibilityValue(expectedValue: AccessibilityValueMatcher): R;
+    /**
+     * Assert whether a host element has a given accessibile name based on the accessibility label or text content.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohaveaccessiblename)
+     *
+     * @example
+     * <View testID="view" aria-label="Hello" />
+     *
+     * expect(getByTestId('view')).toHaveAccessibleName('Hello');
+     */
     toHaveAccessibleName(expectedName?: TextMatch, options?: TextMatchOptions): R;
+    /**
+     * Assert whether a host `TextInput` element has a given display value based on `value` and `defaultValue` props.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohavedisplayvalue)
+     *
+     * @example
+     * <TextInput testID="input" value="Hello" />
+     *
+     * expect(getByTestId('input')).toHaveDisplayValue('Hello');
+     */
     toHaveDisplayValue(expectedValue: TextMatch, options?: TextMatchOptions): R;
+    /**
+     * Assert whether a host element has a given prop.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohaveprop)
+     *
+     * @example
+     * <Text testID="text" numberOfLines={1]} />
+     *
+     * expect(getByTestId('text')).toHaveProp('numberOfLines');
+     * expect(getByTestId('text')).toHaveProp('numberOfLines', 1);
+     */
     toHaveProp(name: string, expectedValue?: unknown): R;
+    /**
+     * Assert whether a host element has a given style.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohavestyle)
+     *
+     * @example
+     * <View testID="view" style={{ width: '100%' }} />
+     *
+     * expect(getByTestId('view')).toHaveStyle({ width: '100%' });
+     * expect(getByTestId('view')).not.toHaveStyle({ width: '50%' });
+     */
     toHaveStyle(style: StyleProp<Style>): R;
+    /**
+     * Assert whether a host element has a given text content.
+     *
+     * @see
+     * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohavetextcontent)
+     *
+     * @example
+     * <View testID="view">
+     *   <Text>Hello World</Text>
+     * </View>
+     *
+     * expect(getByTestId('view')).toHaveTextContent('Hello World');
+     * expect(getByTestId('view')).toHaveTextContent('Hello', { exact: false }});
+     * expect(getByTestId('view')).toHaveTextContent(/hello/i);
+     * expect(getByTestId('view')).not.toHaveTextContent('Hello');
+     */
     toHaveTextContent(expectedText: TextMatch, options?: TextMatchOptions): R;
 }
 declare global {

package/build/matchers/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/matchers/types.ts"],"sourcesContent":["import type { StyleProp } from 'react-native';\nimport type { ReactTestInstance } from 'react-test-renderer';\nimport { AccessibilityValueMatcher } from '../helpers/matchers/match-accessibility-value';\nimport { TextMatch, TextMatchOptions } from '../matches';\nimport { Style } from './to-have-style';\n\nexport interface JestNativeMatchers<R> {\n  /**\n   * Assert whether an element is present in the element tree or not.\n   */\n  toBeOnTheScreen(): R;\n\n  toBeChecked(): R;\n  toBeCollapsed(): R;\n  toBeDisabled(): R;\n  toBeBusy(): R;\n  toBeEmptyElement(): R;\n  toBeEnabled(): R;\n  toBeExpanded(): R;\n  toBePartiallyChecked(): R;\n  toBeSelected(): R;\n  toBeVisible(): R;\n  toContainElement(element: ReactTestInstance | null): R;\n  toHaveAccessibilityValue(expectedValue: AccessibilityValueMatcher): R;\n  toHaveAccessibleName(expectedName?: TextMatch, options?: TextMatchOptions): R;\n  toHaveDisplayValue(expectedValue: TextMatch, options?: TextMatchOptions): R;\n  toHaveProp(name: string, expectedValue?: unknown): R;\n  toHaveStyle(style: StyleProp<Style>): R;\n  toHaveTextContent(expectedText: TextMatch, options?: TextMatchOptions): R;\n}\n\n// Implicit Jest global `expect`.\ndeclare global {\n  namespace jest {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    interface Matchers<R, T = {}> extends JestNativeMatchers<R> {}\n  }\n}\n\n// Explicit `@jest/globals` `expect` matchers.\n// @ts-ignore\ndeclare module '@jest/expect' {\n  interface Matchers<R extends void | Promise<void>>\n    extends JestNativeMatchers<R> {}\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/matchers/types.ts"],"sourcesContent":["import type { StyleProp } from 'react-native';\nimport type { ReactTestInstance } from 'react-test-renderer';\nimport { AccessibilityValueMatcher } from '../helpers/matchers/match-accessibility-value';\nimport { TextMatch, TextMatchOptions } from '../matches';\nimport { Style } from './to-have-style';\n\nexport interface JestNativeMatchers<R> {\n  /**\n   * Assert whether a host element is present in the element tree (screen) or not.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeonthescreen)\n   *\n   * @example\n   * <Text>Hello</Text>\n   *\n   * expect(getByText('Hello')).toBeOnTheScreen()\n   * expect(queryByText('Other')).not.toBeOnTheScreen()\n   */\n  toBeOnTheScreen(): R;\n\n  /**\n   * Assert whether a host element is checked based on accessibility props.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobechecked)\n   *\n   * @see {@link toBePartiallyChecked} for a related matcher.\n   *\n   * @example\n   * <View accessible role=\"checkbox\" aria-checked aria-label=\"Enable\" />\n   *\n   * expect(getByRole('checkbox', { name: \"Enable\" })).toBeChecked()\n   */\n  toBeChecked(): R;\n\n  /**\n   * Assert whether a host element is collapsed based on accessibility props.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeexpanded)\n   *\n   * @see {@link toBeExpanded} for an inverse matcher.\n   *\n   * @example\n   * <View testID=\"details\" aria-expanded={false} />\n   *\n   * expect(getByTestId('details').toBeCollapsed()\n   */\n  toBeCollapsed(): R;\n\n  /**\n   * Assert whether a host element is disabled based on accessibility props.\n   *\n   * This matcher will check ancestor elements for their disabled state as well.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeenabled)\n   *\n   * @see {@link toBeEnabled} for an inverse matcher.\n   *\n   * @example\n   * <View role=\"button\" aria-disabled />\n   *\n   * expect(getByRole('button').toBeDisabled()\n   *\n   */\n  toBeDisabled(): R;\n\n  /**\n   * Assert whether a host element is busy based on accessibility props.\n   *\n   * This matcher will check ancestor elements for their disabled state as well.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobebusy)\n   *\n   * @example\n   * <View testID=\"loader\" aria-busy />\n   *\n   * expect(getByTestId('loader')).toBeBusy()\n   */\n  toBeBusy(): R;\n\n  /**\n   * Assert whether a host element has no host children or text content.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeemptyelement)\n   *\n   * @example\n   * <View testID=\"not-empty\">\n   *   <View testID=\"empty\" />\n   * </View>\n   *\n   * expect(getByTestId('empty')).toBeEmptyElement()\n   * expect(getByTestId('not-mepty')).not.toBeEmptyElement()\n   */\n  toBeEmptyElement(): R;\n\n  /**\n   * Assert whether a host element is enabled based on accessibility props.\n   *\n   * This matcher will check ancestor elements for their disabled state as well.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeenabled)\n   *\n   * @see {@link toBeDisabled} for inverse matcher.\n   *\n   * @example\n   * <View role=\"button\" aria-disabled={false} />\n   *\n   * expect(getByRole('button').toBeEnabled()\n   */\n  toBeEnabled(): R;\n\n  /**\n   * Assert whether a host element is expanded based on accessibility props.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeexpanded)\n   *\n   * @see {@link toBeCollapsed} for inverse matcher.\n   *\n   * @example\n   * <View testID=\"details\" aria-expanded />\n   *\n   * expect(getByTestId('details').toBeExpanded()\n   */\n  toBeExpanded(): R;\n\n  /**\n   * Assert whether a host element is partially checked based on accessibility props.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobechecked)\n   *\n   * @see {@link toBeChecked} for related matcher.\n   *\n   * @example\n   * <View accessible role=\"checkbox\" aria-checked=\"mixed\" aria-label=\"Enable\" />\n   *\n   * expect(getByRole('checkbox', { name: \"Enable\" })).toBePartiallyChecked()\n   */\n  toBePartiallyChecked(): R;\n\n  /**\n   * Assert whether a host element is selected based on accessibility props.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobeselected)\n   *\n   * @example\n   * <View testID=\"view\" aria-selected />\n   *\n   * expect(getByTestId('view')).toBeSelected()\n   */\n  toBeSelected(): R;\n\n  /**\n   * Assert whether a host element is visible based on style and accessibility props.\n   *\n   * This matcher will check ancestor elements for their visibility as well.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tobevisible)\n   *\n   * @example\n   * <View testID=\"visible\" />\n   * <View testID=\"not-visible\" style={{ display: 'none' }} />\n   *\n   * expect(getByTestId('visible')).toBeVisible()\n   * expect(getByTestId('not-visible')).not.toBeVisible()\n   */\n  toBeVisible(): R;\n\n  /**\n   * Assert whether a host element contains another host element.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tocontainelement)\n   *\n   * @example\n   * <View testID=\"outer\">\n   *   <View testID=\"inner\" />\n   * </View>\n   *\n   * expect(getByTestId('outer')).toContainElement(getByTestId('inner'));\n   */\n  toContainElement(element: ReactTestInstance | null): R;\n\n  /**\n   * Assert whether a host element has a given accessbility value.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohaveaccessibilityvalue)\n   *\n   *\n   * @example\n   * <View testID=\"view\" aria-valuetext=\"33%\" />\n   *\n   * expect(getByTestId('view')).toHaveAccessibilityValue({ text: '33%' });\n   */\n  toHaveAccessibilityValue(expectedValue: AccessibilityValueMatcher): R;\n\n  /**\n   * Assert whether a host element has a given accessibile name based on the accessibility label or text content.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohaveaccessiblename)\n   *\n   * @example\n   * <View testID=\"view\" aria-label=\"Hello\" />\n   *\n   * expect(getByTestId('view')).toHaveAccessibleName('Hello');\n   */\n  toHaveAccessibleName(expectedName?: TextMatch, options?: TextMatchOptions): R;\n\n  /**\n   * Assert whether a host `TextInput` element has a given display value based on `value` and `defaultValue` props.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohavedisplayvalue)\n   *\n   * @example\n   * <TextInput testID=\"input\" value=\"Hello\" />\n   *\n   * expect(getByTestId('input')).toHaveDisplayValue('Hello');\n   */\n  toHaveDisplayValue(expectedValue: TextMatch, options?: TextMatchOptions): R;\n\n  /**\n   * Assert whether a host element has a given prop.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohaveprop)\n   *\n   * @example\n   * <Text testID=\"text\" numberOfLines={1]} />\n   *\n   * expect(getByTestId('text')).toHaveProp('numberOfLines');\n   * expect(getByTestId('text')).toHaveProp('numberOfLines', 1);\n   */\n  toHaveProp(name: string, expectedValue?: unknown): R;\n\n  /**\n   * Assert whether a host element has a given style.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohavestyle)\n   *\n   * @example\n   * <View testID=\"view\" style={{ width: '100%' }} />\n   *\n   * expect(getByTestId('view')).toHaveStyle({ width: '100%' });\n   * expect(getByTestId('view')).not.toHaveStyle({ width: '50%' });\n   */\n  toHaveStyle(style: StyleProp<Style>): R;\n\n  /**\n   * Assert whether a host element has a given text content.\n   *\n   * @see\n   * [Jest Matchers docs](https://callstack.github.io/react-native-testing-library/docs/jest-matchers#tohavetextcontent)\n   *\n   * @example\n   * <View testID=\"view\">\n   *   <Text>Hello World</Text>\n   * </View>\n   *\n   * expect(getByTestId('view')).toHaveTextContent('Hello World');\n   * expect(getByTestId('view')).toHaveTextContent('Hello', { exact: false }});\n   * expect(getByTestId('view')).toHaveTextContent(/hello/i);\n   * expect(getByTestId('view')).not.toHaveTextContent('Hello');\n   */\n  toHaveTextContent(expectedText: TextMatch, options?: TextMatchOptions): R;\n}\n\n// Implicit Jest global `expect`.\ndeclare global {\n  namespace jest {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    interface Matchers<R, T = {}> extends JestNativeMatchers<R> {}\n  }\n}\n\n// Explicit `@jest/globals` `expect` matchers.\n// @ts-ignore\ndeclare module '@jest/expect' {\n  interface Matchers<R extends void | Promise<void>>\n    extends JestNativeMatchers<R> {}\n}\n"],"mappings":""}

package/build/user-event/event-builder/index.d.ts

@@ -77,7 +77,7 @@ export declare const EventBuilder: {
         };
     };
     ScrollView: {
-        scroll: (offset?: import("./scroll-view").ContentOffset) => {
+        scroll: (offset?: import("./scroll-view").ContentOffset, options?: import("./scroll-view").ScrollEventOptions | undefined) => {
             nativeEvent: {
                 contentInset: {
                     bottom: number;

package/build/user-event/event-builder/scroll-view.d.ts

@@ -1,8 +1,3 @@
-/**
- * Experimental values:
- * - iOS: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 5.333333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}`
- * - Android: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 31.619047164916992}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -1.3633992671966553, "y": -1.3633992671966553}}`
- */
 /**
  * Scroll position of a scrollable element.
  */
@@ -10,8 +5,26 @@ export interface ContentOffset {
     y: number;
     x: number;
 }
+/**
+ * Other options for constructing a scroll event.
+ */
+export type ScrollEventOptions = {
+    contentSize?: {
+        height: number;
+        width: number;
+    };
+    layoutMeasurement?: {
+        height: number;
+        width: number;
+    };
+};
+/**
+ * Experimental values:
+ * - iOS: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 5.333333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}`
+ * - Android: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 31.619047164916992}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -1.3633992671966553, "y": -1.3633992671966553}}`
+ */
 export declare const ScrollViewEventBuilder: {
-    scroll: (offset?: ContentOffset) => {
+    scroll: (offset?: ContentOffset, options?: ScrollEventOptions) => {
         nativeEvent: {
             contentInset: {
                 bottom: number;

package/build/user-event/event-builder/scroll-view.js

@@ -5,20 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ScrollViewEventBuilder = void 0;
 /**
- * Experimental values:
- * - iOS: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 5.333333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}`
- * - Android: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 31.619047164916992}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -1.3633992671966553, "y": -1.3633992671966553}}`
+ * Scroll position of a scrollable element.
  */
 
 /**
- * Scroll position of a scrollable element.
+ * Other options for constructing a scroll event.
  */
 
+/**
+ * Experimental values:
+ * - iOS: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 5.333333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}`
+ * - Android: `{"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 31.619047164916992}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -1.3633992671966553, "y": -1.3633992671966553}}`
+ */
 const ScrollViewEventBuilder = exports.ScrollViewEventBuilder = {
   scroll: (offset = {
     y: 0,
     x: 0
-  }) => {
+  }, options) => {
     return {
       nativeEvent: {
         contentInset: {
@@ -32,12 +35,12 @@ const ScrollViewEventBuilder = exports.ScrollViewEventBuilder = {
           x: offset.x
         },
         contentSize: {
-          height: 0,
-          width: 0
+          height: options?.contentSize?.height ?? 0,
+          width: options?.contentSize?.width ?? 0
         },
         layoutMeasurement: {
-          height: 0,
-          width: 0
+          height: options?.layoutMeasurement?.height ?? 0,
+          width: options?.layoutMeasurement?.width ?? 0
         },
         responderIgnoreScroll: true,
         target: 0,

package/build/user-event/event-builder/scroll-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-view.js","names":["ScrollViewEventBuilder","exports","scroll","offset","y","x","nativeEvent","contentInset","bottom","left","right","top","contentOffset","contentSize","height","width","layoutMeasurement","responderIgnoreScroll","target","velocity","currentTarget"],"sources":["../../../src/user-event/event-builder/scroll-view.ts"],"sourcesContent":["/**\n * Experimental values:\n * - iOS: `{\"contentInset\": {\"bottom\": 0, \"left\": 0, \"right\": 0, \"top\": 0}, \"contentOffset\": {\"x\": 0, \"y\": 5.333333333333333}, \"contentSize\": {\"height\": 1676.6666259765625, \"width\": 390}, \"layoutMeasurement\": {\"height\": 753, \"width\": 390}, \"zoomScale\": 1}`\n * - Android: `{\"contentInset\": {\"bottom\": 0, \"left\": 0, \"right\": 0, \"top\": 0}, \"contentOffset\": {\"x\": 0, \"y\": 31.619047164916992}, \"contentSize\": {\"height\": 1624.761962890625, \"width\": 411.4285583496094}, \"layoutMeasurement\": {\"height\": 785.5238037109375, \"width\": 411.4285583496094}, \"responderIgnoreScroll\": true, \"target\": 139, \"velocity\": {\"x\": -1.3633992671966553, \"y\": -1.3633992671966553}}`\n */\n\n/**\n * Scroll position of a scrollable element.\n */\nexport interface ContentOffset {\n  y: number;\n  x: number;\n}\n\nexport const ScrollViewEventBuilder = {\n  scroll: (offset: ContentOffset = { y: 0, x: 0 }) => {\n    return {\n      nativeEvent: {\n        contentInset: { bottom: 0, left: 0, right: 0, top: 0 },\n        contentOffset: { y: offset.y, x: offset.x },\n        contentSize: { height: 0, width: 0 },\n        layoutMeasurement: {\n          height: 0,\n          width: 0,\n        },\n        responderIgnoreScroll: true,\n        target: 0,\n        velocity: { y: 0, x: 0 },\n      },\n      currentTarget: {},\n      target: {},\n    };\n  },\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAMO,MAAMA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpCE,MAAM,EAAEA,CAACC,MAAqB,GAAG;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,KAAK;IAClD,OAAO;MACLC,WAAW,EAAE;QACXC,YAAY,EAAE;UAAEC,MAAM,EAAE,CAAC;UAAEC,IAAI,EAAE,CAAC;UAAEC,KAAK,EAAE,CAAC;UAAEC,GAAG,EAAE;QAAE,CAAC;QACtDC,aAAa,EAAE;UAAER,CAAC,EAAED,MAAM,CAACC,CAAC;UAAEC,CAAC,EAAEF,MAAM,CAACE;QAAE,CAAC;QAC3CQ,WAAW,EAAE;UAAEC,MAAM,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE,CAAC;QACpCC,iBAAiB,EAAE;UACjBF,MAAM,EAAE,CAAC;UACTC,KAAK,EAAE;QACT,CAAC;QACDE,qBAAqB,EAAE,IAAI;QAC3BC,MAAM,EAAE,CAAC;QACTC,QAAQ,EAAE;UAAEf,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE;MACzB,CAAC;MACDe,aAAa,EAAE,CAAC,CAAC;MACjBF,MAAM,EAAE,CAAC;IACX,CAAC;EACH;AACF,CAAC"}
+{"version":3,"file":"scroll-view.js","names":["ScrollViewEventBuilder","exports","scroll","offset","y","x","options","nativeEvent","contentInset","bottom","left","right","top","contentOffset","contentSize","height","width","layoutMeasurement","responderIgnoreScroll","target","velocity","currentTarget"],"sources":["../../../src/user-event/event-builder/scroll-view.ts"],"sourcesContent":["/**\n * Scroll position of a scrollable element.\n */\nexport interface ContentOffset {\n  y: number;\n  x: number;\n}\n\n/**\n * Other options for constructing a scroll event.\n */\nexport type ScrollEventOptions = {\n  contentSize?: {\n    height: number;\n    width: number;\n  };\n  layoutMeasurement?: {\n    height: number;\n    width: number;\n  };\n};\n\n/**\n * Experimental values:\n * - iOS: `{\"contentInset\": {\"bottom\": 0, \"left\": 0, \"right\": 0, \"top\": 0}, \"contentOffset\": {\"x\": 0, \"y\": 5.333333333333333}, \"contentSize\": {\"height\": 1676.6666259765625, \"width\": 390}, \"layoutMeasurement\": {\"height\": 753, \"width\": 390}, \"zoomScale\": 1}`\n * - Android: `{\"contentInset\": {\"bottom\": 0, \"left\": 0, \"right\": 0, \"top\": 0}, \"contentOffset\": {\"x\": 0, \"y\": 31.619047164916992}, \"contentSize\": {\"height\": 1624.761962890625, \"width\": 411.4285583496094}, \"layoutMeasurement\": {\"height\": 785.5238037109375, \"width\": 411.4285583496094}, \"responderIgnoreScroll\": true, \"target\": 139, \"velocity\": {\"x\": -1.3633992671966553, \"y\": -1.3633992671966553}}`\n */\nexport const ScrollViewEventBuilder = {\n  scroll: (\n    offset: ContentOffset = { y: 0, x: 0 },\n    options?: ScrollEventOptions\n  ) => {\n    return {\n      nativeEvent: {\n        contentInset: { bottom: 0, left: 0, right: 0, top: 0 },\n        contentOffset: { y: offset.y, x: offset.x },\n        contentSize: {\n          height: options?.contentSize?.height ?? 0,\n          width: options?.contentSize?.width ?? 0,\n        },\n        layoutMeasurement: {\n          height: options?.layoutMeasurement?.height ?? 0,\n          width: options?.layoutMeasurement?.width ?? 0,\n        },\n        responderIgnoreScroll: true,\n        target: 0,\n        velocity: { y: 0, x: 0 },\n      },\n      currentTarget: {},\n      target: {},\n    };\n  },\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAMA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpCE,MAAM,EAAEA,CACNC,MAAqB,GAAG;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,EACtCC,OAA4B,KACzB;IACH,OAAO;MACLC,WAAW,EAAE;QACXC,YAAY,EAAE;UAAEC,MAAM,EAAE,CAAC;UAAEC,IAAI,EAAE,CAAC;UAAEC,KAAK,EAAE,CAAC;UAAEC,GAAG,EAAE;QAAE,CAAC;QACtDC,aAAa,EAAE;UAAET,CAAC,EAAED,MAAM,CAACC,CAAC;UAAEC,CAAC,EAAEF,MAAM,CAACE;QAAE,CAAC;QAC3CS,WAAW,EAAE;UACXC,MAAM,EAAET,OAAO,EAAEQ,WAAW,EAAEC,MAAM,IAAI,CAAC;UACzCC,KAAK,EAAEV,OAAO,EAAEQ,WAAW,EAAEE,KAAK,IAAI;QACxC,CAAC;QACDC,iBAAiB,EAAE;UACjBF,MAAM,EAAET,OAAO,EAAEW,iBAAiB,EAAEF,MAAM,IAAI,CAAC;UAC/CC,KAAK,EAAEV,OAAO,EAAEW,iBAAiB,EAAED,KAAK,IAAI;QAC9C,CAAC;QACDE,qBAAqB,EAAE,IAAI;QAC3BC,MAAM,EAAE,CAAC;QACTC,QAAQ,EAAE;UAAEhB,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE;MACzB,CAAC;MACDgB,aAAa,EAAE,CAAC,CAAC;MACjBF,MAAM,EAAE,CAAC;IACX,CAAC;EACH;AACF,CAAC"}

package/build/user-event/scroll/scroll-to.d.ts

@@ -1,12 +1,22 @@
 import { ReactTestInstance } from 'react-test-renderer';
 import { UserEventInstance } from '../setup';
-export interface VerticalScrollToOptions {
+interface CommonScrollToOptions {
+    contentSize?: {
+        height: number;
+        width: number;
+    };
+    layoutMeasurement?: {
+        height: number;
+        width: number;
+    };
+}
+export interface VerticalScrollToOptions extends CommonScrollToOptions {
     y: number;
     momentumY?: number;
     x?: never;
     momentumX?: never;
 }
-export interface HorizontalScrollToOptions {
+export interface HorizontalScrollToOptions extends CommonScrollToOptions {
     x: number;
     momentumX?: number;
     y?: never;
@@ -14,3 +24,4 @@ export interface HorizontalScrollToOptions {
 }
 export type ScrollToOptions = VerticalScrollToOptions | HorizontalScrollToOptions;
 export declare function scrollTo(this: UserEventInstance, element: ReactTestInstance, options: ScrollToOptions): Promise<void>;
+export {};

package/build/user-event/scroll/scroll-to.js

@@ -17,56 +17,57 @@ async function scrollTo(element, options) {
     throw new _errors.ErrorWithStack(`scrollTo() works only with host "ScrollView" elements. Passed element has type "${element.type}".`, scrollTo);
   }
   ensureScrollViewDirection(element, options);
+  (0, _utils.dispatchEvent)(element, 'contentSizeChange', options.contentSize?.width ?? 0, options.contentSize?.height ?? 0);
   const initialPosition = (0, _state.getElementScrollOffset)(element);
   const dragSteps = (0, _utils2.createScrollSteps)({
     y: options.y,
     x: options.x
   }, initialPosition, _utils2.linearInterpolator);
-  await emitDragScrollEvents(this.config, element, dragSteps);
+  await emitDragScrollEvents(this.config, element, dragSteps, options);
   const momentumStart = dragSteps.at(-1) ?? initialPosition;
   const momentumSteps = (0, _utils2.createScrollSteps)({
     y: options.momentumY,
     x: options.momentumX
   }, momentumStart, _utils2.inertialInterpolator);
-  await emitMomentumScrollEvents(this.config, element, momentumSteps);
+  await emitMomentumScrollEvents(this.config, element, momentumSteps, options);
   const finalPosition = momentumSteps.at(-1) ?? dragSteps.at(-1) ?? initialPosition;
   (0, _state.setElementScrollOffset)(element, finalPosition);
 }
-async function emitDragScrollEvents(config, element, scrollSteps) {
+async function emitDragScrollEvents(config, element, scrollSteps, scrollOptions) {
   if (scrollSteps.length === 0) {
     return;
   }
   await (0, _utils.wait)(config);
-  (0, _utils.dispatchEvent)(element, 'scrollBeginDrag', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[0]));
+  (0, _utils.dispatchEvent)(element, 'scrollBeginDrag', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[0], scrollOptions));
 
   // Note: experimentally, in case of drag scroll the last scroll step
   // will not trigger `scroll` event.
   // See: https://github.com/callstack/react-native-testing-library/wiki/ScrollView-Events
   for (let i = 1; i < scrollSteps.length - 1; i += 1) {
     await (0, _utils.wait)(config);
-    (0, _utils.dispatchEvent)(element, 'scroll', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[i]));
+    (0, _utils.dispatchEvent)(element, 'scroll', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[i], scrollOptions));
   }
   await (0, _utils.wait)(config);
   const lastStep = scrollSteps.at(-1);
-  (0, _utils.dispatchEvent)(element, 'scrollEndDrag', _eventBuilder.EventBuilder.ScrollView.scroll(lastStep));
+  (0, _utils.dispatchEvent)(element, 'scrollEndDrag', _eventBuilder.EventBuilder.ScrollView.scroll(lastStep, scrollOptions));
 }
-async function emitMomentumScrollEvents(config, element, scrollSteps) {
+async function emitMomentumScrollEvents(config, element, scrollSteps, scrollOptions) {
   if (scrollSteps.length === 0) {
     return;
   }
   await (0, _utils.wait)(config);
-  (0, _utils.dispatchEvent)(element, 'momentumScrollBegin', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[0]));
+  (0, _utils.dispatchEvent)(element, 'momentumScrollBegin', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[0], scrollOptions));
 
   // Note: experimentally, in case of momentum scroll the last scroll step
   // will trigger `scroll` event.
   // See: https://github.com/callstack/react-native-testing-library/wiki/ScrollView-Events
   for (let i = 1; i < scrollSteps.length; i += 1) {
     await (0, _utils.wait)(config);
-    (0, _utils.dispatchEvent)(element, 'scroll', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[i]));
+    (0, _utils.dispatchEvent)(element, 'scroll', _eventBuilder.EventBuilder.ScrollView.scroll(scrollSteps[i], scrollOptions));
   }
   await (0, _utils.wait)(config);
   const lastStep = scrollSteps.at(-1);
-  (0, _utils.dispatchEvent)(element, 'momentumScrollEnd', _eventBuilder.EventBuilder.ScrollView.scroll(lastStep));
+  (0, _utils.dispatchEvent)(element, 'momentumScrollEnd', _eventBuilder.EventBuilder.ScrollView.scroll(lastStep, scrollOptions));
 }
 function ensureScrollViewDirection(element, options) {
   const isVerticalScrollView = element.props.horizontal !== true;

package/build/user-event/scroll/scroll-to.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to.js","names":["_jestMatcherUtils","require","_eventBuilder","_errors","_hostComponentNames","_object","_utils","_utils2","_state","scrollTo","element","options","isHostScrollView","ErrorWithStack","type","ensureScrollViewDirection","initialPosition","getElementScrollOffset","dragSteps","createScrollSteps","y","x","linearInterpolator","emitDragScrollEvents","config","momentumStart","at","momentumSteps","momentumY","momentumX","inertialInterpolator","emitMomentumScrollEvents","finalPosition","setElementScrollOffset","scrollSteps","length","wait","dispatchEvent","EventBuilder","ScrollView","scroll","i","lastStep","isVerticalScrollView","props","horizontal","hasHorizontalScrollOptions","undefined","stringify","pick","hasVerticalScrollOptions"],"sources":["../../../src/user-event/scroll/scroll-to.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { stringify } from 'jest-matcher-utils';\nimport { UserEventConfig, UserEventInstance } from '../setup';\nimport { EventBuilder } from '../event-builder';\nimport { ErrorWithStack } from '../../helpers/errors';\nimport { isHostScrollView } from '../../helpers/host-component-names';\nimport { pick } from '../../helpers/object';\nimport { dispatchEvent, wait } from '../utils';\nimport { ContentOffset } from '../event-builder/scroll-view';\nimport {\n  createScrollSteps,\n  inertialInterpolator,\n  linearInterpolator,\n} from './utils';\nimport { getElementScrollOffset, setElementScrollOffset } from './state';\n\nexport interface VerticalScrollToOptions {\n  y: number;\n  momentumY?: number;\n\n  // Vertical scroll should not contain horizontal scroll part.\n  x?: never;\n  momentumX?: never;\n}\n\nexport interface HorizontalScrollToOptions {\n  x: number;\n  momentumX?: number;\n\n  // Horizontal scroll should not contain vertical scroll part.\n  y?: never;\n  momentumY?: never;\n}\n\nexport type ScrollToOptions =\n  | VerticalScrollToOptions\n  | HorizontalScrollToOptions;\n\nexport async function scrollTo(\n  this: UserEventInstance,\n  element: ReactTestInstance,\n  options: ScrollToOptions\n): Promise<void> {\n  if (!isHostScrollView(element)) {\n    throw new ErrorWithStack(\n      `scrollTo() works only with host \"ScrollView\" elements. Passed element has type \"${element.type}\".`,\n      scrollTo\n    );\n  }\n\n  ensureScrollViewDirection(element, options);\n\n  const initialPosition = getElementScrollOffset(element);\n  const dragSteps = createScrollSteps(\n    { y: options.y, x: options.x },\n    initialPosition,\n    linearInterpolator\n  );\n  await emitDragScrollEvents(this.config, element, dragSteps);\n\n  const momentumStart = dragSteps.at(-1) ?? initialPosition;\n  const momentumSteps = createScrollSteps(\n    { y: options.momentumY, x: options.momentumX },\n    momentumStart,\n    inertialInterpolator\n  );\n  await emitMomentumScrollEvents(this.config, element, momentumSteps);\n\n  const finalPosition =\n    momentumSteps.at(-1) ?? dragSteps.at(-1) ?? initialPosition;\n  setElementScrollOffset(element, finalPosition);\n}\n\nasync function emitDragScrollEvents(\n  config: UserEventConfig,\n  element: ReactTestInstance,\n  scrollSteps: ContentOffset[]\n) {\n  if (scrollSteps.length === 0) {\n    return;\n  }\n\n  await wait(config);\n  dispatchEvent(\n    element,\n    'scrollBeginDrag',\n    EventBuilder.ScrollView.scroll(scrollSteps[0])\n  );\n\n  // Note: experimentally, in case of drag scroll the last scroll step\n  // will not trigger `scroll` event.\n  // See: https://github.com/callstack/react-native-testing-library/wiki/ScrollView-Events\n  for (let i = 1; i < scrollSteps.length - 1; i += 1) {\n    await wait(config);\n    dispatchEvent(\n      element,\n      'scroll',\n      EventBuilder.ScrollView.scroll(scrollSteps[i])\n    );\n  }\n\n  await wait(config);\n  const lastStep = scrollSteps.at(-1);\n  dispatchEvent(\n    element,\n    'scrollEndDrag',\n    EventBuilder.ScrollView.scroll(lastStep)\n  );\n}\n\nasync function emitMomentumScrollEvents(\n  config: UserEventConfig,\n  element: ReactTestInstance,\n  scrollSteps: ContentOffset[]\n) {\n  if (scrollSteps.length === 0) {\n    return;\n  }\n\n  await wait(config);\n  dispatchEvent(\n    element,\n    'momentumScrollBegin',\n    EventBuilder.ScrollView.scroll(scrollSteps[0])\n  );\n\n  // Note: experimentally, in case of momentum scroll the last scroll step\n  // will trigger `scroll` event.\n  // See: https://github.com/callstack/react-native-testing-library/wiki/ScrollView-Events\n  for (let i = 1; i < scrollSteps.length; i += 1) {\n    await wait(config);\n    dispatchEvent(\n      element,\n      'scroll',\n      EventBuilder.ScrollView.scroll(scrollSteps[i])\n    );\n  }\n\n  await wait(config);\n  const lastStep = scrollSteps.at(-1);\n  dispatchEvent(\n    element,\n    'momentumScrollEnd',\n    EventBuilder.ScrollView.scroll(lastStep)\n  );\n}\n\nfunction ensureScrollViewDirection(\n  element: ReactTestInstance,\n  options: ScrollToOptions\n) {\n  const isVerticalScrollView = element.props.horizontal !== true;\n\n  const hasHorizontalScrollOptions =\n    options.x !== undefined || options.momentumX !== undefined;\n  if (isVerticalScrollView && hasHorizontalScrollOptions) {\n    throw new ErrorWithStack(\n      `scrollTo() expected only vertical scroll options: \"y\" and \"momentumY\" for vertical \"ScrollView\" element but received ${stringify(\n        pick(options, ['x', 'momentumX'])\n      )}`,\n      scrollTo\n    );\n  }\n\n  const hasVerticalScrollOptions =\n    options.y !== undefined || options.momentumY !== undefined;\n  if (!isVerticalScrollView && hasVerticalScrollOptions) {\n    throw new ErrorWithStack(\n      `scrollTo() expected only horizontal scroll options: \"x\" and \"momentumX\" for horizontal \"ScrollView\" element but received ${stringify(\n        pick(options, ['y', 'momentumY'])\n      )}`,\n      scrollTo\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"scroll-to.js","names":["_jestMatcherUtils","require","_eventBuilder","_errors","_hostComponentNames","_object","_utils","_utils2","_state","scrollTo","element","options","isHostScrollView","ErrorWithStack","type","ensureScrollViewDirection","dispatchEvent","contentSize","width","height","initialPosition","getElementScrollOffset","dragSteps","createScrollSteps","y","x","linearInterpolator","emitDragScrollEvents","config","momentumStart","at","momentumSteps","momentumY","momentumX","inertialInterpolator","emitMomentumScrollEvents","finalPosition","setElementScrollOffset","scrollSteps","scrollOptions","length","wait","EventBuilder","ScrollView","scroll","i","lastStep","isVerticalScrollView","props","horizontal","hasHorizontalScrollOptions","undefined","stringify","pick","hasVerticalScrollOptions"],"sources":["../../../src/user-event/scroll/scroll-to.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { stringify } from 'jest-matcher-utils';\nimport { UserEventConfig, UserEventInstance } from '../setup';\nimport { EventBuilder } from '../event-builder';\nimport { ErrorWithStack } from '../../helpers/errors';\nimport { isHostScrollView } from '../../helpers/host-component-names';\nimport { pick } from '../../helpers/object';\nimport { ContentOffset } from '../event-builder/scroll-view';\nimport { dispatchEvent, wait } from '../utils';\nimport {\n  createScrollSteps,\n  inertialInterpolator,\n  linearInterpolator,\n} from './utils';\nimport { getElementScrollOffset, setElementScrollOffset } from './state';\n\ninterface CommonScrollToOptions {\n  contentSize?: {\n    height: number;\n    width: number;\n  };\n  layoutMeasurement?: {\n    height: number;\n    width: number;\n  };\n}\n\nexport interface VerticalScrollToOptions extends CommonScrollToOptions {\n  y: number;\n  momentumY?: number;\n\n  // Vertical scroll should not contain horizontal scroll part.\n  x?: never;\n  momentumX?: never;\n}\n\nexport interface HorizontalScrollToOptions extends CommonScrollToOptions {\n  x: number;\n  momentumX?: number;\n\n  // Horizontal scroll should not contain vertical scroll part.\n  y?: never;\n  momentumY?: never;\n}\n\nexport type ScrollToOptions =\n  | VerticalScrollToOptions\n  | HorizontalScrollToOptions;\n\nexport async function scrollTo(\n  this: UserEventInstance,\n  element: ReactTestInstance,\n  options: ScrollToOptions\n): Promise<void> {\n  if (!isHostScrollView(element)) {\n    throw new ErrorWithStack(\n      `scrollTo() works only with host \"ScrollView\" elements. Passed element has type \"${element.type}\".`,\n      scrollTo\n    );\n  }\n\n  ensureScrollViewDirection(element, options);\n\n  dispatchEvent(\n    element,\n    'contentSizeChange',\n    options.contentSize?.width ?? 0,\n    options.contentSize?.height ?? 0\n  );\n\n  const initialPosition = getElementScrollOffset(element);\n  const dragSteps = createScrollSteps(\n    { y: options.y, x: options.x },\n    initialPosition,\n    linearInterpolator\n  );\n  await emitDragScrollEvents(this.config, element, dragSteps, options);\n\n  const momentumStart = dragSteps.at(-1) ?? initialPosition;\n  const momentumSteps = createScrollSteps(\n    { y: options.momentumY, x: options.momentumX },\n    momentumStart,\n    inertialInterpolator\n  );\n  await emitMomentumScrollEvents(this.config, element, momentumSteps, options);\n\n  const finalPosition =\n    momentumSteps.at(-1) ?? dragSteps.at(-1) ?? initialPosition;\n  setElementScrollOffset(element, finalPosition);\n}\n\nasync function emitDragScrollEvents(\n  config: UserEventConfig,\n  element: ReactTestInstance,\n  scrollSteps: ContentOffset[],\n  scrollOptions: ScrollToOptions\n) {\n  if (scrollSteps.length === 0) {\n    return;\n  }\n\n  await wait(config);\n  dispatchEvent(\n    element,\n    'scrollBeginDrag',\n    EventBuilder.ScrollView.scroll(scrollSteps[0], scrollOptions)\n  );\n\n  // Note: experimentally, in case of drag scroll the last scroll step\n  // will not trigger `scroll` event.\n  // See: https://github.com/callstack/react-native-testing-library/wiki/ScrollView-Events\n  for (let i = 1; i < scrollSteps.length - 1; i += 1) {\n    await wait(config);\n    dispatchEvent(\n      element,\n      'scroll',\n      EventBuilder.ScrollView.scroll(scrollSteps[i], scrollOptions)\n    );\n  }\n\n  await wait(config);\n  const lastStep = scrollSteps.at(-1);\n  dispatchEvent(\n    element,\n    'scrollEndDrag',\n    EventBuilder.ScrollView.scroll(lastStep, scrollOptions)\n  );\n}\n\nasync function emitMomentumScrollEvents(\n  config: UserEventConfig,\n  element: ReactTestInstance,\n  scrollSteps: ContentOffset[],\n  scrollOptions: ScrollToOptions\n) {\n  if (scrollSteps.length === 0) {\n    return;\n  }\n\n  await wait(config);\n  dispatchEvent(\n    element,\n    'momentumScrollBegin',\n    EventBuilder.ScrollView.scroll(scrollSteps[0], scrollOptions)\n  );\n\n  // Note: experimentally, in case of momentum scroll the last scroll step\n  // will trigger `scroll` event.\n  // See: https://github.com/callstack/react-native-testing-library/wiki/ScrollView-Events\n  for (let i = 1; i < scrollSteps.length; i += 1) {\n    await wait(config);\n    dispatchEvent(\n      element,\n      'scroll',\n      EventBuilder.ScrollView.scroll(scrollSteps[i], scrollOptions)\n    );\n  }\n\n  await wait(config);\n  const lastStep = scrollSteps.at(-1);\n  dispatchEvent(\n    element,\n    'momentumScrollEnd',\n    EventBuilder.ScrollView.scroll(lastStep, scrollOptions)\n  );\n}\n\nfunction ensureScrollViewDirection(\n  element: ReactTestInstance,\n  options: ScrollToOptions\n) {\n  const isVerticalScrollView = element.props.horizontal !== true;\n\n  const hasHorizontalScrollOptions =\n    options.x !== undefined || options.momentumX !== undefined;\n  if (isVerticalScrollView && hasHorizontalScrollOptions) {\n    throw new ErrorWithStack(\n      `scrollTo() expected only vertical scroll options: \"y\" and \"momentumY\" for vertical \"ScrollView\" element but received ${stringify(\n        pick(options, ['x', 'momentumX'])\n      )}`,\n      scrollTo\n    );\n  }\n\n  const hasVerticalScrollOptions =\n    options.y !== undefined || options.momentumY !== undefined;\n  if (!isVerticalScrollView && hasVerticalScrollOptions) {\n    throw new ErrorWithStack(\n      `scrollTo() expected only horizontal scroll options: \"x\" and \"momentumX\" for horizontal \"ScrollView\" element but received ${stringify(\n        pick(options, ['y', 'momentumY'])\n      )}`,\n      scrollTo\n    );\n  }\n}\n"],"mappings":"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"}

package/build/user-event/utils/dispatch-event.d.ts

@@ -4,6 +4,6 @@ import { ReactTestInstance } from 'react-test-renderer';
  *
  * @param element element trigger event on
  * @param eventName name of the event
- * @param event event payload
+ * @param event event payload(s)
  */
-export declare function dispatchEvent(element: ReactTestInstance, eventName: string, event: unknown): void;
+export declare function dispatchEvent(element: ReactTestInstance, eventName: string, ...event: unknown[]): void;

package/build/user-event/utils/dispatch-event.js

@@ -11,9 +11,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  * @param element element trigger event on
  * @param eventName name of the event
- * @param event event payload
+ * @param event event payload(s)
  */
-function dispatchEvent(element, eventName, event) {
+function dispatchEvent(element, eventName, ...event) {
   const handler = getEventHandler(element, eventName);
   if (!handler) {
     return;
@@ -21,7 +21,7 @@ function dispatchEvent(element, eventName, event) {
 
   // This will be called synchronously.
   void (0, _act.default)(() => {
-    handler(event);
+    handler(...event);
   });
 }
 function getEventHandler(element, eventName) {

package/build/user-event/utils/dispatch-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"dispatch-event.js","names":["_act","_interopRequireDefault","require","obj","__esModule","default","dispatchEvent","element","eventName","event","handler","getEventHandler","act","handleName","getEventHandlerName","handle","props","undefined","charAt","toUpperCase","slice"],"sources":["../../../src/user-event/utils/dispatch-event.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport act from '../../act';\n\n/**\n * Basic dispatch event function used by User Event module.\n *\n * @param element element trigger event on\n * @param eventName name of the event\n * @param event event payload\n */\nexport function dispatchEvent(\n  element: ReactTestInstance,\n  eventName: string,\n  event: unknown\n) {\n  const handler = getEventHandler(element, eventName);\n  if (!handler) {\n    return;\n  }\n\n  // This will be called synchronously.\n  void act(() => {\n    handler(event);\n  });\n}\n\nfunction getEventHandler(element: ReactTestInstance, eventName: string) {\n  const handleName = getEventHandlerName(eventName);\n  const handle = element.props[handleName] as unknown;\n  if (typeof handle !== 'function') {\n    return undefined;\n  }\n\n  return handle;\n}\n\nfunction getEventHandlerName(eventName: string) {\n  return `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`;\n}\n"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,aAAaA,CAC3BC,OAA0B,EAC1BC,SAAiB,EACjBC,KAAc,EACd;EACA,MAAMC,OAAO,GAAGC,eAAe,CAACJ,OAAO,EAAEC,SAAS,CAAC;EACnD,IAAI,CAACE,OAAO,EAAE;IACZ;EACF;;EAEA;EACA,KAAK,IAAAE,YAAG,EAAC,MAAM;IACbF,OAAO,CAACD,KAAK,CAAC;EAChB,CAAC,CAAC;AACJ;AAEA,SAASE,eAAeA,CAACJ,OAA0B,EAAEC,SAAiB,EAAE;EACtE,MAAMK,UAAU,GAAGC,mBAAmB,CAACN,SAAS,CAAC;EACjD,MAAMO,MAAM,GAAGR,OAAO,CAACS,KAAK,CAACH,UAAU,CAAY;EACnD,IAAI,OAAOE,MAAM,KAAK,UAAU,EAAE;IAChC,OAAOE,SAAS;EAClB;EAEA,OAAOF,MAAM;AACf;AAEA,SAASD,mBAAmBA,CAACN,SAAiB,EAAE;EAC9C,OAAQ,KAAIA,SAAS,CAACU,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAE,GAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,CAAE,EAAC;AACtE"}
+{"version":3,"file":"dispatch-event.js","names":["_act","_interopRequireDefault","require","obj","__esModule","default","dispatchEvent","element","eventName","event","handler","getEventHandler","act","handleName","getEventHandlerName","handle","props","undefined","charAt","toUpperCase","slice"],"sources":["../../../src/user-event/utils/dispatch-event.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport act from '../../act';\n\n/**\n * Basic dispatch event function used by User Event module.\n *\n * @param element element trigger event on\n * @param eventName name of the event\n * @param event event payload(s)\n */\nexport function dispatchEvent(\n  element: ReactTestInstance,\n  eventName: string,\n  ...event: unknown[]\n) {\n  const handler = getEventHandler(element, eventName);\n  if (!handler) {\n    return;\n  }\n\n  // This will be called synchronously.\n  void act(() => {\n    handler(...event);\n  });\n}\n\nfunction getEventHandler(element: ReactTestInstance, eventName: string) {\n  const handleName = getEventHandlerName(eventName);\n  const handle = element.props[handleName] as unknown;\n  if (typeof handle !== 'function') {\n    return undefined;\n  }\n\n  return handle;\n}\n\nfunction getEventHandlerName(eventName: string) {\n  return `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`;\n}\n"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,aAAaA,CAC3BC,OAA0B,EAC1BC,SAAiB,EACjB,GAAGC,KAAgB,EACnB;EACA,MAAMC,OAAO,GAAGC,eAAe,CAACJ,OAAO,EAAEC,SAAS,CAAC;EACnD,IAAI,CAACE,OAAO,EAAE;IACZ;EACF;;EAEA;EACA,KAAK,IAAAE,YAAG,EAAC,MAAM;IACbF,OAAO,CAAC,GAAGD,KAAK,CAAC;EACnB,CAAC,CAAC;AACJ;AAEA,SAASE,eAAeA,CAACJ,OAA0B,EAAEC,SAAiB,EAAE;EACtE,MAAMK,UAAU,GAAGC,mBAAmB,CAACN,SAAS,CAAC;EACjD,MAAMO,MAAM,GAAGR,OAAO,CAACS,KAAK,CAACH,UAAU,CAAY;EACnD,IAAI,OAAOE,MAAM,KAAK,UAAU,EAAE;IAChC,OAAOE,SAAS;EAClB;EAEA,OAAOF,MAAM;AACf;AAEA,SAASD,mBAAmBA,CAACN,SAAiB,EAAE;EAC9C,OAAQ,KAAIA,SAAS,CAACU,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAE,GAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,CAAE,EAAC;AACtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testing-library/react-native",
-  "version": "12.4.1",
+  "version": "12.4.3",
   "description": "Simple and complete React Native testing utilities that encourage good testing practices.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -23,6 +23,25 @@
     "test",
     "integration"
   ],
+  "scripts": {
+    "clean": "del build",
+    "test": "jest",
+    "test:ci": "jest --maxWorkers=2 --collectCoverage=true --coverage-provider=v8",
+    "test:react-17": "scripts/test_react_17",
+    "typecheck": "tsc",
+    "flow": "flow",
+    "copy-flowtypes": "cp typings/index.flow.js build",
+    "lint": "eslint src --cache",
+    "validate": "yarn lint && yarn typecheck && yarn test",
+    "build:js": "babel src --out-dir build --extensions \".js,.ts,.jsx,.tsx\" --source-maps --ignore \"**/__tests__/**\"",
+    "build:js:watch": "yarn build:js --watch",
+    "build:ts": "tsc --build tsconfig.release.json",
+    "build:ts:watch": "yarn build:ts --watch --preserveWatchOutput",
+    "build": "yarn clean && yarn build:js && yarn build:ts && yarn copy-flowtypes",
+    "prepare": "yarn build",
+    "prepublish": "yarn build",
+    "publish": "release-it"
+  },
   "files": [
     "build/",
     "jest-preset/",
@@ -33,6 +52,22 @@
     "dont-cleanup-after-each.js",
     "typings/index.flow.js"
   ],
+  "dependencies": {
+    "jest-matcher-utils": "^29.7.0",
+    "pretty-format": "^29.7.0",
+    "redent": "^3.0.0"
+  },
+  "peerDependencies": {
+    "jest": ">=28.0.0",
+    "react": ">=16.8.0",
+    "react-native": ">=0.59",
+    "react-test-renderer": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "jest": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.23.3",
@@ -42,6 +77,7 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@callstack/eslint-config": "^14.1.0",
+    "@release-it/conventional-changelog": "^8.0.1",
     "@relmify/jest-serializer-strip-ansi": "^1.0.2",
     "@types/jest": "^29.5.10",
     "@types/react": "^18.2.38",
@@ -57,42 +93,12 @@
     "react": "18.2.0",
     "react-native": "0.72.7",
     "react-test-renderer": "18.2.0",
+    "release-it": "^17.0.1",
     "strip-ansi": "^6.0.1",
     "typescript": "^5.3.2"
   },
-  "dependencies": {
-    "jest-matcher-utils": "^29.7.0",
-    "pretty-format": "^29.7.0",
-    "redent": "^3.0.0"
-  },
-  "peerDependencies": {
-    "jest": ">=28.0.0",
-    "react": ">=16.8.0",
-    "react-native": ">=0.59",
-    "react-test-renderer": ">=16.8.0"
-  },
-  "peerDependenciesMeta": {
-    "jest": {
-      "optional": true
-    }
-  },
-  "scripts": {
-    "clean": "del build",
-    "test": "jest",
-    "test:ci": "jest --maxWorkers=2 --collectCoverage=true --coverage-provider=v8",
-    "test:react-17": "scripts/test_react_17",
-    "typecheck": "tsc",
-    "flow": "flow",
-    "copy-flowtypes": "cp typings/index.flow.js build",
-    "lint": "eslint src --cache",
-    "validate": "yarn lint && yarn typecheck && yarn test",
-    "prepublish": "yarn build",
-    "build:js": "babel src --out-dir build --extensions \".js,.ts,.jsx,.tsx\" --source-maps --ignore \"**/__tests__/**\"",
-    "build:js:watch": "yarn build:js --watch",
-    "build:ts": "tsc --build tsconfig.release.json",
-    "build:ts:watch": "yarn build:ts --watch --preserveWatchOutput",
-    "build": "yarn clean && yarn build:js && yarn build:ts && yarn copy-flowtypes",
-    "prepare": "yarn build"
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
   },
   "packageManager": "yarn@4.0.1"
-}
+}