🐛 (example/tests) fix test

Author: tpucci

example/jest.config.js

@@ -7,5 +7,7 @@ module.exports = {
   testPathIgnorePatterns: ['/node_modules/', '<rootDir>/src/'],
   moduleNameMapper: {
     '^react-gondola$': '<rootDir>/src/',
+    '^react-gondola/transitions$': '<rootDir>/src/transitions',
   },
+  setupFilesAfterEnv: ['<rootDir>/jest/setup.js'],
 };

example/package.json

@@ -19,6 +19,8 @@
     "@babel/runtime": "^7.4.5",
     "babel-plugin-module-resolver": "^3.2.0",
     "metro-react-native-babel-preset": "^0.54.0",
+    "patch-package": "^6.1.2",
+    "postinstall-postinstall": "^2.0.0",
     "react-native": "0.59.5",
     "react-native-reanimated": "^1.1.0",
     "typescript": "^3.5.3"

example/patches/react-native-reanimated+1.1.0.patch

@@ -0,0 +1,55 @@
+diff --git a/node_modules/react-native-reanimated/react-native-reanimated.d.ts b/node_modules/react-native-reanimated/react-native-reanimated.d.ts
+index 7a30d62..506a2a7 100644
+--- a/node_modules/react-native-reanimated/react-native-reanimated.d.ts
++++ b/node_modules/react-native-reanimated/react-native-reanimated.d.ts
+@@ -12,6 +12,7 @@ declare module 'react-native-reanimated' {
+     ViewStyle,
+     TextStyle,
+     ImageStyle,
++    TransformsStyle
+   } from 'react-native';
+   namespace Animated {
+     class AnimatedNode<T> {
+@@ -64,11 +65,11 @@ declare module 'react-native-reanimated' {
+       right: Adaptable<number>
+     ) => AnimatedNode<T>;
+     type UnaryOperator = (value: Adaptable<number>) => AnimatedNode<number>;
+-    type MultiOperator = (
++    type MultiOperator<T = number> = (
+       a: Adaptable<number>,
+       b: Adaptable<number>,
+       ...others: Adaptable<number>[]
+-    ) => AnimatedNode<number>;
++    ) => AnimatedNode<T>;
+ 
+     export interface DecayState {
+       finished: AnimatedValue<number>;
+@@ -141,8 +142,10 @@ declare module 'react-native-reanimated' {
+ 
+     export const SpringUtils: SpringUtils
+ 
++    type AnimatedTransform = { [P in keyof TransformsStyle["transform"]]: Animated.Adaptable<TransformsStyle["transform"][P]> };
++
+     type AnimateStyle<S extends object> = {
+-      [K in keyof S]: S[K] extends ReadonlyArray<any>
++      [K in keyof S]: K extends 'transform' ? AnimatedTransform : (S[K] extends ReadonlyArray<any>
+         ? ReadonlyArray<AnimateStyle<S[K][0]>>
+         : S[K] extends object
+           ? AnimateStyle<S[K]>
+@@ -151,7 +154,7 @@ declare module 'react-native-reanimated' {
+               | AnimatedNode<
+                   // allow `number` where `string` normally is to support colors
+                   S[K] extends string ? S[K] | number : S[K]
+-                >
++                >)
+     };
+ 
+     type AnimateProps<
+@@ -195,6 +198,7 @@ declare module 'react-native-reanimated' {
+     export const pow: MultiOperator;
+     export const modulo: MultiOperator;
+     export const sqrt: UnaryOperator;
++    export const log: UnaryOperator;
+     export const sin: UnaryOperator;
+     export const cos: UnaryOperator;
+     export const tan: UnaryOperator;

example/src/canals/SignIn/SignIn.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { createCanal } from 'react-gondola';
-import { SlideLeft, SlideUp, RotateCrazy } from 'react-gondola/transitions';
+import { RotateCrazy } from 'react-gondola/transitions';
 import { FirstName } from './FirstName';
 import { LastName } from './LastName';
 import { Confirm } from './Confirm';

example/src/canals/SignIn/__tests__/__snapshots__/Confirm.test.tsx.snap

@@ -34,7 +34,7 @@ exports[`Confirm renders correctly 1`] = `
       }
     >
       <Text>
-        Waht is your first name ?
+        What is your first name ?
       </Text>
       <TextInput
         allowFontScaling={true}
@@ -84,5 +84,29 @@ exports[`Confirm renders correctly 1`] = `
       </View>
     </View>
   </View>
+  <View
+    collapsable={false}
+    style={
+      Object {
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    }
+  />
+  <View
+    collapsable={false}
+    style={
+      Object {
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    }
+  />
 </View>
 `;

example/src/canals/SignIn/__tests__/__snapshots__/FirstName.test.tsx.snap

@@ -12,7 +12,7 @@ exports[`FirstName renders correctly 1`] = `
   }
 >
   <Text>
-    Waht is your first name ?
+    What is your first name ?
   </Text>
   <TextInput
     allowFontScaling={true}