Use named export, change test to mock entire module

AlbertBrand · Apr 6, 2017 · 4ec44e2 · 4ec44e2
1 parent 1375c95
commit 4ec44e2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/App.js b/App.js
@@ -6,6 +6,7 @@ import {
   View
 } from 'react-native';
 import Icon from 'react-native-vector-icons/FontAwesome';
+import { Button } from 'react-native-vector-icons/FontAwesome';
 
 export default function App() {
   return (
@@ -14,9 +15,9 @@ export default function App() {
         Welcome fellow traveler!
       </Text>
       <Icon name="thumbs-up" size={64} color="#9ad3f1" />
-      <Icon.Button name="facebook" backgroundColor="#3b5998">
+      <Button name="facebook" backgroundColor="#3b5998">
         Login with Facebook
-      </Icon.Button>
+      </Button>
     </View>
   );
 }

diff --git a/__tests__/App.js b/__tests__/App.js
@@ -6,9 +6,12 @@ import App from '../App';
 
 jest.mock('react-native-vector-icons/FontAwesome', () => {
   const mockComponent = require('mockComponent').default;
+  const module = jest.genMockFromModule('react-native-vector-icons/FontAwesome');
   const Icon = mockComponent('Icon');
   Icon.Button = mockComponent('Icon.Button');
-  return Icon;
+  module.default = Icon;
+  module.Button = Icon.Button;
+  return module;
 });
 
 describe('App', () => {