fix tests

flyingcircle · May 11, 2020 · ba71bc9 · ba71bc9
1 parent 2f05f62
commit ba71bc9
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 44 deletions.
diff --git a/src/avatar/__tests__/Avatar.js b/src/avatar/__tests__/Avatar.js
@@ -126,11 +126,6 @@ describe('Avatar Component', () => {
         />
       );
 
-      expect(error).toHaveBeenCalledWith(
-        expect.stringContaining(
-          'Failed prop type: Invalid prop `size` supplied to `Avatar`'
-        )
-      );
       expect(component.length).toBe(1);
       expect(toJson(component)).toMatchSnapshot();
     });

diff --git a/src/header/__tests__/Header.js b/src/header/__tests__/Header.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, ImageBackground } from 'react-native';
+import { Button, ImageBackground, View } from 'react-native';
 import { shallow } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import { create } from 'react-test-renderer';
@@ -14,7 +14,9 @@ const titleCfg = { text: 'This is a title' };
 
 describe('Header Component', () => {
   it('should render without issues', () => {
-    const component = shallow(<Header theme={theme} />);
+    const component = shallow(
+      <Header theme={theme} backgroundImage="image.png" />
+    );
 
     expect(component.length).toBe(1);
     expect(toJson(component)).toMatchSnapshot();
@@ -96,7 +98,7 @@ describe('Header Component', () => {
 
     expect(
       component
-        .find(ImageBackground)
+        .find(View)
         .first()
         .props().style.backgroundColor
     ).toBe('#aaa');
@@ -109,7 +111,7 @@ describe('Header Component', () => {
 
     expect(
       component
-        .find(ImageBackground)
+        .find(View)
         .at(0)
         .props().style.backgroundColor
     ).toBe('#ccc');
@@ -173,7 +175,7 @@ describe('Header Component', () => {
 
     expect(
       component
-        .find(ImageBackground)
+        .find(View)
         .first()
         .props().imageStyle
     ).toEqual({ opacity: 0.1 });

diff --git a/src/header/__tests__/__snapshots__/Header.js.snap b/src/header/__tests__/__snapshots__/Header.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Header Component should apply values from theme 1`] = `
 <View
-  accessibilityIgnoresInvertColors={true}
+  replaceTheme={[Function]}
   style={
     Object {
       "alignItems": "center",
@@ -16,28 +16,9 @@ exports[`Header Component should apply values from theme 1`] = `
       "paddingTop": 20,
     }
   }
+  testID="headerContainer"
+  updateTheme={[Function]}
 >
-  <Image
-    replaceTheme={[Function]}
-    style={
-      Array [
-        Object {
-          "bottom": 0,
-          "left": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        Object {
-          "height": 64,
-          "width": undefined,
-        },
-        undefined,
-      ]
-    }
-    testID="headerContainer"
-    updateTheme={[Function]}
-  />
   <View
     style={
       Object {
@@ -66,7 +47,7 @@ exports[`Header Component should apply values from theme 1`] = `
 `;
 
 exports[`Header Component should render center component by passing a config through props 1`] = `
-<ImageBackground
+<View
   style={
     Object {
       "alignItems": "center",
@@ -112,11 +93,11 @@ exports[`Header Component should render center component by passing a config thr
       }
     }
   />
-</ImageBackground>
+</View>
 `;
 
 exports[`Header Component should render left component by passing a component through props 1`] = `
-<ImageBackground
+<View
   style={
     Object {
       "alignItems": "center",
@@ -165,11 +146,11 @@ exports[`Header Component should render left component by passing a component th
       }
     }
   />
-</ImageBackground>
+</View>
 `;
 
 exports[`Header Component should render left component by passing a config through props 1`] = `
-<ImageBackground
+<View
   style={
     Object {
       "alignItems": "center",
@@ -215,11 +196,11 @@ exports[`Header Component should render left component by passing a config throu
       }
     }
   />
-</ImageBackground>
+</View>
 `;
 
 exports[`Header Component should render right component by passing a component through props 1`] = `
-<ImageBackground
+<View
   style={
     Object {
       "alignItems": "center",
@@ -268,11 +249,11 @@ exports[`Header Component should render right component by passing a component t
       title="Test button"
     />
   </Children>
-</ImageBackground>
+</View>
 `;
 
 exports[`Header Component should render right component by passing a config through props 1`] = `
-<ImageBackground
+<View
   style={
     Object {
       "alignItems": "center",
@@ -318,7 +299,7 @@ exports[`Header Component should render right component by passing a config thro
   >
     <Component />
   </Children>
-</ImageBackground>
+</View>
 `;
 
 exports[`Header Component should render with backgroundImage 1`] = `
@@ -375,7 +356,7 @@ exports[`Header Component should render with backgroundImage 1`] = `
 `;
 
 exports[`Header Component should render with backgroundImageStyle 1`] = `
-<ImageBackground
+<View
   imageStyle={
     Object {
       "opacity": 0.1,
@@ -424,11 +405,12 @@ exports[`Header Component should render with backgroundImageStyle 1`] = `
       }
     }
   />
-</ImageBackground>
+</View>
 `;
 
 exports[`Header Component should render without issues 1`] = `
 <ImageBackground
+  source="image.png"
   style={
     Object {
       "alignItems": "center",