ft(user-can-rate-artilce)

add a temporary login form
add a temporary get all articles page
add read one article page
add a dropdown button
add the star rating  modal
add the an on-success notification
[Starts #166840975]

_test_/Articles.spec.js

@@ -5,6 +5,7 @@ import Adapter from 'enzyme-adapter-react-16';
 
 import { GetAllArticles } from '../src/views/Articles';
 
+
 Enzyme.configure({ adapter: new Adapter() });
 
 describe('Articles', () => {

_test_/Dropdown.spec.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import expect from 'expect';
+import { shallow } from 'enzyme';
+
+import DropLeft from '../src/components/SingleArticle/RatingsBtn/index';
+
+
+describe('App', () => {
+  let app;
+  beforeEach(() => {
+    app = shallow(<DropLeft />);
+  });
+
+  it('renders successfully', () => {
+    expect(app).toBeDefined();
+  });
+});

_test_/RatingsModal.spec.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import expect from 'expect';
+import { shallow } from 'enzyme';
+
+import RatingsModal from '../src/components/SingleArticle/RatingsModal/index';
+
+
+describe('App', () => {
+  let app;
+  beforeEach(() => {
+    app = shallow(<RatingsModal />);
+  });
+
+  it('renders successfully', () => {
+    expect(app).toBeDefined();
+    console.log(app.debug())
+  });
+
+  it('tags have classes', () => {
+    expect(app.find('_class').length).toBe(9);
+  });
+
+  it('renders a span tag', () => {
+    expect(app.find('span').length).toBe(1);
+  });
+
+  it('renders a div', () => {
+    expect(app.find('div').length).toBe(1);
+  });
+
+  it('renders a h2 tag', () => {
+    expect(app.find('h2').length).toBe(1);
+  });
+
+  it('renders StarRatingComponent', () => {
+    expect(app.find('StarRatingComponent').length).toBe(1);
+  });
+});
+
+
+

_test_/SingleArticle.spec.js

@@ -7,22 +7,29 @@ import MainArticle from '../src/components/SingleArticle/MainArticle';
 import Tags from '../src/components/SingleArticle/Tags';
 import Recommended from '../src/components/SingleArticle/Recommended';
 import CommentsBtn from '../src/components/SingleArticle/CommentsBtn';
+import RatingsModal from '../src/components/SingleArticle/RatingsModal';
 
 
 describe('Single Article', () => {
   let component;
   let prevProps;
-
+  let nextValue;
+
   const props = {
     prevProps: { match: { params: { slug: 'hello' } } },
     match: { params: { slug: '' } },
+    article: { userId: 1 },
     viewArticle: jest.fn(),
     fetchArticles: jest.fn(),
+    articleRating: jest.fn(),
     loading: false,
     componentDidUpdate: jest.fn(prevProps),
+    onStarClick: jest.fn(nextValue),
+    handleRatingsSubmit: jest.fn(),
   };
 
   beforeEach(() => {
+    window.localStorage.setItem('jwtToken', 'token');
     component = shallow(<SingleArticle {...props} />);
   });
 
@@ -50,6 +57,10 @@ describe('Single Article', () => {
     expect(component.find(CommentsBtn).length).toBe(1);
   });
 
+  it('renders a RatingsModal component', () => {
+    expect(component.find(RatingsModal).length).toBe(1);
+  });
+
   it('renders a Loader component', () => {
     component.setProps({ loading: true });
     expect(component.find(Loader).length).toBe(1);
@@ -60,4 +71,16 @@ describe('Single Article', () => {
     const render = jest.spyOn(component.instance(), 'render');
     expect(render).toHaveBeenCalledTimes(0);
   });
+
+  it('Click on ratings modal', () => {
+    component.instance().onStarClick(nextValue);
+    const starClick = jest.spyOn(component.instance(), 'onStarClick');
+    expect(starClick).toHaveBeenCalledTimes(0);
+  });
+
+  it('submits ratings', () => {
+    component.instance().handleRatingsSubmit();
+    const starSubmit = jest.spyOn(component.instance(), 'handleRatingsSubmit');
+    expect(starSubmit).toHaveBeenCalledTimes(0);
+  });
 });

_test_/article.action.spec.js

@@ -0,0 +1,67 @@
+import expect from 'expect';
+import configureMockStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+import moxios from 'moxios';
+import * as types from '../src/actions/types';
+import * as actions from '../src/actions/article.action';
+import axios from '../src/config/axiosInstance';
+
+const middlewares = [thunk];
+const mockStore = configureMockStore(middlewares);
+
+const initialState = {};
+const store = mockStore(initialState);
+
+
+describe('rate Article Tests', () => {
+  afterEach(() => {
+    moxios.install(axios);
+    store.clearActions();
+  });
+
+  afterEach(() => moxios.uninstall(axios));
+
+  it('Returns success if rate article was successful', (done) => {
+    const dataValue = {
+      value: 3,
+    };
+    jest.spyOn(axios, 'post').mockResolvedValue({ data: { message: '', data: {} } });
+
+    const expectedActions = [
+      {
+        type: types.RATE_ARTICLE_START,
+      },
+      {
+        type: types.RATE_ARTICLE_SUCCESS,
+      },
+    ];
+    store.dispatch(actions.articleRating(dataValue))
+      .then(() => {
+        expect(store.getActions()).toEqual(expectedActions);
+        done();
+      });
+
+  });
+
+  it('Return failure if rate article was unsuccessful', (done) => {
+
+    jest.spyOn(axios, 'post').mockRejectedValue({ response: { data: { message: '' } } });
+
+
+    const expectedActions = [
+      {
+        type: types.RATE_ARTICLE_START,
+      },
+      {
+        type: types.RATE_ARTICLE_FAILURE,
+      },
+    ];
+
+    store.dispatch(actions.articleRating(3))
+      .then(() => {
+        expect(store.getActions()).toEqual(expectedActions);
+        done();
+      });
+
+  });
+});

_test_/singleArticleReducer.spec.js

@@ -8,6 +8,8 @@ describe('Login reducer', () => {
     initialState = {
       article: {},
       loading: false,
+      alert: '',
+      rating: '',
     };
   });
   it('should return the initial state', () => {