itemengine-cypress-automation 1.0.189-e2e-execution-crash-fbb0d92.0 → 1.0.189

package/cypress/e2e/ILC/AudioPlayerNew/previewContents.smoke.js

@@ -0,0 +1,162 @@
+import { audioPlayerPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    //failing in student view due to https://redmine.zeuslearning.com/issues/568592
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            let actualAudioSeekedInPercent = 50
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        audioPlayerPage.steps.navigateToCreateResource('audio player');
+                        audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+                        audioPlayerPage.steps.addInputToAudioDescriptionInputField('Sample audio description');
+                        audioPlayerPage.steps.selectTypeInTranscriptRadioButton();
+                        audioPlayerPage.steps.enterTextInTranscriptInputField('Sample transcript');
+                        audioPlayerPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        audioPlayerPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    audioPlayerPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('When the user switches to preview tab, \'Backward\', \'Play\', \'Forward\', \'Volume control\', \'Elapsed time\', \'Progress bar\', \'Total time\', \'Playback speed\' and \'Add pin\' buttons should be displayed', () => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.backwardButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.forwardButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackElapsedTime(), 'visible');
+                utilities.verifyInnerText(audioPlayerPage.playbackElapsedTime(), '00:00');
+                utilities.verifyElementVisibilityState(audioPlayerPage.progressBar(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackTotalTime(), 'visible');
+                utilities.verifyInnerText(audioPlayerPage.playbackTotalTime(), '00:00');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackSpeedButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.addPinButton(), 'visible');
+            });
+
+            it('When the user clicks on \'Play\' button, then the audio file should load and the user should be able to play the audio. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
+                audioPlayerPage.steps.startPlayback();
+                audioPlayerPage.steps.waitForPlaybackToBegin();
+                audioPlayerPage.steps.verifyAudioPlaybackTimer('00:03', '00:45');
+            });
+
+            it('When the audio player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
+                audioPlayerPage.steps.verifyAudioPlaybackTimer('00:10', '00:45');
+                audioPlayerPage.steps.pauseAndVerifyProgressBarSliderPosition();
+                audioPlayerPage.steps.verifyAudioPlaybackTimer('00:10', '00:45');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+            });
+
+            it('When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
+                audioPlayerPage.steps.startPlayback();
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'notExist');
+            });
+
+            it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
+                audioPlayerPage.steps.seekProgressBarSliderToCenter();
+                audioPlayerPage.steps.addWaitToPlayAudio(1000);
+                audioPlayerPage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            });
+
+            it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
+                audioPlayerPage.steps.verifyAudioPlaybackTimer('00:45', '00:45');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+                audioPlayerPage.steps.verifyProgressBarSliderPosition(99);
+            });
+
+            it('The added audio description and transcript should be displayed in preview tab', () => {
+                utilities.verifyInnerText(audioPlayerPage.descriptionPreviewTab(), 'Sample audio description');
+                utilities.verifyElementVisibilityState(audioPlayerPage.playbackSpeedButton(), 'visible');
+                audioPlayerPage.steps.clickOnTranscriptButton();
+                utilities.verifyInnerText(audioPlayerPage.transcriptContentPreviewTab(), 'Sample transcript');
+                utilities.verifyElementVisibilityState(audioPlayerPage.transcriptContentPreviewTab(), 'visible');
+            });
+
+            it('CSS of standard recording interface in Preview tab', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioPlayerPage.playbackElapsedTime(), {
+                    'color': css.color.playbackTime,
+                    'font-size': css.fontSize.small,
+                    'font-weight': css.fontWeight.bold
+                });
+                utilities.verifyCSS(audioPlayerPage.playbackTotalTime(), {
+                    'color': css.color.playbackTime,
+                    'font-size': css.fontSize.small,
+                    'font-weight': css.fontWeight.bold
+                });
+                utilities.verifyCSS(audioPlayerPage.backwardButton().find('path').eq(1), {
+                    'stroke': css.color.activeButtons
+                });
+                utilities.verifyCSS(audioPlayerPage.playbackPlayButton().find('path').eq(0), {
+                    'stroke': css.color.activeButtons
+                });
+                utilities.verifyCSS(audioPlayerPage.forwardButton().find('path').eq(1), {
+                    'stroke': css.color.activeButtons
+                });
+                utilities.verifyCSS(audioPlayerPage.playbackSpeedButton().find('path').eq(1), {
+                    'fill': css.color.activeButtons
+                });
+                audioPlayerPage.transcriptButton()
+                    .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+                utilities.verifyCSS(audioPlayerPage.transcriptButton(), {
+                    'background-color': css.color.selectToolbarOptionBg
+                });
+                utilities.verifyCSS(audioPlayerPage.descriptionPreviewTab(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+                utilities.verifyCSS(audioPlayerPage.transcriptContentPreviewTab(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+
+            it('Accessibility of standard recording interface in Preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioPlayerPage.descriptionPreviewTab().parents('.audio-resource-preview-wrapper'));
+            });
+        });
+    });
+});