diff --git a/js/components/EqualizerWindow/index.test.js b/js/components/EqualizerWindow/index.test.js
index 243a505d..000fdb0c 100644
--- a/js/components/EqualizerWindow/index.test.js
+++ b/js/components/EqualizerWindow/index.test.js
@@ -1,5 +1,7 @@
 const media = {
   addEventListener: jest.fn(),
+  setVolume: jest.fn(),
+  setBalance: jest.fn(),
   _analyser: null
 };
 
diff --git a/js/components/MainWindow/__snapshots__/index.test.js.snap b/js/components/MainWindow/__snapshots__/index.test.js.snap
index 8fe58ca8..ea832c49 100644
--- a/js/components/MainWindow/__snapshots__/index.test.js.snap
+++ b/js/components/MainWindow/__snapshots__/index.test.js.snap
@@ -253,12 +253,12 @@ exports[`MainWindow renders to snapshot 1`] = `
     step="1"
     style={
       Object {
-        "backgroundPosition": "0 -195px",
+        "backgroundPosition": "0 -315px",
       }
     }
     title="Volume Bar"
     type="range"
-    value={50}
+    value={78}
   />
   <input
     className={undefined}
diff --git a/js/components/MainWindow/index.test.js b/js/components/MainWindow/index.test.js
index 8d6af4f0..1eedd889 100644
--- a/js/components/MainWindow/index.test.js
+++ b/js/components/MainWindow/index.test.js
@@ -1,5 +1,7 @@
 const media = {
   addEventListener: jest.fn(),
+  setVolume: jest.fn(),
+  setBalance: jest.fn(),
   _analyser: null
 };
 
diff --git a/js/components/PlaylistWindow/PlaylistShade.test.js b/js/components/PlaylistWindow/PlaylistShade.test.js
index a3746e0f..f22c9c4f 100644
--- a/js/components/PlaylistWindow/PlaylistShade.test.js
+++ b/js/components/PlaylistWindow/PlaylistShade.test.js
@@ -1,6 +1,8 @@
 const media = {
   addEventListener: jest.fn(),
   loadFromUrl: jest.fn(),
+  setVolume: jest.fn(),
+  setBalance: jest.fn(),
   _analyser: null
 };
 
diff --git a/js/components/PlaylistWindow/__snapshots__/index.test.js.snap b/js/components/PlaylistWindow/__snapshots__/index.test.js.snap
index d0deafb7..cae06a92 100644
--- a/js/components/PlaylistWindow/__snapshots__/index.test.js.snap
+++ b/js/components/PlaylistWindow/__snapshots__/index.test.js.snap
@@ -51,6 +51,12 @@ exports[`PlaylistWindow renders to snapshot 1`] = `
     >
       <div
         className="playlist-tracks"
+        onClick={[Function]}
+        style={
+          Object {
+            "height": "100%",
+          }
+        }
       >
         <div
           className="playlist-track-numbers"
diff --git a/js/components/PlaylistWindow/index.test.js b/js/components/PlaylistWindow/index.test.js
index c6b752cd..6c918dbf 100644
--- a/js/components/PlaylistWindow/index.test.js
+++ b/js/components/PlaylistWindow/index.test.js
@@ -1,5 +1,7 @@
 const media = {
   addEventListener: jest.fn(),
+  setVolume: jest.fn(),
+  setBalance: jest.fn(),
   _analyser: null
 };
 
diff --git a/js/reducers/playlist.js b/js/reducers/playlist.js
index 661b457b..89815e07 100644
--- a/js/reducers/playlist.js
+++ b/js/reducers/playlist.js
@@ -206,7 +206,11 @@ const playlist = (state = defaultPlaylistState, action) => {
 export default playlist;
 
 export const getTrackDisplayName = (state, id) => {
-  const { artist, title } = state.tracks[id];
+  const track = state.tracks[id];
+  if (track == null) {
+    return null;
+  }
+  const { artist, title } = track;
   if (artist && title) {
     return `${artist} - ${title}`;
   } else if (title) {