Moved tests -> test because mocha likes that

test/client/.eslintrc.json

@@ -0,0 +1,23 @@
+{
+    "env": {
+        "browser": true,
+        "es6": true,
+        "mocha": true
+    },
+    "extends": "../.eslintrc.json",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "experimentalObjectRestSpread": true,
+            "jsx": true
+        },
+        "sourceType": "module"
+    },
+    "parser": "babel-eslint",
+    "plugins": [
+        "react"
+    ],
+    "rules": {
+      "react/jsx-uses-react": "error",
+      "react/jsx-uses-vars": "error"
+    }
+}

test/client/coral-admin/actions/assets.js

@@ -0,0 +1,89 @@
+import 'react';
+import 'redux';
+import {expect} from 'chai';
+import fetchMock from 'fetch-mock';
+import * as actions from '../../../../client/coral-admin/src/actions/assets';
+import {Map} from 'immutable';
+
+import configureStore from 'redux-mock-store';
+
+const mockStore = configureStore();
+
+describe('Asset actions', () => {
+  let store;
+
+  const assets = [
+    {
+      url: 'http://test.com',
+      id: '123',
+      status: 'closed'
+    },
+    {
+      url: 'http://test.org',
+      id: '456',
+      status: 'open'
+    }
+  ];
+
+  beforeEach(() => {
+    store = mockStore(new Map({}));
+    fetchMock.restore();
+  });
+
+  describe('FETCH_ASSETS_REQUEST', () => {
+
+    it('should fetch a list of assets', () => {
+
+      fetchMock.get('*', JSON.stringify({
+        result: assets,
+        count: 2
+      }));
+
+      return actions.fetchAssets(2, 20)(store.dispatch)
+        .then(() => {
+          expect(store.getActions()[0]).to.have.property('type', 'FETCH_ASSETS_REQUEST');
+          expect(store.getActions()[1]).to.have.property('type', 'FETCH_ASSETS_SUCCESS');
+          expect(store.getActions()[1]).to.have.property('count', 2);
+          expect(store.getActions()[1]).to.have.property('assets').
+            and.to.deep.equal(assets);
+        });
+    });
+
+    it('should return an error appropriatly', () => {
+
+      fetchMock.get('*', 404);
+
+      return actions.fetchAssets(2, 20)(store.dispatch)
+        .then(() => {
+          expect(store.getActions()[0]).to.have.property('type', 'FETCH_ASSETS_REQUEST');
+          expect(store.getActions()[1]).to.have.property('type', 'FETCH_ASSETS_FAILURE');
+        });
+    });
+  });
+
+  describe('UPDATE_ASSET_STATE_REQUEST', () => {
+
+    it('should update an asset', () => {
+
+      fetchMock.put('*', JSON.stringify(assets[0]));
+
+      return actions.updateAssetState('123', 'status', 'open')(store.dispatch)
+        .then(() => {
+          expect(store.getActions()[0]).to.have.property('type', 'UPDATE_ASSET_STATE_REQUEST');
+          expect(store.getActions()[1]).to.have.property('type', 'UPDATE_ASSET_STATE_SUCCESS');
+        });
+
+    });
+
+    it('should return an error appropriately', () => {
+
+      fetchMock.put('*', 404);
+
+      return actions.updateAssetState('123', 'status', 'open')(store.dispatch)
+        .then(() => {
+          expect(store.getActions()[0]).to.have.property('type', 'UPDATE_ASSET_STATE_REQUEST');
+          expect(store.getActions()[1]).to.have.property('type', 'UPDATE_ASSET_STATE_FAILURE');
+        });
+    });
+  });
+});

test/client/coral-admin/reducers/assets.js

@@ -0,0 +1,64 @@
+import {Map, fromJS} from 'immutable';
+import {expect} from 'chai';
+import assetsReducer from '../../../../client/coral-admin/src/reducers/assets';
+
+describe ('assetsReducer', () => {
+  describe('FETCH_ASSETS_SUCCESS', () => {
+    it('should replace the existing assets', () => {
+      const action = {
+        type: 'FETCH_ASSETS_SUCCESS',
+        count: 200,
+        assets: [
+          {
+            id: '123',
+            url: 'http://test.com',
+            closedAt: 'tomorrow'
+          },
+          {
+            id: '456',
+            url: 'http://test2.com',
+            closedAt: 'thursday'
+          },
+        ]
+      };
+      const store = new Map({});
+      const result = assetsReducer(store, action);
+      expect(result.getIn(['byId', '123']).toJS()).to.deep.equal({
+        url: 'http://test.com',
+        closedAt: 'tomorrow',
+        id: '123'
+      });
+      expect(result.getIn(['ids']).toJS()).to.deep.equal([
+        '123',
+        '456'
+      ]);
+      expect(result.getIn(['count'])).to.equal(200);
+    });
+  });
+
+  describe('UPDATE_ASSET_STATE_REQUEST', () => {
+    it('should update the state of a particular asset', () => {
+      const action = {
+        type: 'UPDATE_ASSET_STATE_REQUEST',
+        id: '123',
+        closedAt: null
+      };
+      const store = new fromJS({
+        byId: {
+          '123': {
+            id: '123',
+            url: 'http://test.com',
+            closedAt: Date.now()
+          },
+          '456': {
+            id: '456',
+            url: 'http://test2.com',
+            closedAt: 'thursday'
+          }
+        }
+      });
+      const result = assetsReducer(store, action);
+      expect(result.getIn(['byId', '123', 'closedAt'])).to.equal.null;
+    });
+  });
+});

test/client/coral-framework/store/itemActions.js

@@ -0,0 +1,198 @@
+import 'react';
+import 'redux';
+import {expect} from 'chai';
+import fetchMock from 'fetch-mock';
+import * as actions from '../../../../client/coral-framework/actions/items';
+import {Map} from 'immutable';
+
+import configureStore from 'redux-mock-store';
+
+const mockStore = configureStore();
+
+describe('itemActions', () => {
+  let store;
+
+  beforeEach(() => {
+    store = mockStore(new Map({}));
+    fetchMock.restore();
+
+  });
+
+  describe('getStream', () => {
+    const assetUrl = 'http://www.test.com';
+    const response = {
+      assets: [{
+        id: '1234', url: assetUrl
+      }],
+      comments: [
+        {body: 'stuff', id: '123'},
+        {body: 'morestuff', id: '456'}
+      ],
+      actions: [
+        {
+          action_type: 'like',
+          item_id: '123',
+          count: 1,
+          id: 'like_123',
+          current_user: false
+        },
+        {
+          action_type: 'flag',
+          item_id: '456',
+          count: 5,
+          id: 'flag_456',
+          current_user: true
+        }
+      ]
+    };
+
+    it('should get an stream from an asset_url and send the appropriate dispatches', () => {
+      fetchMock.get('*', JSON.stringify(response));
+      return actions.getStream(assetUrl)(store.dispatch)
+        .then((res) => {
+          expect(fetchMock.calls().matched[0][0]).to.equal('/api/v1/stream?asset_url=http%3A%2F%2Fwww.test.com');
+          expect(res).to.deep.equal(response);
+          expect(store.getActions()[1]).to.deep.equal({
+            type: actions.ADD_ITEM,
+            item: response.comments[0],
+            item_type: 'comments',
+            id: '123'
+          });
+          expect(store.getActions()[2]).to.deep.equal({
+            type: actions.ADD_ITEM,
+            item: response.comments[1],
+            item_type: 'comments',
+            id: '456'
+          });
+        });
+    });
+    it('should handle an error', () => {
+      fetchMock.get('*', 404);
+      return actions.getStream(assetUrl)(store.dispatch)
+        .catch((err) => {
+          expect(err).to.be.truthy;
+        });
+    });
+  });
+
+  // Disabling tests for this function until is is used again.
+  xdescribe('getItemsArray', () => {
+    const response = {items: [{type: 'comment', id: '123'}, {type: 'comment', id: '456'}]};
+    const ids = [1, 2];
+
+    it('should get an item from an array of ids and send the appropriate dispatches', () => {
+      fetchMock.get('*', JSON.stringify(response));
+      return actions.getItemsArray(ids)(store.dispatch)
+        .then((res) => {
+          expect(res).to.deep.equal(response.items);
+          expect(store.getActions()[0]).to.deep.equal({
+            type: actions.ADD_ITEM,
+            item: {
+              type: 'comment',
+              id: '123'
+            },
+            id: '123'
+          });
+          expect(store.getActions()[1]).to.deep.equal({
+            type: actions.ADD_ITEM,
+            item: {
+              type: 'comment', id: '456'
+            },
+            id: '456'
+          });
+        });
+    });
+    it('should handle an error', () => {
+      fetchMock.get('*', 404);
+      return actions.getItemsArray(ids)(store.dispatch)
+        .catch((err) => {
+          expect(err).to.be.truthy;
+        });
+    });
+  });
+
+  // NEED TO FIGURE OUT HOW TO TEST WITH CSRF TOKEN IN.
+  xdescribe('postItem', () => {
+    const item = {
+      type: 'comments',
+      data: {body: 'stuff'}
+    };
+
+    it ('should post an item, return an id, then dispatch that item to the store', () => {
+      fetchMock.post('*', {id: '123'});
+      return actions.postItem(item.data, item.type, undefined)(store.dispatch, store.getState)
+        .then((id) => {
+          expect(fetchMock.calls().matched[0][1]).to.deep.equal(
+            {
+              method: 'POST',
+              headers: {
+                'Accept': 'application/json',
+                'Content-Type':'application/json'
+              },
+              credentials: 'same-origin',
+              body: JSON.stringify(item.data)
+            }
+          );
+          expect(id).to.deep.equal({id: '123'});
+          expect(store.getActions()[0]).to.deep.equal({
+            type: actions.ADD_ITEM,
+            item: {
+              body: 'stuff',
+              id: '123'
+            },
+            item_type: 'comments',
+            id: '123'
+          });
+        });
+    });
+    it('should handle an error', () => {
+      fetchMock.post('*', 404);
+      return actions.postItem(item)(store.dispatch, store.getState)
+        .catch((err) => {
+          expect(err).to.be.truthy;
+        });
+    });
+  });
+
+  xdescribe('postAction', () => {
+    it ('should post an action', () => {
+      fetchMock.post('*', {id: '456'});
+      const action = {
+        action_type: 'flag',
+        detail: 'Comment smells funny'
+      };
+      return actions.postAction('abc', 'comments', action)(store.dispatch, store.getState)
+        .then(response => {
+          expect(fetchMock.calls().matched[0][0]).to.equal('/api/v1/comments/abc/actions');
+          expect(response).to.deep.equal({id:'456'});
+        });
+    });
+
+    it('should handle an error', () => {
+      fetchMock.post('*', 404);
+      return actions.postAction('abc', 'flag', '123')(store.dispatch, store.getState)
+        .catch((err) => {
+          expect(err).to.be.truthy;
+        });
+    });
+  });
+
+  describe('deleteAction', () => {
+    it ('should remove an action', () => {
+      fetchMock.delete('*', {});
+      return actions.deleteAction('abc', 'flag', '123', 'comments')(store.dispatch)
+        .then(response => {
+          expect(fetchMock.calls().matched[0][0]).to.equal('/api/v1/actions/abc');
+          expect(response).to.deep.equal({});
+        });
+    });
+
+    xit('should handle an error', () => {
+      fetchMock.post('*', 404);
+      return actions.postAction('abc', 'flag', '123')(store.dispatch, store.getState)
+        .catch((err) => {
+          expect(err).to.be.truthy;
+        });
+    });
+  });
+});

test/client/coral-framework/store/itemReducer.js

@@ -0,0 +1,95 @@
+import {Map, fromJS} from 'immutable';
+import {expect} from 'chai';
+import itemsReducer from '../../../../client/coral-framework/reducers/items';
+
+describe ('itemsReducer', () => {
+  describe('ADD_ITEM', () => {
+    it('should add an item', () => {
+      const action = {
+        type: 'ADD_ITEM',
+        item: {
+          body: 'stuff',
+          id: '123'
+        },
+        item_type: 'comments',
+        id: '123'
+      };
+      const store = new Map({});
+      const result = itemsReducer(store, action);
+      expect(result.getIn(['comments', '123']).toJS()).to.deep.equal({
+        body: 'stuff',
+        id: '123'
+      });
+    });
+  });
+
+  describe ('UPDATE_ITEM', () => {
+    it ('should update an item', () => {
+      const action = {
+        type: 'UPDATE_ITEM',
+        property: 'stuff',
+        value: 'things',
+        item_type: 'comments',
+        id: '123'
+      };
+      const store = fromJS({
+        'comments': {
+          '123': {
+            id: '123',
+            stuff: 'morestuff'
+          }
+        }
+      });
+      const result = itemsReducer(store, action);
+      expect(result.getIn(['comments', '123']).toJS()).to.deep.equal({
+        id: '123',
+        stuff: 'things'
+      });
+    });
+  });
+
+  describe('APPEND_ITEM_ARRAY', () => {
+    let action;
+    let store;
+
+    beforeEach (() => {
+      action = {
+        type: 'APPEND_ITEM_ARRAY',
+        property: 'stuff',
+        value: 'things',
+        id: '123',
+        item_type: 'comments'
+      };
+      store = fromJS({
+        'comments': {
+          '123': {
+            id: '123',
+            stuff: ['morestuff']
+          }
+        }
+      });
+    });
+    it ('should append to an existing array', () => {
+      const result = itemsReducer(store, action);
+      expect(result.getIn(['comments', '123']).toJS()).to.deep.equal({
+        id: '123',
+        stuff: ['morestuff', 'things']
+      });
+    });
+    it ('should create a new array', () => {
+      store = fromJS({
+        'comments': {
+          '123': {
+            id: '123'
+          }
+        }
+      });
+      const result = itemsReducer(store, action);
+      expect(result.getIn(['comments', '123']).toJS()).to.deep.equal({
+        id: '123',
+        stuff: ['things']
+      });
+    });
+  });
+
+});

test/client/coral-framework/store/notificationReducer.spec.js

@@ -0,0 +1,35 @@
+import {Map} from 'immutable';
+import {expect} from 'chai';
+import notificationReducer from '../../../../client/coral-framework/reducers/notification';
+import * as actions from '../../../../client/coral-framework/actions/notification';
+
+describe ('notificationsReducer', () => {
+  describe('ADD_NOTIFICATION', () => {
+    it('should add a notification', () => {
+      const action = {
+        type: actions.ADD_NOTIFICATION,
+        text: 'Test notification',
+        notifType: 'test'
+      };
+      const store = new Map({});
+      const result = notificationReducer(store, action);
+      expect(result.get('text')).to.equal(action.text);
+      expect(result.get('type')).to.equal(action.notifType);
+    });
+  });
+
+  describe('CLEAR_NOTIFICATION', () => {
+    it('should clear a notification', () => {
+      const action = {
+        type: actions.CLEAR_NOTIFICATION
+      };
+      const store = new Map({
+        text: 'Test notification',
+        type: 'test'
+      });
+      const result = notificationReducer(store, action);
+      expect(result.get('text')).to.equal(undefined);
+      expect(result.get('type')).to.equal(undefined);
+    });
+  });
+});

test/client/coral-plugin-history/Comment.spec.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import {shallow, mount} from 'enzyme';
+import {expect} from 'chai';
+import Comment from '../../../client/coral-plugin-history/Comment';
+
+describe('coral-plugin-history/Comment', () => {
+  let render;
+  const comment = {body: 'this is a comment', id: '123'};
+  const asset = {url: 'https://google.com'};
+
+  beforeEach(() => {
+    render = shallow(<Comment asset={asset} comment={comment} />);
+  });
+
+  it('should render the provided comment body', () => {
+    const wrapper = mount(<Comment asset={asset} comment={comment} />);
+    expect(wrapper.find('.myCommentBody')).to.have.length(1);
+    expect(wrapper.find('.myCommentBody').text()).to.equal('this is a comment');
+  });
+
+  it('should render the asset url as a link', () => {
+    const wrapper = mount(<Comment asset={asset} comment={comment} />);
+    expect(wrapper.find('.myCommentAnchor')).to.have.length(1);
+    expect(wrapper.find('.myCommentAnchor').text()).to.equal('https://google.com');
+    expect(wrapper.find('.myCommentAnchor').props().href).to.equal('https://google.com#123');
+  });
+
+  it('should render the comment with styles', () => {
+    expect(render.props().style).to.be.defined;
+  });
+});

test/client/coral-plugin-history/CommentHistory.spec.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import {shallow, mount} from 'enzyme';
+import {expect} from 'chai';
+import CommentHistory from '../../../client/coral-plugin-history/CommentHistory';
+
+describe('coral-plugin-history/CommentHistory', () => {
+  let render;
+  const comments = [{body: 'a comment or something', 'status_history':[{'type':'premod', 'created_at':'2016-12-09T01:40:53.327Z', 'assigned_by':null}, {'created_at':'2016-12-09T22:52:44.888Z', 'type':'accepted', 'assigned_by':'92256159-1164-4f66-9970-c7f23de7e461'}], 'asset_id':'96fddf96-7c83-4008-80ad-50091997d006', 'created_at':'2016-12-09T01:40:53.360Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':'accepted', '__v':0, 'updated_at':'2016-12-09T22:52:44.893Z', 'id':'3962c2ea-4ec4-42e4-b9bd-c571ff30f56b'}, {'body':'another comment', 'status_history':[{'type':'premod', 'created_at':'2016-12-09T22:53:43.148Z', 'assigned_by':null}], 'asset_id':'96fddf96-7c83-4008-80ad-50091997d006', 'created_at':'2016-12-09T22:53:43.158Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':'premod', '__v':0, 'updated_at':'2016-12-09T22:53:43.158Z', 'id':'b51e27af-bcfd-4932-91be-e3f01a4802e6'}, {'body':'can I comment?', 'status_history':[{'type':'premod', 'created_at':'2016-12-13T23:23:47.123Z', 'assigned_by':null}, {'created_at':'2016-12-13T23:23:58.487Z', 'type':'accepted', 'assigned_by':'92256159-1164-4f66-9970-c7f23de7e461'}], 'asset_id':'cef81015-1b53-4d70-b9af-6eca680f22fc', 'created_at':'2016-12-13T23:23:47.131Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':'accepted', '__v':0, 'updated_at':'2016-12-13T23:23:58.493Z', 'id':'dc9d7be1-b911-4dc3-8e1e-400e8b8d110e'}, {'body':'pre-mod comment', 'status_history':[{'type':'premod', 'created_at':'2016-12-08T21:34:56.994Z', 'assigned_by':null}, {'created_at':'2016-12-08T21:38:04.961Z', 'type':'rejected', 'assigned_by':'92256159-1164-4f66-9970-c7f23de7e461'}], 'asset_id':'96fddf96-7c83-4008-80ad-50091997d006', 'created_at':'2016-12-08T21:34:56.997Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':'rejected', '__v':0, 'updated_at':'2016-12-08T21:38:04.965Z', 'id':'6f02af16-a8f8-4ead-80ea-0d48824eb74d'}, {'body':'a flagged  commetn', 'status_history':[{'type':'premod', 'created_at':'2016-12-08T21:38:26.342Z', 'assigned_by':null}, {'created_at':'2016-12-09T23:47:27.009Z', 'type':'accepted', 'assigned_by':'92256159-1164-4f66-9970-c7f23de7e461'}], 'asset_id':'96fddf96-7c83-4008-80ad-50091997d006', 'created_at':'2016-12-08T21:38:26.344Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':'accepted', '__v':0, 'updated_at':'2016-12-09T23:47:27.018Z', 'id':'784c5f91-36b9-4bda-b4ca-a114cef2c9f0'}, {'body':'a post mod comment', 'status_history':[{'type':'premod', 'created_at':'2016-12-08T22:19:05.870Z', 'assigned_by':null}, {'created_at':'2016-12-09T23:26:41.427Z', 'type':'accepted', 'assigned_by':'92256159-1164-4f66-9970-c7f23de7e461'}], 'asset_id':'96fddf96-7c83-4008-80ad-50091997d006', 'created_at':'2016-12-08T22:19:05.874Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':'accepted', '__v':0, 'updated_at':'2016-12-09T23:26:41.450Z', 'id':'e8b86039-f850-4e53-bd9d-f8c9186a9637'}, {'body':'an actual post-mod comment here', 'status_history':[], 'asset_id':'96fddf96-7c83-4008-80ad-50091997d006', 'created_at':'2016-12-08T22:20:11.147Z', 'author_id':'92256159-1164-4f66-9970-c7f23de7e461', 'status':null, '__v':0, 'updated_at':'2016-12-08T22:20:11.147Z', 'id':'cff1a318-50c6-431e-9a63-de7a7b7136bf'}];
+  const assets = [{'settings': null, 'created_at':'2016-12-06T21:36:09.302Z', 'url':'localhost:3000/', 'scraped':null, 'status':'open', 'updated_at':'2016-12-08T02:11:15.943Z', '_id':'58472f499e775a38f23d5da0', 'type':'article', 'closedMessage':null, 'id':'7302e637-f884-47c0-9723-02cc10a18617', 'closedAt':null}, {'settings':null, 'created_at':'2016-12-07T02:25:31.983Z', 'url':'http://localhost:3000/', 'scraped':null, 'status':'open', 'updated_at':'2016-12-13T22:58:36.061Z', '_id':'5847731b9e775a38f23d5da1', 'type':'article', 'closedMessage':null, 'id':'96fddf96-7c83-4008-80ad-50091997d006', 'closedAt':null}, {'settings':null, 'created_at':'2016-12-12T19:04:05.770Z', 'url':'http://localhost:3000/embed/stream', 'scraped':null, 'updated_at':'2016-12-14T20:13:21.934Z', '_id':'584ef4a59e775a38f23d5e86', 'type':'article', 'closedMessage':null, 'id':'cef81015-1b53-4d70-b9af-6eca680f22fc', 'closedAt':null}];
+
+  beforeEach(() => {
+    render = shallow(<CommentHistory comments={comments} assets={assets} />);
+  });
+
+  it('should render Comments as children when given comments and assets', () => {
+    const wrapper = mount(<CommentHistory comments={comments} assets={assets} />);
+    expect(wrapper.find('.commentHistory__list').children()).to.have.length(7);
+  });
+
+  it('should render with styles', () => {
+    expect(render.props().style).to.be.defined;
+  });
+});
+