koel/cypress/integration/favorites.spec.ts

83 lines
2.5 KiB
TypeScript

context('Favorites', { scrollBehavior: false }, () => {
beforeEach(() => cy.$login())
it('loads the list of favorites', () => {
cy.$clickSidebarItem('Favorites')
cy.get('#favoritesWrapper')
.within(() => {
cy.findByText('Songs You Love').should('be.visible')
cy.findByText('Download All').should('be.visible')
cy.$getSongRows().should('have.length', 3)
.each(row => cy.wrap(row).findByTestId('btn-like-liked').should('be.visible'))
})
})
it('adds a favorite song from Like button', () => {
cy.intercept('POST', '/api/interaction/like', {
fixture: 'like.post.200.json'
})
cy.$clickSidebarItem('All Songs')
cy.get('#songsWrapper')
.within(() => {
cy.$getSongRows().first().within(() => {
cy.findByTestId('like-btn')
.within(() => cy.findByTestId('btn-like-unliked').should('be.visible')).click()
.within(() => cy.findByTestId('btn-like-liked').should('be.visible'))
})
})
cy.$assertFavoriteSongCount(4)
})
it('adds a favorite song from Add To dropdown', () => {
cy.intercept('POST', '/api/interaction/batch/like', {
fixture: 'batch-like.post.200.json'
})
cy.$clickSidebarItem('All Songs')
cy.get('#songsWrapper')
.within(() => {
cy.$getSongRows().first().click()
cy.findByTestId('add-to-btn').click()
cy.findByTestId('add-to-menu').should('be.visible')
.within(() => cy.findByText('Favorites').click()).should('not.be.visible')
})
cy.$assertFavoriteSongCount(4)
})
it('deletes a favorite with Unlike button', () => {
cy.intercept('POST', '/api/interaction/like', {})
cy.$clickSidebarItem('Favorites')
cy.get('#favoritesWrapper')
.within(() => {
cy.$getSongRows().should('have.length', 3)
.first().should('contain.text', 'November')
.within(() => cy.findByTestId('like-btn').click())
cy.$getSongRows().should('have.length', 2)
.first().should('not.contain.text', 'November')
})
})
it('deletes a favorite with Backspace key', () => {
cy.intercept('POST', '/api/interaction/like', {})
cy.$clickSidebarItem('Favorites')
cy.get('#favoritesWrapper')
.within(() => {
cy.$getSongRows().should('have.length', 3)
.first().should('contain.text', 'November')
.click().type('{backspace}')
cy.$getSongRows().should('have.length', 2)
.first().should('not.contain.text', 'November')
})
})
})