Adding fullscreen handling into the playback reducer

Author: mattjburrows

app/reducers/playback.js

@@ -5,13 +5,15 @@ import { HAS_STOPPED } from '../actions/hasStopped';
 import { SET_VOLUME } from '../actions/setVolume';
 import { SET_CURRENT_TIME } from '../actions/setCurrentTime';
 import { SET_DURATION } from '../actions/setDuration';
+import { SET_FULLSCREEN } from '../actions/setFullscreen';
 
 const initialState = {
   isPlaying: false,
   hasStopped: true,
   volume: 50,
   currentTime: 0,
-  duration: 0
+  duration: 0,
+  fullscreen: false
 };
 
 function setIsPlayingState(isPlaying) {
@@ -56,6 +58,12 @@ function setDurationState(duration) {
   };
 }
 
+function setFullscreenState(fullscreen) {
+  return {
+    fullscreen: fullscreen
+  };
+}
+
 export function playbackReducer(state = initialState, action) {
   switch (action.type) {
     case IS_PLAYING :
@@ -68,6 +76,8 @@ export function playbackReducer(state = initialState, action) {
       return Object.assign({}, state, setCurrentTimeState(action.currentTime));
     case SET_DURATION :
       return Object.assign({}, state, setDurationState(action.duration));
+    case SET_FULLSCREEN :
+      return Object.assign({}, state, setFullscreenState(action.fullscreen));
     default:
       return state;
   }

test/reducers/playback.js

@@ -6,6 +6,7 @@ import { HAS_STOPPED } from '../../app/actions/hasStopped';
 import { SET_VOLUME } from '../../app/actions/setVolume';
 import { SET_CURRENT_TIME } from '../../app/actions/setCurrentTime';
 import { SET_DURATION } from '../../app/actions/setDuration';
+import { SET_FULLSCREEN } from '../../app/actions/setFullscreen';
 import { playbackReducer } from '../../app/reducers/playback';
 
 describe('playbackState', () => {
@@ -103,4 +104,19 @@ describe('playbackState', () => {
       assert.strictEqual(state.duration, 75);
     });
   });
+
+  describe('fullscreen property', () => {
+    it('defaults to false', () => {
+      assert.strictEqual(playbackReducer(undefined, '').fullscreen, false);
+    });
+
+    it('sets {fullscreen: true} when action.fullscreen is true', () => {
+      const state = playbackReducer(undefined, {
+        type: SET_FULLSCREEN,
+        fullscreen: true
+      });
+
+      assert.strictEqual(state.fullscreen, true);
+    });
+  });
 });