Updating volume values, installed lodash

Author: mattjburrows

app/components/Volume.jsx

@@ -16,8 +16,8 @@ class Volume extends Component {
 
 Volume.defaultProps = {
   min: 0,
-  max: 11,
-  step: 1
+  max: 100,
+  step: 5
 };
 
 Volume.propTypes = {

app/containers/PlaybackControls.jsx

@@ -1,5 +1,6 @@
 'use strict';
 
+import _ from 'lodash';
 import React, { Component } from 'react';
 
 import { bindActionCreators } from 'redux';
@@ -22,7 +23,7 @@ export class PlaybackControls extends Component {
   }
 
   _onVolumeChange(event) {
-    const volumeValue = event.target.value;
+    const volumeValue = _.get(event, 'target.value');
     this.props.setVolumeAction(volumeValue);
   }
 

app/reducers/playback.js

@@ -7,7 +7,7 @@ import { SET_VOLUME } from '../actions/setVolume';
 const initialState = {
   isPlaying: false,
   hasStopped: true,
-  volume: 7
+  volume: 50
 };
 
 function setIsPlayingState(isPlaying) {

test/containers/PlaybackControls.js

@@ -51,7 +51,7 @@ describe('<PlaybackControls />', () => {
     });
   });
 
-  describe.only('<Volume />', () => {
+  describe('<Volume />', () => {
     it('calls the setVolumeAction', () => {
       const setVolumeActionSpy = sinon.spy();
       const wrapper = shallow(<PlaybackControls setVolumeAction={setVolumeActionSpy} />);

test/reducers/playback.js

@@ -58,17 +58,17 @@ describe('playbackState', () => {
   });
 
   describe('volume property', () => {
-    it('defaults to 7', () => {
-      assert.strictEqual(playbackReducer(undefined, '').volume, 7);
+    it('defaults to 50', () => {
+      assert.strictEqual(playbackReducer(undefined, '').volume, 50);
     });
 
-    it('{volume: 1} when action.volume is 1', () => {
+    it('{volume: 75} when action.volume is 75', () => {
       const state = playbackReducer(undefined, {
         type: SET_VOLUME,
-        volume: 1
+        volume: 75
       });
 
-      assert.strictEqual(state.volume, 1);
+      assert.strictEqual(state.volume, 75);
     });
   });
 });