[ADD]🚀 AddCategory tests added

Author: joalbertg

src/tests/components/AddCategory.test.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { AddCategory } from '../../components';
+
+describe('Tests AddCategory component', () => {
+  const setCategories = jest.fn();
+  let wrapper = shallow(<AddCategory setCategories={setCategories} />);
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    wrapper = shallow(<AddCategory setCategories={setCategories} />);
+  });
+
+  test('Should display correctly', () => {
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  test('Should change the text box', () => {
+    const input = wrapper.find('input');
+    const value = 'Dragon Ball';
+
+    input.simulate('change', { target: { value } });
+    const currentValue = wrapper.find('input').prop('value');
+
+    expect(currentValue).toBe(value);
+  });
+
+  test('Should not call setCategories or setValue with the submit event', () => {
+    wrapper.find('form').simulate('submit', { preventDefault(){} });
+    expect(setCategories).not.toHaveBeenCalled();
+  });
+
+  test('Should set value in "", setCategories must be called once and as a function', () => {
+    const input = wrapper.find('input');
+    const value = 'Dragon Ball';
+
+    input.simulate('change', { target: { value } });
+    wrapper.find('form').simulate('submit', { preventDefault(){} });
+    const currentValue = wrapper.find('input').prop('value');
+
+    expect(currentValue).toBe('');
+    expect(setCategories).toHaveBeenCalled();
+    expect(setCategories).toHaveBeenCalledTimes(1);
+    //que sea evaluado con alguna funcion
+    expect(setCategories).toHaveBeenCalledWith(expect.any(Function));
+  });
+});
+

src/tests/components/__snapshots__/AddCategory.test.js.snap

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tests AddCategory component Should display correctly 1`] = `
+<form
+  onSubmit={[Function]}
+>
+  <input
+    onChange={[Function]}
+    placeholder="Add here..."
+    type="text"
+    value=""
+  />
+</form>
+`;