mirror of
https://github.com/koel/koel
synced 2024-12-24 03:23:06 +00:00
97 lines
2.9 KiB
TypeScript
97 lines
2.9 KiB
TypeScript
// Setting scrollBehavior to false because we don't want Cypress to scroll the row into view,
|
|
// causing the first row lost due to virtual scrolling.
|
|
context('Queuing', { scrollBehavior: false }, () => {
|
|
const MIN_SONG_ITEMS_SHOWN = 15
|
|
|
|
beforeEach(() => {
|
|
cy.$mockPlayback()
|
|
cy.$login()
|
|
})
|
|
|
|
it('allows shuffling all songs', () => {
|
|
cy.$clickSidebarItem('Current Queue')
|
|
|
|
cy.get('#queueWrapper').within(() => {
|
|
cy.findByText('Current Queue').should('be.visible')
|
|
cy.findByText('shuffling all songs').click()
|
|
cy.get('tr.song-item').should('have.length.at.least', MIN_SONG_ITEMS_SHOWN)
|
|
cy.get('tr.song-item:first-child').should('have.class', 'playing')
|
|
})
|
|
|
|
cy.$assertPlaying()
|
|
})
|
|
|
|
it('clears the queue', () => {
|
|
cy.$clickSidebarItem('Current Queue')
|
|
|
|
cy.get('#queueWrapper').within(() => {
|
|
cy.findByText('Current Queue').should('be.visible')
|
|
cy.findByText('shuffling all songs').click()
|
|
cy.get('tr.song-item').should('have.length.at.least', MIN_SONG_ITEMS_SHOWN)
|
|
cy.get('.screen-header [data-test=song-list-controls]')
|
|
.findByText('Clear')
|
|
.click()
|
|
cy.get('tr.song-item').should('have.length', 0)
|
|
})
|
|
})
|
|
|
|
it('shuffles all from a song list screen', () => {
|
|
cy.$clickSidebarItem('All Songs')
|
|
|
|
cy.get('#songsWrapper').within(() => {
|
|
cy.get('.screen-header [data-test=btn-shuffle-all]').click()
|
|
cy.url().should('contains', '/#!/queue')
|
|
})
|
|
|
|
cy.get('#queueWrapper').within(() => {
|
|
cy.get('tr.song-item').should('have.length.at.least', MIN_SONG_ITEMS_SHOWN)
|
|
cy.get('tr.song-item:first-child').should('have.class', 'playing')
|
|
})
|
|
|
|
cy.$assertPlaying()
|
|
})
|
|
|
|
it('creates a queue from selected songs', () => {
|
|
cy.$queueSeveralSongs()
|
|
|
|
cy.get('#queueWrapper').within(() => {
|
|
cy.get('tr.song-item').should('have.length', 3)
|
|
cy.get('tr.song-item:first-child').should('have.class', 'playing')
|
|
})
|
|
})
|
|
|
|
it('deletes a song from queue', () => {
|
|
cy.$queueSeveralSongs()
|
|
|
|
cy.get('#queueWrapper').within(() => {
|
|
cy.get('tr.song-item').should('have.length', 3)
|
|
cy.get('tr.song-item:first-child').type('{backspace}')
|
|
cy.get('tr.song-item').should('have.length', 2)
|
|
})
|
|
})
|
|
|
|
it('queues a song when plays it', () => {
|
|
cy.$queueSeveralSongs()
|
|
cy.$clickSidebarItem('All Songs')
|
|
|
|
let songTitle
|
|
cy.get('#songsWrapper').within(() => {
|
|
cy.get('tr.song-item:nth-child(4) .title')
|
|
.invoke('text')
|
|
.then(text => {
|
|
songTitle = text
|
|
})
|
|
|
|
cy.get('tr.song-item:nth-child(4)').dblclick()
|
|
})
|
|
|
|
cy.$clickSidebarItem('Current Queue')
|
|
cy.get('#queueWrapper').within(() => {
|
|
cy.get('tr.song-item').should('have.length', 4)
|
|
cy.get(`tr.song-item:nth-child(2) .title`).should('have.text', songTitle)
|
|
cy.get('tr.song-item:nth-child(2)').should('have.class', 'playing')
|
|
})
|
|
|
|
cy.$assertPlaying()
|
|
})
|
|
})
|