fix: use Login over custom button

client/src/components/Intro/Intro.test.js

@@ -1,21 +1,28 @@
 /* global expect */
 import React from 'react';
 import renderer from 'react-test-renderer';
-// import ShallowRenderer from 'react-test-renderer/shallow';
+import { Provider } from 'react-redux';
+import { createStore } from '../../redux/createStore';
 
 import 'jest-dom/extend-expect';
 
 import Intro from './';
 
+function rendererCreateWithRedux(ui) {
+  return renderer.create(<Provider store={createStore()}>{ui}</Provider>);
+}
+
 describe('<Intro />', () => {
   it('has no blockquotes when loggedOut', () => {
-    const container = renderer.create(<Intro {...loggedOutProps} />).root;
+    const container = rendererCreateWithRedux(<Intro {...loggedOutProps} />)
+      .root;
     expect(container.findAllByType('blockquote').length === 0).toBeTruthy();
     expect(container.findAllByType('h1').length === 1).toBeTruthy();
   });
 
   it('has a blockquote when loggedIn', () => {
-    const container = renderer.create(<Intro {...loggedInProps} />).root;
+    const container = rendererCreateWithRedux(<Intro {...loggedInProps} />)
+      .root;
     expect(container.findAllByType('blockquote').length === 1).toBeTruthy();
     expect(container.findAllByType('h1').length === 1).toBeTruthy();
   });