Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 06:34:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: integration tests

Browse source
This commit is contained in:
Phan An 2022-05-13 14:40:04 +02:00
parent d616e00265
commit 2cb2b2aad6
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
8 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
cypress/integration/albums.spec.ts
View file

@ -9,13 +9,13 @@ context('Albums', { scrollBehavior: false }, () => {
cy.get('.screen-header').should('be.visible').and('contain.text', 'Albums') cy.get('.screen-header').should('be.visible').and('contain.text', 'Albums')
cy.findByTestId('view-mode-thumbnail').should('be.visible').and('have.class', 'active') cy.findByTestId('view-mode-thumbnail').should('be.visible').and('have.class', 'active')
cy.findByTestId('view-mode-list').should('be.visible').and('not.have.class', 'active') cy.findByTestId('view-mode-list').should('be.visible').and('not.have.class', 'active')
cy.findByTestId('album-card').should('have.length', 7) cy.findAllByTestId('album-card').should('have.length', 7)
}) })
}) })
it('changes display mode', () => { it('changes display mode', () => {
cy.get('#albumsWrapper').should('be.visible').within(() => { cy.get('#albumsWrapper').should('be.visible').within(() => {
cy.findByTestId('album-card').should('have.length', 7) cy.findAllByTestId('album-card').should('have.length', 7)
cy.findByTestId('view-mode-list').click() cy.findByTestId('view-mode-list').click()
cy.get('[data-testid=album-card].compact').should('have.length', 7) cy.get('[data-testid=album-card].compact').should('have.length', 7)
cy.findByTestId('view-mode-thumbnail').click() cy.findByTestId('view-mode-thumbnail').click()
@ -58,10 +58,10 @@ context('Albums', { scrollBehavior: false }, () => {
cy.get('.cover').should('be.visible') cy.get('.cover').should('be.visible')
cy.findByTestId('album-info-tracks').should('be.visible').within(() => { cy.findByTestId('album-info-tracks').should('be.visible').within(() => {
// out of 4 tracks, 3 are already available in Koel. The last one has a link to iTunes. // out of 4 tracks, 3 are already available in Koel. The last one has a link to Apple Music.
cy.get('li').should('have.length', 4) cy.get('li').should('have.length', 4)
cy.get('li.available').should('have.length', 3) cy.get('li.available').should('have.length', 3)
cy.get('li:last-child a.view-on-itunes').should('be.visible') cy.get('li:last-child a[title="Preview and buy this song on Apple Music"]').should('be.visible')
}) })
}) })

8
cypress/integration/artists.spec.ts
View file

@ -9,17 +9,17 @@ context('Artists', { scrollBehavior: false }, () => {
cy.get('.screen-header').should('be.visible').and('contain.text', 'Artists') cy.get('.screen-header').should('be.visible').and('contain.text', 'Artists')
cy.findByTestId('view-mode-thumbnail').should('be.visible').and('have.class', 'active') cy.findByTestId('view-mode-thumbnail').should('be.visible').and('have.class', 'active')
cy.findByTestId('view-mode-list').should('be.visible').and('not.have.class', 'active') cy.findByTestId('view-mode-list').should('be.visible').and('not.have.class', 'active')
cy.findByTestId('artist-card').should('have.length', 1) cy.findAllByTestId('artist-card').should('have.length', 1)
}) })
}) })
it('changes display mode', () => { it('changes display mode', () => {
cy.get('#artistsWrapper').should('be.visible').within(() => { cy.get('#artistsWrapper').should('be.visible').within(() => {
cy.findByTestId('artist-card').should('have.length', 1) cy.findAllByTestId('artist-card').should('have.length', 1)
cy.findByTestId('view-mode-list').click() cy.findByTestId('view-mode-list').click()
cy.findByTestId('artist-card].compact').should('have.length', 1) cy.get('[data-testid=artist-card].compact').should('have.length', 1)
cy.findByTestId('view-mode-thumbnail').click() cy.findByTestId('view-mode-thumbnail').click()
cy.$findInTestId('artist-card .full').should('have.length', 1) cy.get('[data-testid=artist-card].full').should('have.length', 1)
}) })
}) })

2
cypress/integration/shortcut-keys.spec.ts
View file

@ -11,7 +11,7 @@ context('Shortcut Keys', () => {
it('shuffles all songs by default when Space is pressed', () => { it('shuffles all songs by default when Space is pressed', () => {
cy.fixture('data.get.200.json').then(data => { cy.fixture('data.get.200.json').then(data => {
cy.get('body').type(' ', { force: true }) cy.get('body').type(' ')
cy.$assertSidebarItemActive('Current Queue') cy.$assertSidebarItemActive('Current Queue')
cy.$assertPlaying() cy.$assertPlaying()
cy.get('#queueWrapper .screen-header').should('contain.text', `${data.songs.length} songs`) cy.get('#queueWrapper .screen-header').should('contain.text', `${data.songs.length} songs`)

2
cypress/integration/uploading.spec.ts
View file

@ -34,7 +34,7 @@ context('Uploading', () => {
cy.findByTestId('upload-item').should('have.length', 1).and('be.visible') cy.findByTestId('upload-item').should('have.length', 1).and('be.visible')
cy.wait('@failedUpload') cy.wait('@failedUpload')
cy.findByTestId('upload-item').should('have.length', 1).should('have.class', 'Errored') cy.findByTestId('upload-item').should('have.length', 1).should('have.class', 'errored')
} }
it('uploads songs', () => { it('uploads songs', () => {

4
cypress/integration/users.spec.ts
View file

@ -6,7 +6,7 @@ context('User Management', () => {
it('shows the list of users', () => { it('shows the list of users', () => {
cy.get('#usersWrapper').within(() => { cy.get('#usersWrapper').within(() => {
cy.findByTestId('user-card').should('have.length', 3).and('be.visible') cy.findAllByTestId('user-card').should('have.length', 3).and('be.visible')
cy.get('[data-testid=user-card].me').within(() => { cy.get('[data-testid=user-card].me').within(() => {
cy.findByTitle('This is you!').should('be.visible') cy.findByTitle('This is you!').should('be.visible')
@ -31,7 +31,7 @@ context('User Management', () => {
}) })
cy.findByText('New user "Charles" created.').should('be.visible') cy.findByText('New user "Charles" created.').should('be.visible')
cy.findByTestId('user-card').should('have.length', 4) cy.findAllByTestId('user-card').should('have.length', 4)
cy.get('#usersWrapper [data-testid=user-card]:first-child').within(() => { cy.get('#usersWrapper [data-testid=user-card]:first-child').within(() => {
cy.findByText('Charles').should('be.visible') cy.findByText('Charles').should('be.visible')

4
cypress/integration/youtube.spec.ts
View file

@ -21,9 +21,9 @@ context('YouTube', () => {
cy.get('#extra').within(() => { cy.get('#extra').within(() => {
cy.get('#extraTabYouTube').click() cy.get('#extraTabYouTube').click()
cy.findByTestId('youtube-search-result').should('have.length', 2) cy.findAllByTestId('youtube-search-result').should('have.length', 2)
cy.findByTestId('youtube-search-more-btn').click() cy.findByTestId('youtube-search-more-btn').click()
cy.findByTestId('youtube-search-result').should('have.length', 4) cy.findAllByTestId('youtube-search-result').should('have.length', 4)
}) })
}) })

4
cypress/support/commands.ts
View file

@ -98,13 +98,13 @@ Cypress.Commands.add(
Cypress.Commands.add('$assertPlaying', () => { Cypress.Commands.add('$assertPlaying', () => {
cy.findByTestId('pause-btn').should('exist') cy.findByTestId('pause-btn').should('exist')
cy.findByTestId('play-btn').should('not.exist') cy.findByTestId('play-btn').should('not.exist')
cy.findByTestId('sound-bar-play').should('be.visible') cy.$findInTestId('other-controls [data-testid=soundbars]').should('be.visible')
}) })
Cypress.Commands.add('$assertNotPlaying', () => { Cypress.Commands.add('$assertNotPlaying', () => {
cy.findByTestId('pause-btn').should('not.exist') cy.findByTestId('pause-btn').should('not.exist')
cy.findByTestId('play-btn').should('exist') cy.findByTestId('play-btn').should('exist')
cy.findByTestId('sound-bar-play').should('not.exist') cy.$findInTestId('other-controls [data-testid=soundbars]').should('not.exist')
}) })
Cypress.Commands.add('$assertSidebarItemActive', (text: string) => { Cypress.Commands.add('$assertSidebarItemActive', (text: string) => {

3
resources/assets/js/components/layout/app-footer/FooterPlayerControls.vue
View file

@ -2,6 +2,7 @@
<div class="side player-controls"> <div class="side player-controls">
<i <i
class="prev fa fa-step-backward control" class="prev fa fa-step-backward control"
data-testid="play-prev-btn"
role="button" role="button"
tabindex="0" tabindex="0"
title="Play previous song" title="Play previous song"
@ -13,6 +14,7 @@
<span <span
v-if="shouldShowPlayButton" v-if="shouldShowPlayButton"
class="play" class="play"
data-testid="play-btn"
role="button" role="button"
tabindex="0" tabindex="0"
title="Play or resume" title="Play or resume"
@ -35,6 +37,7 @@
<i <i
class="next fa fa-step-forward control" class="next fa fa-step-forward control"
data-testid="play-next-btn"
role="button" role="button"
tabindex="0" tabindex="0"
title="Play next song" title="Play next song"