Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2025-02-26 12:17:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add tests for view-mode-switch.vue

Browse source
This commit is contained in:
Phan An 2018-01-14 19:06:04 +01:00
parent 26fe41c2bd
commit af6c92b8bc
4 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/main-wrapper/main-content/albums.vue
View file

@ -2,7 +2,7 @@
<section id="albumsWrapper"> <section id="albumsWrapper">
<h1 class="heading"> <h1 class="heading">
<span>Albums</span> <span>Albums</span>
<view-mode-switch :mode="viewMode" for="albums"/> <view-mode-switch :mode="viewMode" for="albums" @viewModeChanged="changeViewMode"/>
</h1> </h1>
<div ref="scroller" class="albums main-scroll-wrap" :class="`as-${viewMode}`" @scroll="scrolling"> <div ref="scroller" class="albums main-scroll-wrap" :class="`as-${viewMode}`" @scroll="scrolling">

2
resources/assets/js/components/main-wrapper/main-content/artists.vue
View file

@ -2,7 +2,7 @@
<section id="artistsWrapper"> <section id="artistsWrapper">
<h1 class="heading"> <h1 class="heading">
<span>Artists</span> <span>Artists</span>
<view-mode-switch :mode="viewMode" for="artists"/> <view-mode-switch :mode="viewMode" for="artists" @viewModeChanged="changeViewMode"/>
</h1> </h1>
<div class="artists main-scroll-wrap" :class="`as-${viewMode}`" @scroll="scrolling"> <div class="artists main-scroll-wrap" :class="`as-${viewMode}`" @scroll="scrolling">

6
resources/assets/js/components/shared/view-mode-switch.vue
View file

@ -20,12 +20,12 @@ export default {
mode: { mode: {
type: String, type: String,
default: 'thumbnails', default: 'thumbnails',
validator: value => ['thumbnails', 'list'].indexOf(value) !== -1 validator: value => ['thumbnails', 'list'].includes(value)
}, },
for: { for: {
type: String, type: String,
required: true, required: true,
validator: value => ['albums', 'artists'].indexOf(value) !== -1 validator: value => ['albums', 'artists'].includes(value)
} }
}, },
@ -49,7 +49,7 @@ export default {
methods: { methods: {
setMode (mode) { setMode (mode) {
preferences[this.preferenceKey] = this.mutatedMode = mode preferences[this.preferenceKey] = this.mutatedMode = mode
this.$parent.changeViewMode(mode) this.$emit('viewModeChanged', mode)
} }
}, },

14
resources/assets/js/tests/components/shared/view-mode-switch.spec.js Normal file
View file

@ -0,0 +1,14 @@
import Component from '@/components/shared/view-mode-switch.vue'
describe('components/shared/view-mode-switch', () => {
it('changes the view mode', () => {
const wrapper = shallow(Component, { propsData: {
mode: 'list',
for: 'albums'
}})
wrapper.find('a.thumbnails').trigger('click')
wrapper.emitted().viewModeChanged[0].should.eql(['thumbnails'])
wrapper.find('a.list').trigger('click')
wrapper.emitted().viewModeChanged[1].should.eql(['list'])
})
})