Adds redux actions/reducers for collaborations

Fixes PLAT-1568

Test Plan:
This is currently unused code. As long as
/courses/:course_id/collaborations doesnt die
then everything is working properly

Change-Id: I832a7e32d486ba37c746e733762521aed9d8536f
Reviewed-on: https://gerrit.instructure.com/80699
Tested-by: Jenkins
Reviewed-by: Steven Burnett <sburnett@instructure.com>
Product-Review: Steven Burnett <sburnett@instructure.com>
QA-Review: Steven Burnett <sburnett@instructure.com>

Author: Matthew Sessions

app/jsx/collaborations/CollaborationsApp.jsx

@@ -1,15 +1,20 @@
 define([
   'react'
-], function (React) {
-  return React.createClass({
-    displayName: 'CollaborationsApp',
+], (React) => {
+  class CollaborationsApp extends React.Component {
+    static propTypes: {
+      applicationState: React.PropTypes.object,
+      actions: React.PropTypes.object
+    }
 
     render () {
       return (
         <div className='CollaborationsApp'>
           We've got ourselves a placeholder
         </div>
-      )
+      );
     }
-  })
-})
+  };
+
+  return CollaborationsApp;
+});

app/jsx/collaborations/actions/collaborationsActions.jsx

@@ -0,0 +1,27 @@
+define([
+], () => {
+  const actions = {}
+   
+  actions.LIST_COLLABORATIONS_START = 'LIST_COLLABORATIONS_START'
+  actions.listCollaborationsStart = () => ({ type: actions.LIST_COLLABORATIONS_START }),
+
+  actions.LIST_COLLABORATIONS_SUCCESSFUL = 'LIST_COLLABORATIONS_SUCCESSFUL'
+  actions.listCollaborationsSuccessful = (collaborations) => ({ type: actions.LIST_COLLABORATIONS_SUCCESSFUL, payload: collaborations }),
+
+  actions.LIST_COLLABORATIONS_FAILED = 'LIST_COLLABORATIONS_FAILED'
+  actions.listCollaborationsFailed = (error) => ({ type: actions.LIST_COLLABORATIONS_FAILED, error: true, payload: error })
+
+  actions.getCollaborations = () => {
+    actions.listCollaborationsStart();
+
+    //do some async work
+
+    //on success
+    actions.listCollaborationsSuccessful(collaborations);
+
+    //on failure
+    actions.listCollaborationsFailed(error)
+  }
+
+  return actions
+})

app/jsx/collaborations/reducers/collaborationsReducer.jsx

@@ -0,0 +1,45 @@
+define([
+  'redux',
+  '../actions/collaborationsActions'
+], (redux, ACTION_NAMES) => {
+  let initialState = {
+    listCollaborationsPending: false,
+    listCollaborationsSuccessful: false,
+    listCollaborationsError: null,
+    collaborations: [],
+  }
+
+  let collaborationsHandlers = {
+    [ACTION_NAMES.LIST_COLLABORATIONS_START]: (state, action) => {
+      return {
+        ...state,
+        listCollaborationsPending: true,
+        listCollaborationsSuccessful: false,
+        listCollaborationsError: null
+      };
+    },
+    [ACTION_NAMES.LIST_COLLABORATIONS_SUCCESSFUL]: (state, action) => {
+      return {
+        ...state,
+        listCollaborationsPending: false,
+        listCollaborationsSuccessful: true,
+        collaborations: action.payload
+      }
+    },
+    [ACTION_NAMES.LIST_COLLABORATIONS_FAILED]: (state, action) => {
+      return {
+        ...state,
+        listCollaborationsPending: false,
+        listCollaborationsError: action.payload
+      }
+    }
+  };
+
+  return (state = initialState, action) => {
+    if (collaborationsHandlers[action.type]) {
+      return collaborationsHandlers[action.type](state, action)
+    } else {
+      return state
+    }
+  }
+})

app/jsx/collaborations/router.jsx

@@ -2,16 +2,24 @@ define([
   'react',
   'page',
   'qs',
-  'jsx/collaborations/CollaborationsApp'
-], function (React, page, qs, CollaborationsApp) {
+  'redux',
+  'jsx/collaborations/CollaborationsApp',
+  'jsx/collaborations/actions/collaborationsActions',
+  'jsx/collaborations/store/store'
+], function (React, page, qs, redux, CollaborationsApp, collaborationsActions, store) {
+  let unsubscribe
+  let actions = redux.bindActionCreators(collaborationsActions, store.dispatch)
 
   /**
    * Route Handlers
    */
   function renderShowCollaborations (ctx) {
-    React.render(
-      <CollaborationsApp />
-    , document.getElementById('content'));
+    let view = () => {
+      let state = store.getState();
+      React.render(<CollaborationsApp applicationState={state} actions={actions} />, document.getElementById('content'));
+    };
+    unsubscribe = store.subscribe(view);
+    view();
   }
 
   /**
@@ -28,6 +36,7 @@ define([
    */
   page('*', parseQueryString); // Middleware to parse querystring to object
   page('/:context(courses|groups)/:contextId/lti_collaborations', renderShowCollaborations);
+  page.exit('*', unsubscribe)
 
   return {
     start () {

app/jsx/collaborations/store/store.jsx

@@ -0,0 +1,8 @@
+define([
+  'redux',
+  '../reducers/collaborationsReducer'
+], ({createStore, combineReducers}, collaborationsReducer) => {
+  return createStore(combineReducers({
+    collaborationsReducer
+  }))
+});

spec/javascripts/jsx/collaborations/collaborationsReducerSpec.jsx

@@ -0,0 +1,58 @@
+define([
+  'jsx/collaborations/reducers/collaborationsReducer',
+  'jsx/collaborations/actions/collaborationsActions'
+], (reducer, actions) => {
+  module('collaborationsReducer');
+
+  const defaults = reducer(undefined, {})
+
+  test('there are defaults', () => {
+    equal(Array.isArray(defaults.collaborations), true);
+    equal(defaults.collaborations.length, 0);
+    equal(defaults.listCollaborationsPending, false);
+    equal(defaults.listCollaborationsSuccessful, false);
+    equal(defaults.listCollaborationsError, null);
+  });
+
+  test('responds to listCollaborationsStart', () => {
+    let state = {
+      listCollaborationsPending: false,
+      listCollaborationsSuccessful: true,
+      listCollaborationsError: {}
+    };
+
+    let action = actions.listCollaborationsStart();
+    let newState = reducer(state, action);
+    equal(newState.listCollaborationsPending, true);
+    equal(newState.listCollaborationsSuccessful, false);
+    equal(newState.listCollaborationsError, null);
+  });
+
+  test('responds to listCollaborationsSuccessful', () => {
+    let state = {
+      listCollaborationsPending: true,
+      listCollaborationsSuccessful: false,
+      collaborations: []
+    };
+    let collaborations = [{}];
+
+    let action = actions.listCollaborationsSuccessful(collaborations);
+    let newState = reducer(state, action);
+    equal(newState.listCollaborationsPending, false);
+    equal(newState.listCollaborationsSuccessful, true);
+    equal(newState.collaborations, collaborations);
+  });
+
+  test('responds to listCollaborationsFailed', () => {
+    let state = {
+      listCollaborationsPending: true,
+      listCollaborationsError: null
+    };
+    let error = {};
+
+    let action = actions.listCollaborationsFailed(error);
+    let newState = reducer(state, action);
+    equal(newState.listCollaborationsPending, false);
+    equal(newState.listCollaborationsError, error);
+  });
+});