feat: change the mocked core components (#10)

Author: bcarroll22

.gitignore

@@ -1,7 +1,7 @@
-node_modules
-coverage
-dist
-.idea
+node_modules/
+coverage/
+dist/
+.idea/
 .DS_Store
 
 yarn-error.log

examples/__tests__/input-event.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Text, TextInput, View } from 'react-native';
-import { render, fireEvent } from 'native-testing-library';
+import { TextInput } from 'react-native';
+import { render, fireEvent } from '../../src';
 
 class CostInput extends React.Component {
   state = {

examples/__tests__/react-context.js

@@ -1,7 +1,7 @@
 import 'jest-native/extend-expect';
 import React from 'react';
 import { Text } from 'react-native';
-import { render } from 'native-testing-library';
+import { render } from '../../src';
 
 import { NameContext, NameProvider, NameConsumer } from '../react-context';
 

examples/__tests__/react-intl.js

@@ -5,7 +5,7 @@ import { FormattedDate } from 'react-intl-native';
 import IntlPolyfill from 'intl';
 import 'intl/locale-data/jsonp/pt';
 
-import { getByText, render } from 'native-testing-library';
+import { getByText, render } from '../../src';
 
 const setupTests = () => {
   if (global.Intl) {

examples/__tests__/react-navigation.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { Button, Text, View } from 'react-native';
 import { createStackNavigator, createAppContainer, withNavigation } from 'react-navigation';
 
-import { render, fireEvent } from 'native-testing-library';
+import { render, fireEvent } from '../../src';
 
 jest.mock('NativeAnimatedHelper').mock('react-native-gesture-handler', () => {
   const View = require('react-native').View;
@@ -15,25 +15,6 @@ jest.mock('NativeAnimatedHelper').mock('react-native-gesture-handler', () => {
   };
 });
 
-const originalConsoleWarn = console.warn;
-console.warn = arg => {
-  const warnings = [
-    'Calling .measureInWindow()',
-    'Calling .measureLayout()',
-    'Calling .setNativeProps()',
-    'Calling .focus()',
-    'Calling .blur()',
-  ];
-
-  const finalArgs = warnings.reduce((acc, curr) => (arg.includes(curr) ? [...acc, arg] : acc), []);
-
-  if (finalArgs.length) {
-    return;
-  }
-
-  originalConsoleWarn(message);
-};
-
 const Home = ({ navigation }) => (
   <View>
     <Text testID="title">Home page</Text>
@@ -70,14 +51,14 @@ function renderWithNavigation({ screens = {}, navigatorConfig = {} } = {}) {
 
   const App = createAppContainer(AppNavigator);
 
-  return { ...render(<App />), navigationContainer: App };
+  return { ...render(<App detached />), navigationContainer: App };
 }
 
 test('full app rendering/navigating', async () => {
-  const { findByText, getByTestId, getByText } = renderWithNavigation();
+  const { findByText, getByTestId, getByTitle } = renderWithNavigation();
 
   expect(getByTestId('title')).toHaveTextContent('Home page');
-  fireEvent.press(getByText(/Go to about/i));
+  fireEvent.press(getByTitle(/Go to about/i));
 
   const result = await findByText('About page');
   expect(result).toHaveTextContent('About page');

examples/__tests__/react-redux.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { createStore } from 'redux';
 import { Provider, connect } from 'react-redux';
 import { Button, Text, View } from 'react-native';
-import { render, fireEvent } from 'native-testing-library';
+import { render, fireEvent } from '../../src';
 
 class Counter extends React.Component {
   increment = () => {
@@ -53,26 +53,26 @@ function renderWithRedux(ui, { initialState, store = createStore(reducer, initia
 }
 
 test('can render with redux with defaults', () => {
-  const { getByTestId, getByText } = renderWithRedux(<ConnectedCounter />);
-  fireEvent.press(getByText('+'));
+  const { getByTestId, getByTitle } = renderWithRedux(<ConnectedCounter />);
+  fireEvent.press(getByTitle('+'));
   expect(getByTestId('count-value')).toHaveTextContent(1);
 });
 
 test('can render with redux with custom initial state', () => {
-  const { getByTestId, getByText } = renderWithRedux(<ConnectedCounter />, {
+  const { getByTestId, getByTitle } = renderWithRedux(<ConnectedCounter />, {
     initialState: { count: 3 },
   });
-  fireEvent.press(getByText('-'));
+  fireEvent.press(getByTitle('-'));
   expect(getByTestId('count-value')).toHaveTextContent(2);
 });
 
 test('can render with redux with custom store', () => {
   const store = createStore(() => ({ count: 1000 }));
-  const { getByTestId, getByText } = renderWithRedux(<ConnectedCounter />, {
+  const { getByTestId, getByTitle } = renderWithRedux(<ConnectedCounter />, {
     store,
   });
-  fireEvent.press(getByText('+'));
+  fireEvent.press(getByTitle('+'));
   expect(getByTestId('count-value')).toHaveTextContent(1000);
-  fireEvent.press(getByText('-'));
+  fireEvent.press(getByTitle('-'));
   expect(getByTestId('count-value')).toHaveTextContent(1000);
 });

examples/__tests__/update-props.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'jest-native/extend-expect';
 import { Text, View } from 'react-native';
-import { render } from 'native-testing-library';
+import { render } from '../../src';
 
 let idCounter = 1;
 

examples/__tests__/use-hooks.js

@@ -0,0 +1,21 @@
+import { useState } from 'react';
+import { renderHook, act } from 'react-hooks-testing-library';
+
+describe('useState tests', () => {
+  test('should use setState value', () => {
+    const { result } = renderHook(() => useState('foo'));
+    const [value] = result.current;
+
+    expect(value).toBe('foo');
+  });
+
+  test('should update setState value using setter', () => {
+    const { result } = renderHook(() => useState('foo'));
+    const [_, setValue] = result.current;
+
+    act(() => setValue('bar'));
+
+    const [value] = result.current;
+    expect(value).toBe('bar');
+  });
+});

examples/jest.config.js

@@ -0,0 +1,6 @@
+const jestPreset = require('react-native/jest-preset');
+
+module.exports = Object.assign(jestPreset, {
+  transformIgnorePatterns: ['node_modules/(?!(react-native.*|@?react-navigation.*)/)'],
+  setupFiles: [...jestPreset.setupFiles, require.resolve('./src/preset/setup.js')],
+});