fix portal, simplify render

FlatList removes components with position: "absolute"

Author: wolverineks

example/src/App.tsx

@@ -44,7 +44,7 @@ const Foo = React.forwardRef<FooHandle, {}>((props, ref) => {
 
   return (
     <View {...props}>
-      <Text>Hello, World!</Text>
+      <Text>Your component goes here!</Text>
     </View>
   );
 });

src/TestSuite.tsx

@@ -13,13 +13,12 @@ export const useTestSuite = (tests: Test[]) => {
   const ref = React.useRef();
 
   React.useEffect(() => {
-    const render: Render = ({ Component, waitFor, onError }) => {
-      return new Promise((resolve, reject) => {
+    const render: Render = ({ Component, waitFor }) => {
+      return new Promise(resolve => {
         const cloneProps = {
           ref,
           key: Math.random(), // to prevent reusing component across multiple tests
           ...(waitFor && { [waitFor]: () => resolve(ref.current) }),
-          ...(onError && { [onError]: reject }),
         };
         const clone = React.cloneElement(Component, cloneProps);
 

src/components.tsx

@@ -2,9 +2,7 @@ import * as React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { jasmine } from './types';
 
-export const Portal: React.FC = ({ children }) => (
-  <View style={{ position: 'absolute', opacity: 0 }}>{children}</View>
-);
+export const Portal: React.FC = ({ children }) => <View>{children}</View>;
 
 export const Header: React.FC<{ status: string; result: string }> = ({
   status,

src/types.ts

@@ -3,11 +3,9 @@ import * as React from 'react';
 export type Render = <T>({
   Component,
   waitFor,
-  onError,
 }: {
   Component: React.ReactElement;
   waitFor?: string;
-  onError?: string;
 }) => Promise<React.MutableRefObject<T>['current']>;
 
 export type Test = (tester: Tester, render: Render) => void;