@testing-library/react-native 12.1.2 → 12.2.0

package/flow-typed/npm/react-test-renderer_v16.x.x.js

@@ -0,0 +1,81 @@
+// flow-typed signature: b6bb53397d83d2d821e258cc73818d1b
+// flow-typed version: 9c71eca8ef/react-test-renderer_v16.x.x/flow_>=v0.47.x
+
+// Type definitions for react-test-renderer 16.x.x
+// Ported from: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-test-renderer
+
+type ReactComponentInstance = React$Component<any>;
+
+type ReactTestRendererJSON = {
+  type: string,
+  props: { [propName: string]: any },
+  children: null | ReactTestRendererJSON[],
+};
+
+type ReactTestRendererTree = ReactTestRendererJSON & {
+  nodeType: 'component' | 'host',
+  instance: ?ReactComponentInstance,
+  rendered: null | ReactTestRendererTree,
+};
+
+type ReactTestInstance = {
+  instance: ?ReactComponentInstance,
+  type: string,
+  props: { [propName: string]: any },
+  parent: null | ReactTestInstance,
+  children: Array<ReactTestInstance | string>,
+
+  find(predicate: (node: ReactTestInstance) => boolean): ReactTestInstance,
+  findByType(type: React$ElementType): ReactTestInstance,
+  findByProps(props: { [propName: string]: any }): ReactTestInstance,
+
+  findAll(
+    predicate: (node: ReactTestInstance) => boolean,
+    options?: { deep: boolean }
+  ): ReactTestInstance[],
+  findAllByType(
+    type: React$ElementType,
+    options?: { deep: boolean }
+  ): ReactTestInstance[],
+  findAllByProps(
+    props: { [propName: string]: any },
+    options?: { deep: boolean }
+  ): ReactTestInstance[],
+};
+
+type TestRendererOptions = {
+  createNodeMock(element: React$Element<any>): any,
+};
+
+declare module 'react-test-renderer' {
+  declare export type ReactTestRenderer = {
+    toJSON(): null | ReactTestRendererJSON,
+    toTree(): null | ReactTestRendererTree,
+    unmount(nextElement?: React$Element<any>): void,
+    update(nextElement: React$Element<any>): void,
+    getInstance(): ?ReactComponentInstance,
+    root: ReactTestInstance,
+  };
+
+  declare type Thenable = {
+    then(resolve: () => mixed, reject?: () => mixed): mixed,
+  };
+
+  declare function create(
+    nextElement: React$Element<any>,
+    options?: TestRendererOptions
+  ): ReactTestRenderer;
+
+  declare function act(callback: () => void): Thenable;
+}
+
+declare module 'react-test-renderer/shallow' {
+  declare export default class ShallowRenderer {
+    static createRenderer(): ShallowRenderer;
+    getMountedInstance(): ReactTestInstance;
+    getRenderOutput<E: React$Element<any>>(): E;
+    getRenderOutput(): React$Element<any>;
+    render(element: React$Element<any>, context?: any): void;
+    unmount(): void;
+  }
+}

package/jest-setup.ts

@@ -0,0 +1,10 @@
+import { resetToDefaults } from './src/pure';
+
+jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
+
+beforeEach(() => {
+  resetToDefaults();
+});
+
+// Disable colors in our local tests in order to generate clear snapshots
+process.env.COLORS = 'false';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testing-library/react-native",
-  "version": "12.1.2",
+  "version": "12.2.0",
   "description": "Simple and complete React Native testing utilities that encourage good testing practices.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -29,7 +29,8 @@
     "jest-preset/",
     "typings/index.flow.js",
     "pure.js",
-    "dont-cleanup-after-each.js"
+    "dont-cleanup-after-each.js",
+    "!**/test-utils"
   ],
   "devDependencies": {
     "@babel/cli": "^7.19.3",
@@ -43,11 +44,10 @@
     "@callstack/eslint-config": "^13.0.1",
     "@testing-library/jest-native": "^5.4.0",
     "@types/jest": "^29.2.3",
-    "@types/react": "~18.0.26",
-    "@types/react-test-renderer": "~18.0.0",
+    "@types/react": "^18.2.15",
+    "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.4.0",
-    "conventional-changelog-cli": "^2.2.2",
-    "dedent": "^0.7.0",
+    "dedent": "^1.1.0",
     "del-cli": "^5.0.0",
     "eslint": "^8.21.0",
     "flow-bin": "~0.170.0",

package/renovate.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": ["config:base"],
+  "enabled": false,
+  "schedule": ["every weekend"],
+  "ignoreDeps": ["flow-bin"],
+  "packageRules": [
+    {
+      "groupName": "React / React Native packages",
+      "matchPackageNames": ["react", "react-native", "react-test-renderer"]
+    },
+    {
+      "groupName": "all minor & patch deps",
+      "groupSlug": "all-minor-patch",
+      "matchPackagePatterns": ["*"],
+      "matchUpdateTypes": ["minor", "patch"]
+    }
+  ]
+}

package/scripts/test_react_17

@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+
+cp yarn.lock yarn.lock.backup
+cp package.json package.json.backup
+
+yarn add -D react@17.0.2 react-test-renderer@17.0.2 react-native@0.68.3 --ignore-scripts
+yarn test:ci --collectCoverage=false
+
+mv package.json.backup package.json
+mv yarn.lock.backup yarn.lock
+
+yarn --ignore-scripts

package/src/__tests__/__snapshots__/render-debug.test.tsx.snap

@@ -0,0 +1,548 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`debug 1`] = `
+"<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text
+    testID="bananaFresh"
+  >
+    not fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function onBlur]}
+    onClick={[Function onClick]}
+    onFocus={[Function onFocus]}
+    onResponderGrant={[Function onResponderGrant]}
+    onResponderMove={[Function onResponderMove]}
+    onResponderRelease={[Function onResponderRelease]}
+    onResponderTerminate={[Function onResponderTerminate]}
+    onResponderTerminationRequest={[Function onResponderTerminationRequest]}
+    onStartShouldSetResponder={[Function onStartShouldSetResponder]}
+  >
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text
+    testID="duplicateText"
+  >
+    First Text
+  </Text>
+  <Text
+    testID="duplicateText"
+  >
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug changing component: bananaFresh button message should now be "fresh" 1`] = `
+"<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text
+    testID="bananaFresh"
+  >
+    fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function onBlur]}
+    onClick={[Function onClick]}
+    onFocus={[Function onFocus]}
+    onResponderGrant={[Function onResponderGrant]}
+    onResponderMove={[Function onResponderMove]}
+    onResponderRelease={[Function onResponderRelease]}
+    onResponderTerminate={[Function onResponderTerminate]}
+    onResponderTerminationRequest={[Function onResponderTerminationRequest]}
+    onStartShouldSetResponder={[Function onStartShouldSetResponder]}
+  >
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text
+    testID="duplicateText"
+  >
+    First Text
+  </Text>
+  <Text
+    testID="duplicateText"
+  >
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug should use debugOptions from config when no option is specified 1`] = `
+"<View>
+  <Text>
+    hello
+  </Text>
+</View>"
+`;
+
+exports[`debug should use given options over config debugOptions 1`] = `
+"<View
+  style={
+    {
+      "backgroundColor": "red",
+    }
+  }
+>
+  <Text>
+    hello
+  </Text>
+</View>"
+`;
+
+exports[`debug with only children prop 1`] = `
+"<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text>
+    not fresh
+  </Text>
+  <TextInput />
+  <TextInput />
+  <TextInput />
+  <TextInput />
+  <View>
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text>
+    First Text
+  </Text>
+  <Text>
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug with only prop whose value is bananaChef 1`] = `
+"<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text>
+    not fresh
+  </Text>
+  <TextInput />
+  <TextInput
+    testID="bananaChef"
+  />
+  <TextInput />
+  <TextInput />
+  <View>
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text>
+    First Text
+  </Text>
+  <Text>
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug with only props from TextInput components 1`] = `
+"<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text>
+    not fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <View>
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text>
+    First Text
+  </Text>
+  <Text>
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug: another custom message 1`] = `
+"another custom message
+
+<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text
+    testID="bananaFresh"
+  >
+    not fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function onBlur]}
+    onClick={[Function onClick]}
+    onFocus={[Function onFocus]}
+    onResponderGrant={[Function onResponderGrant]}
+    onResponderMove={[Function onResponderMove]}
+    onResponderRelease={[Function onResponderRelease]}
+    onResponderTerminate={[Function onResponderTerminate]}
+    onResponderTerminationRequest={[Function onResponderTerminationRequest]}
+    onStartShouldSetResponder={[Function onStartShouldSetResponder]}
+  >
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text
+    testID="duplicateText"
+  >
+    First Text
+  </Text>
+  <Text
+    testID="duplicateText"
+  >
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug: shallow 1`] = `
+"<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text
+    testID="bananaFresh"
+  >
+    not fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <MyButton
+    onPress={[Function anonymous]}
+    type="primary"
+  >
+    Change freshness!
+  </MyButton>
+  <Text
+    testID="duplicateText"
+  >
+    First Text
+  </Text>
+  <Text
+    testID="duplicateText"
+  >
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug: shallow with message 1`] = `
+"my other custom message
+
+<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text
+    testID="bananaFresh"
+  >
+    not fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <MyButton
+    onPress={[Function anonymous]}
+    type="primary"
+  >
+    Change freshness!
+  </MyButton>
+  <Text
+    testID="duplicateText"
+  >
+    First Text
+  </Text>
+  <Text
+    testID="duplicateText"
+  >
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;
+
+exports[`debug: with message 1`] = `
+"my custom message
+
+<View>
+  <Text>
+    Is the banana fresh?
+  </Text>
+  <Text
+    testID="bananaFresh"
+  >
+    not fresh
+  </Text>
+  <TextInput
+    placeholder="Add custom freshness"
+    testID="bananaCustomFreshness"
+    value="Custom Freshie"
+  />
+  <TextInput
+    defaultValue="What did you inspect?"
+    placeholder="Who inspected freshness?"
+    testID="bananaChef"
+    value="I inspected freshie"
+  />
+  <TextInput
+    defaultValue="What banana?"
+  />
+  <TextInput
+    defaultValue="hello"
+    value=""
+  />
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function onBlur]}
+    onClick={[Function onClick]}
+    onFocus={[Function onFocus]}
+    onResponderGrant={[Function onResponderGrant]}
+    onResponderMove={[Function onResponderMove]}
+    onResponderRelease={[Function onResponderRelease]}
+    onResponderTerminate={[Function onResponderTerminate]}
+    onResponderTerminationRequest={[Function onResponderTerminationRequest]}
+    onStartShouldSetResponder={[Function onStartShouldSetResponder]}
+  >
+    <Text>
+      Change freshness!
+    </Text>
+  </View>
+  <Text
+    testID="duplicateText"
+  >
+    First Text
+  </Text>
+  <Text
+    testID="duplicateText"
+  >
+    Second Text
+  </Text>
+  <Text>
+    0
+  </Text>
+</View>"
+`;