fix: flatlist not rendering in rntl repo

callstack · Aug 21, 2023 · 9075365 · 9075365
1 parent 4a8072d
commit 9075365
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -12,7 +12,6 @@ module.exports = {
       },
     ],
   ],
-  plugins: ['@babel/plugin-proposal-class-properties'],
   env: {
     test: {
       // https://github.com/react-native-community/upgrade-support/issues/152

diff --git a/package.json b/package.json
@@ -34,7 +34,6 @@
   "devDependencies": {
     "@babel/cli": "^7.19.3",
     "@babel/core": "^7.20.2",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-transform-flow-strip-types": "^7.19.0",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-flow": "^7.18.6",

diff --git a/src/__tests__/__snapshots__/render-debug.test.tsx.snap b/src/__tests__/__snapshots__/render-debug.test.tsx.snap
@@ -393,7 +393,7 @@ exports[`debug: shallow 1`] = `
     value=""
   />
   <MyButton
-    onPress={[Function anonymous]}
+    onPress={[Function changeFresh]}
     type="primary"
   >
     Change freshness!
@@ -445,7 +445,7 @@ exports[`debug: shallow with message 1`] = `
     value=""
   />
   <MyButton
-    onPress={[Function anonymous]}
+    onPress={[Function changeFresh]}
     type="primary"
   >
     Change freshness!

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 } from 'react-native';
+import { View, Text, TextInput, Pressable, FlatList } from 'react-native';
 import { getConfig, resetToDefaults } from '../config';
 import { render, screen, fireEvent, RenderAPI } from '..';
 
@@ -254,3 +254,15 @@ 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();
+});
diff --git a/yarn.lock b/yarn.lock
@@ -312,7 +312,7 @@
     "@babel/helper-remap-async-to-generator" "^7.18.9"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.18.6":
+"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.13.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
   integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,6 @@ module.exports = { @@
           },
         ],
       ],
-      plugins: ['@babel/plugin-proposal-class-properties'],
       env: {
         test: {
           // https://github.com/react-native-community/upgrade-support/issues/152
@@ Expand Down @@