Add client test

Author: marcodearaujo

app/components/Client/Client.js

@@ -1,24 +1,34 @@
 import React from 'react';
 
 import ClientService from 'services/Client';
+import Error from 'components/Error/Error'
 
 class Client extends React.Component
 {
     constructor(props) {
         super(props);
         this.state = {
-            clients : []
+            clients : [],
+            error : ''
         };
         this.getClients();
     }
 
     getClients() {
         ClientService.getClients().then((response) => {
             this.setState({clients: response.data.clients});
+        }).catch((error) => {
+            this.setState({error: 'Error Found: Trying get client'});
+            if (error.response) {
+                this.setState({error: error.response.data.error});
+            }
         });
     }
 
     render() {
+        if (this.state.error) {
+            return (<Error error={this.state.error} />);
+        }
         const clientList = this.state.clients.map((client, key) => {
             return (
                 <tr key={key} >

tests/Client.test.js

@@ -0,0 +1,144 @@
+jest.enableAutomock();
+jest.dontMock('components/Client/Client');
+jest.dontMock('components/Error/Error');
+jest.dontMock('react');
+jest.dontMock('axios');
+jest.dontMock('enzyme');
+
+
+describe('Test Client', () => {
+    const React = require('react');
+    const Enzyme = require('enzyme');
+    const shallow = Enzyme.shallow;
+    let ClientService = require('services/Client').default;
+
+    it('Client should show error message', (done) => {
+
+        let error = {response:{data:{error:"Client Not Found"}}};
+        let promises = [];
+        let Client;
+        let component;
+
+        promises.push(
+            (() => {
+                ClientService.getClients = jest.genMockFunction().mockImplementation(() => {
+                    return new Promise((resolve, reject) => {
+                        throw error;
+                    });
+                })
+            })()
+        );
+
+        promises.push(
+            (() => {
+                Client = require('components/Client/Client').default;
+            })()
+        );
+
+        promises.push(
+            (() => {
+                component = shallow(
+                    <Client />
+                );
+            })()
+        );
+
+        Promise.all(promises).then(() => {
+            component.update();
+            expect(component.render().text()).toEqual('Client Not Found');
+            done();
+        }).catch((error) => {
+            console.log(error);
+        });
+    });
+
+    it('Client should show default error message', (done) => {
+
+        let error = {error:"Client Not Found"};
+        let promises = [];
+        let Client;
+        let component;
+
+        promises.push(
+            (() => {
+                ClientService.getClients = jest.genMockFunction().mockImplementation(() => {
+                    return new Promise((resolve, reject) => {
+                        throw error;
+                    });
+                })
+            })()
+        );
+
+        promises.push(
+            (() => {
+                Client = require('components/Client/Client').default;
+            })()
+        );
+
+        promises.push(
+            (() => {
+                component = shallow(
+                    <Client />
+                );
+            })()
+        );
+
+        Promise.all(promises).then(() => {
+            component.update();
+            expect(component.render().text()).toEqual('Error Found: Trying get client');
+            done();
+        }).catch((error) => {
+            console.log(error);
+        });
+    });
+
+    it('Client should show mocked data', (done) => {
+
+        let response = {
+            data: {
+                clients: [
+                    {name: 'Jon Snow', address: '7 Street', city: 'Winterfell'}
+                ]
+            }
+        };
+        let promises = [];
+        let Client;
+        let component;
+
+        promises.push(
+            (() => {
+                ClientService.getClients = jest.genMockFunction().mockImplementation(() => {
+                    return new Promise((resolve, reject) => {
+                        resolve(response);
+                    });
+                })
+            })()
+        );
+
+        promises.push(
+            (() => {
+                Client = require('components/Client/Client').default;
+            })()
+        );
+
+        promises.push(
+            (() => {
+                component = shallow(
+                    <Client />
+                );
+            })()
+        );
+
+        Promise.all(promises).then(() => {
+            component.update();
+            expect(component.find('td').at(0).text()).toEqual('Jon Snow');
+            expect(component.find('td').at(1).text()).toEqual('7 Street');
+            expect(component.find('td').at(2).text()).toEqual('Winterfell');
+            done();
+        }).catch((error) => {
+            console.log(error);
+        });
+    });
+
+});
+