feat(socialAuth):

create actions for social Auth
test functions
manually test functionality

package.json

@@ -30,6 +30,7 @@
     "@fortawesome/react-fontawesome": "^0.1.4",
     "axios": "^0.19.0",
     "axios-mock-adapter": "^1.17.0",
+    "babel-eslint": "^10.0.2",
     "bootstrap": "^4.3.1",
     "classnames": "^2.2.6",
     "clean-webpack-plugin": "^3.0.0",

src/components/Header/Header.js

@@ -34,7 +34,7 @@ export class Header extends React.Component {
           <Button type="button" text="Log in" classname="button-style" />
         </Link>
         <Link to="/signup">
-          <Button type="button" text="SignIn" classname="button-style" />
+          <Button type="button" text="SignUp" classname="button-style" />
         </Link>
       </NavItem>
     );

src/routes/routes.js

@@ -19,7 +19,6 @@ const Routes = () => (
     <Route path="/aboutus" component={About} />
     <Route path="/profile" component={Profile} />
     <Route path="/password-reset" component={ResetPassword} />
-    <Route path="/signup" component={signUpPage} />
     <Route path="/change-password" component={changePassword} />
     <Route path="/dashboard" component={Dashboard} />
     <Route component={NotFound} />

src/test/actions/moduleActions.spec.js

@@ -2,7 +2,6 @@
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import nock from 'nock';
-import 'regenerator-runtime';
 import { getModules } from '../../../store/actions/moduleActions';
 
 const middlewares = [thunk];

src/test/actions/socialAuth.spec.js

@@ -0,0 +1,16 @@
+import { getToken, socialAuthPath } from '../../../store/actions/authActions/socialAuthActions';
+// export const getToken = (tokenString) => {
+//     const startIndex = tokenString.indexOf('=') + 1;
+//     const token = tokenString.slice(startIndex);
+//     return token;
+//   };
+
+describe('social actions', () => {
+  test('should return a string', () => {
+    const token = getToken('=khsbbs');
+    expect(token).toEqual('khsbbs');
+  });
+  test('should ', () => {
+    expect(socialAuthPath('google')).toBe(null);
+  });
+});

src/test/views/signUp.spec.js

@@ -5,7 +5,8 @@ import { SignUp } from '../../views/Signup/SignUp';
 
 const historyMock = { push: jest.fn() };
 const props = {
-  registerUser: () => {},
+  registerAction: () => {},
+  socialSignOn: () => {},
   auth: {},
   errors: {},
 };
@@ -20,10 +21,12 @@ describe('Signup component', () => {
     wrapper = setUp();
     sinon.spy(SignUp.prototype, 'onChange');
     sinon.spy(SignUp.prototype, 'onSubmit');
+    sinon.spy(SignUp.prototype, 'componentDidMount');
   });
   afterEach(() => {
     SignUp.prototype.onChange.restore();
     SignUp.prototype.onSubmit.restore();
+    SignUp.prototype.componentDidMount.restore();
   });
   it('ensure onchange is called for firstname', (done) => {
     const event = { target: { name: 'firstName', value: 'spam' } };

src/views/Login/Login.js

@@ -153,7 +153,7 @@ export class Login extends Component {
               </p>
               <p>
                 Dont have an account yet?
-                <Link className="sign-up" to="/sign-up">
+                <Link className="sign-up" to="/signup">
                   {' '}
                   Sign Up
                 </Link>