[ADD]🚀 GifExpertApp tests added

Author: joalbertg

src/GifExpertApp.js

@@ -5,8 +5,8 @@ import {
   ListCategories
 } from './components';
 
-const GifExpertApp = () => {
-  const [categories, setCategories] = useState(['Dragon Ball']);
+const GifExpertApp = ({ defaultCategories }) => {
+  const [categories, setCategories] = useState(defaultCategories);
 
   return (
     <>
@@ -20,5 +20,9 @@ const GifExpertApp = () => {
   );
 }
 
+GifExpertApp.defaultProps = {
+  defaultCategories: []
+}
+
 export default GifExpertApp;
 

src/tests/GifExpertApp.test.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import GifExpertApp from '../GifExpertApp';
+
+describe('Tests GifExpertApp component', () => {
+  test('Should display correctly', () => {
+    const wrapper = shallow(<GifExpertApp />);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  test('Should show a list of categories', () => {
+    const categories = ['Dragon Ball', 'Samurai X'];
+    const wrapper = shallow(<GifExpertApp defaultCategories={categories} />);
+    const currentCategories = wrapper.find('ListCategories').prop('categories');
+
+    expect(wrapper).toMatchSnapshot();
+    expect(currentCategories.length).toBe(categories.length);
+  });
+});
+

src/tests/__snapshots__/GifExpertApp.test.js.snap

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tests GifExpertApp component Should display correctly 1`] = `
+<Fragment>
+  <h2>
+    GifExpertApp
+  </h2>
+  <AddCategory
+    setCategories={[Function]}
+  />
+  <hr />
+  <ListCategories
+    categories={Array []}
+  />
+</Fragment>
+`;
+
+exports[`Tests GifExpertApp component Should show a list of categories 1`] = `
+<Fragment>
+  <h2>
+    GifExpertApp
+  </h2>
+  <AddCategory
+    setCategories={[Function]}
+  />
+  <hr />
+  <ListCategories
+    categories={
+      Array [
+        "Dragon Ball",
+        "Samurai X",
+      ]
+    }
+  />
+</Fragment>
+`;