-
Notifications
You must be signed in to change notification settings - Fork 54
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
* Added media e2e test * Added comments * Updated test * moved out html
- Loading branch information
1 parent
e229c1d
commit 0a7f5e3
Showing
1 changed file
with
19 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,36 +1,35 @@ | ||
| describe('Media', function () { | ||
| beforeEach(function () { | ||
| cy.getData() | ||
| cy.getData(); | ||
| }); | ||
|
|
||
| it('should display the media component', function () { | ||
| const mediaComponents = this.data.components.filter((component) => component._component === 'media') | ||
| mediaComponents.forEach((mediaComponent) => { | ||
| const mediaComponents = this.data.components.filter(component => component._component === 'media'); | ||
| const stripHtml = cy.helpers.stripHtml; | ||
| mediaComponents.forEach(mediaComponent => { | ||
| cy.visit(`/#/preview/${mediaComponent._id}`); | ||
| const bodyWithoutHtml = mediaComponent.body.replace(/<[^>]*>/g, ''); | ||
|
|
||
| // Test basic media component | ||
| cy.testContainsOrNotExists('.media__title', mediaComponent.displayTitle) | ||
| cy.testContainsOrNotExists('.media__body', bodyWithoutHtml) | ||
| cy.testContainsOrNotExists('.media__instruction', mediaComponent.instruction) | ||
|
|
||
| cy.testContainsOrNotExists('.media__body', stripHtml(mediaComponent.body)); | ||
| cy.testContainsOrNotExists('.media__title', stripHtml(mediaComponent.displayTitle)); | ||
| cy.testContainsOrNotExists('.media__instruction', stripHtml(mediaComponent.instruction)); | ||
|
|
||
| if (mediaComponent._media.mp4) { | ||
| cy.get('.mejs-mediaelement video').should('have.attr', 'src', mediaComponent._media.mp4) | ||
| } | ||
| cy.get('.mejs-mediaelement video').should('have.attr', 'src', mediaComponent._media.mp4); | ||
| }; | ||
| if (mediaComponent._media.poster) { | ||
| cy.get('.mejs-poster img').should('have.attr', 'src', mediaComponent._media.poster) | ||
| } | ||
| cy.get('.mejs-poster img').should('have.attr', 'src', mediaComponent._media.poster); | ||
| }; | ||
|
|
||
| if (mediaComponent._transcript) { | ||
| cy.get('.media__transcript-body-inline').should('not.be.visible') | ||
| cy.get('button.media__transcript-btn').should('contain', mediaComponent._transcript.inlineTranscriptButton).click() | ||
| cy.get('.media__transcript-body-inline-inner').should('be.visible').should('contain', mediaComponent._transcript.inlineTranscriptBody) | ||
| cy.get('button.media__transcript-btn').should('contain', mediaComponent._transcript.inlineTranscriptCloseButton).click() | ||
| cy.get('.media__transcript-body-inline').should('not.be.visible') | ||
| } | ||
| cy.get('.media__transcript-body-inline').should('not.be.visible'); | ||
| cy.get('button.media__transcript-btn').should('contain', mediaComponent._transcript.inlineTranscriptButton).click(); | ||
| cy.get('.media__transcript-body-inline-inner').should('be.visible').should('contain', mediaComponent._transcript.inlineTranscriptBody); | ||
| cy.get('button.media__transcript-btn').should('contain', mediaComponent._transcript.inlineTranscriptCloseButton).click(); | ||
| cy.get('.media__transcript-body-inline').should('not.be.visible'); | ||
| }; | ||
|
|
||
| // Allow the component to load and run external custom tests | ||
| cy.wait(1000) | ||
| cy.wait(1000); | ||
| }); | ||
| }); | ||
| }); |