refactor: move render tests to RN tests file

callstack · Aug 22, 2023 · e69dad4 · e69dad4
1 parent 9075365
commit e69dad4
Show file tree

Hide file tree

Showing 2 changed files with 87 additions and 14 deletions.
diff --git a/src/__tests__/react-native-api.test.tsx b/src/__tests__/react-native-api.test.tsx
@@ -1,5 +1,12 @@
 import * as React from 'react';
-import { View, Text, TextInput, Switch } from 'react-native';
+import {
+  View,
+  Text,
+  TextInput,
+  Switch,
+  ScrollView,
+  FlatList,
+} from 'react-native';
 import { render } from '..';
 
 /**
@@ -124,3 +131,81 @@ test('React Native API assumption: <Switch> renders single host element', () =>
     />
   `);
 });
+
+test('ScrollView renders correctly', () => {
+  const screen = render(
+    <ScrollView testID="scrollView">
+      <View testID="view" />
+    </ScrollView>
+  );
+
+  expect(screen.toJSON()).toMatchInlineSnapshot(`
+    <RCTScrollView
+      testID="scrollView"
+    >
+      <View>
+        <View
+          testID="view"
+        />
+      </View>
+    </RCTScrollView>
+  `);
+});
+
+test('FlatList renders correctly', () => {
+  const screen = render(
+    <FlatList
+      testID="flatList"
+      data={[1, 2]}
+      renderItem={({ item }) => <Text>{item}</Text>}
+    />
+  );
+
+  expect(screen.toJSON()).toMatchInlineSnapshot(`
+    <RCTScrollView
+      data={
+        [
+          1,
+          2,
+        ]
+      }
+      getItem={[Function]}
+      getItemCount={[Function]}
+      keyExtractor={[Function]}
+      onContentSizeChange={[Function]}
+      onLayout={[Function]}
+      onMomentumScrollBegin={[Function]}
+      onMomentumScrollEnd={[Function]}
+      onScroll={[Function]}
+      onScrollBeginDrag={[Function]}
+      onScrollEndDrag={[Function]}
+      removeClippedSubviews={false}
+      renderItem={[Function]}
+      scrollEventThrottle={50}
+      stickyHeaderIndices={[]}
+      testID="flatList"
+      viewabilityConfigCallbackPairs={[]}
+    >
+      <View>
+        <View
+          onFocusCapture={[Function]}
+          onLayout={[Function]}
+          style={null}
+        >
+          <Text>
+            1
+          </Text>
+        </View>
+        <View
+          onFocusCapture={[Function]}
+          onLayout={[Function]}
+          style={null}
+        >
+          <Text>
+            2
+          </Text>
+        </View>
+      </View>
+    </RCTScrollView>
+  `);
+});
diff --git a/src/__tests__/render.test.tsx b/src/__tests__/render.test.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import * as React from 'react';
-import { View, Text, TextInput, Pressable, FlatList } from 'react-native';
+import { View, Text, TextInput, Pressable } from 'react-native';
 import { getConfig, resetToDefaults } from '../config';
 import { render, screen, fireEvent, RenderAPI } from '..';
 
@@ -254,15 +254,3 @@ test('render calls detects host component names', () => {
   render(<View testID="test" />);
   expect(getConfig().hostComponentNames).not.toBeUndefined();
 });
-
-test('render FlatList', () => {
-  const screen = render(
-    <FlatList
-      testID="flatList"
-      data={[1, 2, 3]}
-      renderItem={({ item }) => <Text>{item}</Text>}
-    />
-  );
-
-  expect(screen.getByTestId('flatList')).toBeTruthy();
-});