Mock Animated View to prevent out of memory error when a ref is set

callstack/react-native-testing-library#539
celo-org · Dec 22, 2020 · a555521 · a555521
1 parent 3c502ce
commit a555521
Show file tree

Hide file tree

Showing 18 changed files with 1,046 additions and 879 deletions.
diff --git a/packages/mobile/jest_setup.ts b/packages/mobile/jest_setup.ts
@@ -20,3 +20,12 @@ afterEach(cleanup)
 
 // Mock LayoutAnimation as it's done not automatically
 jest.mock('react-native/Libraries/LayoutAnimation/LayoutAnimation.js')
+
+// Mock Animated Views this way otherwise we get a
+// `JavaScript heap out of memory` error when a ref is set (?!)
+// See https://github.com/callstack/react-native-testing-library/issues/539
+jest.mock('react-native/Libraries/Animated/src/components/AnimatedView.js', () => 'View')
+jest.mock(
+  'react-native/Libraries/Animated/src/components/AnimatedScrollView.js',
+  () => 'RCTScrollView'
+)
diff --git a/packages/mobile/src/account/__snapshots__/FiatExchange.test.tsx.snap b/packages/mobile/src/account/__snapshots__/FiatExchange.test.tsx.snap
@@ -41,14 +41,18 @@ exports[`FiatExchange renders correctly 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
-          "left": 0,
-          "marginBottom": 0,
-          "marginLeft": 16,
-          "opacity": 1,
-          "padding": 0,
-          "position": "absolute",
-        }
+        Array [
+          Object {
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 16,
+            "padding": 0,
+            "position": "absolute",
+          },
+          Object {
+            "opacity": 1,
+          },
+        ]
       }
       testID="Hamburguer"
     >

diff --git a/packages/mobile/src/account/__snapshots__/GoldEducation.test.tsx.snap b/packages/mobile/src/account/__snapshots__/GoldEducation.test.tsx.snap
@@ -45,14 +45,18 @@ exports[`renders correctly 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
-          "left": 0,
-          "marginBottom": 0,
-          "marginLeft": 16,
-          "opacity": 1,
-          "padding": 0,
-          "position": "absolute",
-        }
+        Array [
+          Object {
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 16,
+            "padding": 0,
+            "position": "absolute",
+          },
+          Object {
+            "opacity": 1,
+          },
+        ]
       }
       testID="Hamburguer"
     >

diff --git a/packages/mobile/src/account/__snapshots__/Settings.test.tsx.snap b/packages/mobile/src/account/__snapshots__/Settings.test.tsx.snap
@@ -40,14 +40,18 @@ exports[`Account renders correctly 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
-          "left": 0,
-          "marginBottom": 0,
-          "marginLeft": 16,
-          "opacity": 1,
-          "padding": 0,
-          "position": "absolute",
-        }
+        Array [
+          Object {
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 16,
+            "padding": 0,
+            "position": "absolute",
+          },
+          Object {
+            "opacity": 1,
+          },
+        ]
       }
       testID="Hamburguer"
     >
@@ -2297,14 +2301,18 @@ exports[`Account renders correctly when dev mode active 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
-          "left": 0,
-          "marginBottom": 0,
-          "marginLeft": 16,
-          "opacity": 1,
-          "padding": 0,
-          "position": "absolute",
-        }
+        Array [
+          Object {
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 16,
+            "padding": 0,
+            "position": "absolute",
+          },
+          Object {
+            "opacity": 1,
+          },
+        ]
       }
       testID="Hamburguer"
     >
@@ -3349,10 +3357,14 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-                "width": 215,
-              }
+              Array [
+                Object {
+                  "width": 215,
+                },
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text
@@ -3388,9 +3400,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -3417,9 +3432,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -3446,9 +3464,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -3475,9 +3496,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -3504,9 +3528,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -3533,9 +3560,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -3562,9 +3592,12 @@ exports[`Account renders correctly when dev mode active 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                undefined,
+                Object {
+                  "opacity": 1,
+                },
+              ]
             }
           >
             <Text>
@@ -4818,14 +4851,18 @@ exports[`Account renders correctly when verification is not possible 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
-          "left": 0,
-          "marginBottom": 0,
-          "marginLeft": 16,
-          "opacity": 1,
-          "padding": 0,
-          "position": "absolute",
-        }
+        Array [
+          Object {
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 16,
+            "padding": 0,
+            "position": "absolute",
+          },
+          Object {
+            "opacity": 1,
+          },
+        ]
       }
       testID="Hamburguer"
     >

diff --git a/packages/mobile/src/account/__snapshots__/Support.test.tsx.snap b/packages/mobile/src/account/__snapshots__/Support.test.tsx.snap
@@ -40,14 +40,18 @@ exports[`Support renders correctly 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
-          "left": 0,
-          "marginBottom": 0,
-          "marginLeft": 16,
-          "opacity": 1,
-          "padding": 0,
-          "position": "absolute",
-        }
+        Array [
+          Object {
+            "left": 0,
+            "marginBottom": 0,
+            "marginLeft": 16,
+            "padding": 0,
+            "position": "absolute",
+          },
+          Object {
+            "opacity": 1,
+          },
+        ]
       }
       testID="Hamburguer"
     >