404! Sorry, nothing here
13 | // Init app 14 | const store = configureStore() 15 | 16 | export default (props) => ( 17 |
16 |
18 | )
19 | }
20 | }
21 |
22 | AlbumView.propTypes = {
23 | loadAlbum : PropTypes.func.isRequired,
24 | albumId : PropTypes.string.isRequired,
25 | }
26 |
27 | AlbumView.defaultProps = {
28 | loadAlbum : () => {},
29 | albumId : null,
30 | }
--------------------------------------------------------------------------------
/src/components/AlbumView/AlbumView.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import AlbumView from "./AlbumView"
4 |
5 |
6 | function setup() {
7 |
8 | const props = {
9 | loadAlbum: jest.fn(),
10 | albumId : "album_id"
11 | }
12 |
13 | return {props, albumView :
47 |
48 | Random
49 | Newest
50 | Frequent
51 | Recent
52 | Starred
53 | By Name
54 | By Artist
55 | By Year
56 | By Genre
57 |
58 | {showGenres && setYearFrom(val)} placeholder="from" style={{ width: 80, marginLeft:"10px"}}/> }
60 | {showYears && setYearTo(val)} placeholder="to" style={{ width: 80, marginLeft:"10px"}}/> }
61 | {showYears && }
62 |
63 | )
64 | }
65 |
--------------------------------------------------------------------------------
/src/components/AlbumsListFilter/AlbumsListFilter.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import AlbumsListFilter from "./AlbumsListFilter"
4 |
5 | describe("
29 |
39 | )
40 | }
41 | }
42 |
43 | Artist.propTypes = {
44 | artistId : PropTypes.string.isRequired,
45 | artist : PropTypes.object,
46 | loadOneArtist : PropTypes.func.isRequired
47 | }
48 |
49 | Artist.defaultProps = {
50 | artist : {},
51 | }
52 |
53 | Artist.KEY_ALL_SONGS = "all"
54 | Artist.KEY_BY_ALBUM = "by_album"
--------------------------------------------------------------------------------
/src/components/Artist/Artist.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import Artist from "./Artist"
4 |
5 | const props = {
6 | artist : {
7 | album: ["album1", "album2"],
8 | albumCount: 2,
9 | id: "b44b14b2-0bfb-4a45-a36a-5a063568dddc",
10 | name: "Alabama Shakes",
11 | },
12 | artistId : "b44b14b2-0bfb-4a45-a36a-5a063568dddc",
13 | loadOneArtist : () => null
14 | }
15 |
16 | describe("
30 | {artist != null ? artist.name : "..."}
31 |
35 |
36 | { activeView === Artist.KEY_BY_ALBUM && {name}
11 | 12 | ) 13 | } 14 | 15 | ArtistListHeader.propTypes = { 16 | name : PropTypes.string 17 | } 18 | 19 | export default ArtistListHeader -------------------------------------------------------------------------------- /src/components/ArtistListHeader/ArtistListHeader.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { shallow } from 'enzyme' 3 | import ArtistListHeader from "./ArtistListHeader" 4 | 5 | describe("
20 | {
21 | this.props.isAuthenticating === true
22 | ? authenticatingView : (
23 | this.props.isAuthenticated === true
24 | ? this.props.children
25 | :
29 | )
30 |
31 | }
32 | }
33 |
34 | AuthenticatedComponent.propTypes = {
35 | isAuthenticated : PropTypes.bool.isRequired,
36 | isAuthenticating : PropTypes.bool.isRequired,
37 | lazyLoginUser : PropTypes.func
38 | }
39 |
40 | AuthenticatedComponent.defaultProps = {
41 | isAuthenticated : false,
42 | isAuthenticating : false,
43 | }
44 |
--------------------------------------------------------------------------------
/src/components/AuthenticatedComponent/AuthenticatedComponent.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import AuthenticatedComponent from "./AuthenticatedComponent"
4 |
5 | describe("
47 |
58 | )
59 | }
60 | }
61 |
62 | FavouritesView.propTypes = {
63 | loadFavouriteSongs : PropTypes.func.isRequired,
64 | setStarOnSongs : PropTypes.func,
65 | songs : PropTypes.array,
66 |
67 | }
68 |
69 | FavouritesView.defaultProps = {
70 | songs : []
71 | }
72 |
--------------------------------------------------------------------------------
/src/components/FavouritesView/index.js:
--------------------------------------------------------------------------------
1 | // Redux
2 | import { connect } from "react-redux"
3 | import { loadFavouriteSongs, setStarOnSongs } from "../../redux/actions/favouritesActions"
4 | import { favouriteSongsSelector } from '../../redux/selectors/songSelectors'
5 | // UI
6 | import FavouritesView from './FavouritesView'
7 |
8 | const mapStateToProps = (state, ownProps) => {
9 | return {
10 | "songs" : favouriteSongsSelector(state)
11 | }
12 | }
13 |
14 | const mapDispatchToProps = { loadFavouriteSongs, setStarOnSongs }
15 |
16 | export default connect(
17 | mapStateToProps,
18 | mapDispatchToProps
19 | )(FavouritesView)
--------------------------------------------------------------------------------
/src/components/GenreSongs/GenreSongs.js:
--------------------------------------------------------------------------------
1 | import React, {useEffect} from 'react'
2 | import PropTypes from 'prop-types'
3 | // UI
4 | import SongsTable from '../SongsTable/SongsTable'
5 | import SongsTableEnhanced from '../SongsTableEnhanced'
6 |
7 | const COLUMNS_TO_SHOW = [SongsTable.columns.title, SongsTable.columns.artist, SongsTable.columns.album, SongsTable.columns.duration, SongsTable.columns.bitRate, SongsTable.columns.download, SongsTable.columns.selectable]
8 |
9 | export default function GenreSongs(props) {
10 | const { genre, loadSongsOfGenre, songs, ...rest } = props
11 |
12 | useEffect(()=> {
13 | if( genre !== null) {
14 | loadSongsOfGenre(genre)
15 | }
16 | }, [genre, loadSongsOfGenre])
17 |
18 | return (
19 |
48 |
56 |
49 |
52 | Favourites
50 | { songs.length } songs, {seconds_to_hhmmss(duration)} 51 |
53 |
54 |
55 |
13 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/GenresView/GenresView.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import GenresView from "./GenresView"
4 |
5 | describe("
14 | Genres
16 |
17 |
21 |
22 |
24 | Recently Added
38 | 39 |
42 |
44 | )}
45 |
46 | {props.children}
8 |{props.children}
9 | 10 | ) 11 | } 12 | 13 | ResponsiveTitle.propTypes = { 14 | style : PropTypes.object, 15 | children : PropTypes.any 16 | } 17 | 18 | export default ResponsiveTitle 19 | 20 | -------------------------------------------------------------------------------- /src/components/ResponsiveTitle/ResponsiveTitle.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { shallow } from 'enzyme' 3 | import ResponsiveTitle from "./ResponsiveTitle" 4 | 5 | describe("
23 | Scrobble?
25 | )
26 | }
--------------------------------------------------------------------------------
/src/components/ScrobbleSetting/ScrobbleSetting.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { shallow } from 'enzyme'
3 | import ScrobbleSetting from "./ScrobbleSetting"
4 |
5 | describe(" {navigate("/album/"+album.id)} }>
14 |
25 | )
26 | }
27 |
28 | SearchAlbumResult.propTypes = {
29 | album : PropTypes.object.isRequired,
30 | showYear: PropTypes.bool
31 | }
32 |
33 | SearchAlbumResult.defaultProps = {
34 | showYear: false
35 | }
--------------------------------------------------------------------------------
/src/components/SearchAlbumResult/SearchAlbumResult.less:
--------------------------------------------------------------------------------
1 | .link_to_album {
2 | padding : 10px 5px;
3 | transition: color .3s linear, background-color .3s linear;
4 | transition-property: color, background-color;
5 | transition-duration: 0.3s, 0.3s;
6 | transition-timing-function: linear, linear;
7 | transition-delay: 0s, 0s;
8 | }
9 |
10 | /* Remove padding for small screens */
11 | @media (max-width: 767px) {
12 | .link_to_album {
13 | padding: 0px;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/SearchAlbumResult/SearchAlbumResult.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import SearchAlbumResult from "./SearchAlbumResult"
4 |
5 | describe("
16 | 
17 |
18 |
19 |
20 | {album.name}
21 | {album.artist}
22 | { showYear && ` (${album.year})` }
23 |
19 |
34 |
39 | : null
40 | }
41 |
42 | {
43 | albums.length > 0 ? (
44 |
45 |
54 | ) : null
55 | }
56 |
57 | {
58 | songs.length > 0 ? (
59 |
60 |
63 | ) : null
64 | }
65 |
66 |
67 | )
68 | }
69 | }
70 |
71 | SearchView.propTypes = {
72 | "artists" : PropTypes.array,
73 | "albums" : PropTypes.array,
74 | "songs" : PropTypes.array,
75 | }
76 |
--------------------------------------------------------------------------------
/src/components/SearchView/SearchView.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import SearchView from "./SearchView"
4 |
5 | describe("No results
27 | : null 28 | } 29 | 30 | { 31 | /* Artists section */ 32 | artists.length > 0 ? 33 |Artists
35 |
36 | { artists.map( a => )}
37 |
38 | Albums
46 |
47 | { albums.map(a =>
48 |
53 |
49 |
51 | )}
52 | Songs
61 |
26 | |
27 | {/*Scrobble*/}
28 |
32 |
34 | {/* Items to display in the sidebar */}
35 |
37 |
39 | {/*Log out*/}
40 |
41 |
42 |
46 |
47 |
51 |
52 | )
53 | }
54 |
55 | }
56 |
57 | SettingsView.propTypes = {
58 | logout : PropTypes.func.isRequired
59 | }
60 |
--------------------------------------------------------------------------------
/src/components/SettingsView/SettingsView.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import SettingsView from "./SettingsView"
4 |
5 | describe("Settings
Theme Picker
31 |Sidebar settings
36 |
23 |
24 |
28 | {option.text}
29 |
30 | ))
31 | }
32 |
33 |
34 | )
35 | }
--------------------------------------------------------------------------------
/src/components/SidebarSettings/SidebarSettings.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { shallow } from 'enzyme'
3 | import SidebarSettings from "./SidebarSettings"
4 |
5 | describe("Select the items to display in the sidebar (NOTE: you need to refresh the site for these changes to take effect)
25 | { 26 | allOptions.map(option => ( 27 |