Fix failing tests

This commit is contained in:
Jordan Eldredge 2017-12-10 14:47:37 -08:00
parent 622f54ff22
commit 08ae4c0a58
3 changed files with 141 additions and 13 deletions

View file

@ -3,7 +3,6 @@ import {
getBalanceText,
getVolumeText,
getPositionText,
getMediaText,
getDoubleSizeModeText,
stepOffset,
pixelUnits,
@ -55,17 +54,6 @@ describe("getPositionText", () => {
});
});
describe("getMediaText", () => {
it("formats a name and duration", () => {
const trackNumber = 1;
const name = "My Great Song";
const duration = 86;
const actual = getMediaText(trackNumber, name, duration);
const expected = "1. My Great Song (01:26) *** ";
expect(actual).toEqual(expected);
});
});
describe("stepOffset", () => {
const long = "This is a long string. Longer than 30 characters!";
it("starts at 0", () => {

View file

@ -1,5 +1,6 @@
const media = {
addEventListener: jest.fn(),
loadFromUrl: jest.fn(),
_analyser: null
};
@ -9,6 +10,7 @@ import React from "react";
import { Provider } from "react-redux";
import renderer from "react-test-renderer";
import getStore from "../../store";
import { loadMediaFromUrl } from "../../actionCreators";
import PlaylistShade from "./PlaylistShade";
@ -19,6 +21,8 @@ describe("PlaylistShade", () => {
});
it("renders to snapshot", () => {
store.dispatch(loadMediaFromUrl("http://example.com", "Some Name", false));
console.log(store.getState().playlist.tracks[0]);
const tree = renderer
.create(
<Provider store={store}>

View file

@ -19,7 +19,143 @@ exports[`PlaylistShade renders to snapshot 1`] = `
>
<div
id="playlist-shade-track-title"
/>
>
<div
className=" character character-49"
>
1
</div>
<div
className=" character character-46"
>
.
</div>
<div
className=" character character-32"
>
</div>
<div
className=" character character-115"
>
S
</div>
<div
className=" character character-111"
>
o
</div>
<div
className=" character character-109"
>
m
</div>
<div
className=" character character-101"
>
e
</div>
<div
className=" character character-32"
>
</div>
<div
className=" character character-110"
>
N
</div>
<div
className=" character character-97"
>
a
</div>
<div
className=" character character-109"
>
m
</div>
<div
className=" character character-101"
>
e
</div>
<div
className=" character character-32"
>
</div>
<div
className=" character character-40"
>
(
</div>
<div
className=" character character-48"
>
0
</div>
<div
className=" character character-48"
>
0
</div>
<div
className=" character character-58"
>
:
</div>
<div
className=" character character-48"
>
0
</div>
<div
className=" character character-48"
>
0
</div>
<div
className=" character character-41"
>
)
</div>
<div
className=" character character-32"
>
</div>
<div
className=" character character-32"
>
</div>
<div
className=" character character-42"
>
*
</div>
<div
className=" character character-42"
>
*
</div>
<div
className=" character character-42"
>
*
</div>
<div
className=" character character-32"
>
</div>
<div
className=" character character-32"
>
</div>
</div>
<div
id="playlist-shade-time"
>