Add tests to Entry components

teh-username · Mar 18, 2018 · 3df402e · 3df402e
1 parent f5d9cf3
commit 3df402e
Show file tree

Hide file tree

Showing 4 changed files with 148 additions and 0 deletions.
diff --git a/src/components/EntryDetail.test.js b/src/components/EntryDetail.test.js
@@ -6,4 +6,13 @@ describe('EntryDetail Component', () => {
     const wrapper = shallow(<EntryDetail name="name" code="code" />);
     expect(wrapper).toMatchSnapshot();
   });
+
+  describe('ButtonRow Component', () => {
+    it('renders as expected', () => {
+      const wrapper = shallow(
+        <ButtonRow onEditPress={() => {}} onDeletePress={() => {}} />
+      );
+      expect(wrapper).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/components/EntryList.test.js b/src/components/EntryList.test.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import EntryList from './EntryList';
+
+describe('EntryList component', () => {
+  it('should render as expected', () => {
+    const sampleEntries = [
+      ['md391', { name: 'Bank 1' }],
+      ['krni8', { name: 'Bank 2' }],
+      ['jr278', { name: 'Bank 3' }],
+    ];
+    const wrapper = shallow(
+      <EntryList entries={sampleEntries} onPress={() => {}} />
+    );
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/src/components/__snapshots__/EntryDetail.test.js.snap b/src/components/__snapshots__/EntryDetail.test.js.snap
@@ -1,5 +1,57 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`EntryDetail Component ButtonRow Component renders as expected 1`] = `
+<View
+  style={
+    Object {
+      "flex": 1,
+      "flexDirection": "row",
+      "justifyContent": "center",
+      "top": 30,
+    }
+  }
+>
+  <Button
+    buttonStyle={
+      Object {
+        "backgroundColor": "#669AE0",
+        "borderColor": "transparent",
+        "borderRadius": 10,
+        "borderWidth": 0,
+        "height": 45,
+        "width": 150,
+      }
+    }
+    icon={
+      Object {
+        "name": "mode-edit",
+      }
+    }
+    onPress={[Function]}
+    title="Edit Code"
+  />
+  <Button
+    buttonStyle={
+      Object {
+        "backgroundColor": "#669AE0",
+        "borderColor": "transparent",
+        "borderRadius": 10,
+        "borderWidth": 0,
+        "height": 45,
+        "width": 150,
+      }
+    }
+    icon={
+      Object {
+        "name": "delete",
+      }
+    }
+    onPress={[Function]}
+    title="Delete Entry"
+  />
+</View>
+`;
+
 exports[`EntryDetail Component renders as expected 1`] = `
 <View
   style={

diff --git a/src/components/__snapshots__/EntryList.test.js.snap b/src/components/__snapshots__/EntryList.test.js.snap
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EntryList component should render as expected 1`] = `
+<ScrollView>
+  <List>
+    <ListItem
+      chevronColor="#bdc6cf"
+      disabled={false}
+      hideChevron={false}
+      key="md391"
+      leftIconUnderlayColor="white"
+      onPress={[Function]}
+      rightIcon={
+        Object {
+          "name": "chevron-right",
+        }
+      }
+      rightTitleNumberOfLines={1}
+      roundAvatar={false}
+      subtitleNumberOfLines={1}
+      switchButton={false}
+      textInputEditable={true}
+      title="Bank 1"
+      titleNumberOfLines={1}
+      underlayColor="white"
+    />
+    <ListItem
+      chevronColor="#bdc6cf"
+      disabled={false}
+      hideChevron={false}
+      key="krni8"
+      leftIconUnderlayColor="white"
+      onPress={[Function]}
+      rightIcon={
+        Object {
+          "name": "chevron-right",
+        }
+      }
+      rightTitleNumberOfLines={1}
+      roundAvatar={false}
+      subtitleNumberOfLines={1}
+      switchButton={false}
+      textInputEditable={true}
+      title="Bank 2"
+      titleNumberOfLines={1}
+      underlayColor="white"
+    />
+    <ListItem
+      chevronColor="#bdc6cf"
+      disabled={false}
+      hideChevron={false}
+      key="jr278"
+      leftIconUnderlayColor="white"
+      onPress={[Function]}
+      rightIcon={
+        Object {
+          "name": "chevron-right",
+        }
+      }
+      rightTitleNumberOfLines={1}
+      roundAvatar={false}
+      subtitleNumberOfLines={1}
+      switchButton={false}
+      textInputEditable={true}
+      title="Bank 3"
+      titleNumberOfLines={1}
+      underlayColor="white"
+    />
+  </List>
+</ScrollView>
+`;