Adding progress action and reducer functionality

Author: mattjburrows

app/actions/setProgress.js

@@ -0,0 +1,10 @@
+'use strict';
+
+export const SET_PROGRESS = 'SET_PROGRESS';
+
+export function setProgress(progress) {
+  return {
+    type: SET_PROGRESS,
+    progress: progress
+  };
+}

app/reducers/playback.js

@@ -3,11 +3,13 @@
 import { IS_PLAYING } from '../actions/isPlaying';
 import { HAS_STOPPED } from '../actions/hasStopped';
 import { SET_VOLUME } from '../actions/setVolume';
+import { SET_PROGRESS } from '../actions/setProgress';
 
 const initialState = {
   isPlaying: false,
   hasStopped: true,
-  volume: 50
+  volume: 50,
+  progress: 0
 };
 
 function setIsPlayingState(isPlaying) {
@@ -40,6 +42,12 @@ function setVolumeState(volume) {
   };
 }
 
+function setProgressState(progress) {
+  return {
+    progress: progress
+  };
+}
+
 export function playbackReducer(state = initialState, action) {
   switch (action.type) {
     case IS_PLAYING :
@@ -48,6 +56,8 @@ export function playbackReducer(state = initialState, action) {
       return Object.assign({}, state, setHasStoppedState(action.hasStopped));
     case SET_VOLUME :
       return Object.assign({}, state, setVolumeState(action.volume));
+    case SET_PROGRESS :
+      return Object.assign({}, state, setProgressState(action.progress));
     default:
       return state;
   }

test/actions/setProgress.js

@@ -0,0 +1,13 @@
+'use strict';
+
+import assert from 'assert';
+import { SET_PROGRESS, setProgress } from '../../app/actions/setProgress';
+
+describe('setProgress', () => {
+  it('returns an object with the progress: {NUMBER}', () => {
+    const action = setProgress(50);
+
+    assert.equal(action.type, SET_PROGRESS);
+    assert.equal(action.progress, 50);
+  });
+});

test/reducers/playback.js

@@ -4,6 +4,7 @@ import assert from 'assert';
 import { IS_PLAYING } from '../../app/actions/isPlaying';
 import { HAS_STOPPED } from '../../app/actions/hasStopped';
 import { SET_VOLUME } from '../../app/actions/setVolume';
+import { SET_PROGRESS } from '../../app/actions/setProgress';
 import { playbackReducer } from '../../app/reducers/playback';
 
 describe('playbackState', () => {
@@ -62,7 +63,7 @@ describe('playbackState', () => {
       assert.strictEqual(playbackReducer(undefined, '').volume, 50);
     });
 
-    it('{volume: 75} when action.volume is 75', () => {
+    it('sets {volume: 75} when action.volume is 75', () => {
       const state = playbackReducer(undefined, {
         type: SET_VOLUME,
         volume: 75
@@ -71,4 +72,19 @@ describe('playbackState', () => {
       assert.strictEqual(state.volume, 75);
     });
   });
+
+  describe('progress property', () => {
+    it('defaults to 0', () => {
+      assert.strictEqual(playbackReducer(undefined, '').progress, 0);
+    });
+
+    it('sets {progress: 75} when action.progress is 75', () => {
+      const state = playbackReducer(undefined, {
+        type: SET_PROGRESS,
+        progress: 75
+      });
+
+      assert.strictEqual(state.progress, 75);
+    });
+  });
 });