itemengine-cypress-automation 1.0.184 → 1.0.185

package/cypress/e2e/ILC/AudioPlayerNew/compactAudioPlayerStyle.js

@@ -1,429 +0,0 @@
-import { audioPlayerPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Compact audio player style - Default : Preview tab functionality', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Compact playback preview - Default : Play and Stop buttons', () => {
-        abortEarlySetup();
-        before(() => {
-            audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
-            audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Compact');
-            audioPlayerPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user switches to preview tab, then the \'Play\' button should be displayed and audio player should not be displayed', () => {
-            utilities.verifyElementVisibilityState(audioPlayerPage.playButton(), 'visible');
-            utilities.verifyInnerText(audioPlayerPage.playButton(), 'Play');
-            utilities.verifyElementVisibilityState(audioPlayerPage.standardPreviewPlayerWrapper(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.audioPlayerToolbar(), 'notExist');
-        });
-
-        it('When the user clicks on \'Play\' button, then the audio player should be displayed and audio file should load and start playing. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
-            audioPlayerPage.steps.clickOnPlayButton();
-            utilities.verifyElementVisibilityState(audioPlayerPage.standardPreviewPlayerWrapper(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.audioPlayerToolbar(), 'visible');
-            audioPlayerPage.steps.waitForPlaybackToBegin();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:03/00:45');
-        });
-
-        it('The displayed playback player preview should have \'Backward\', \'Pause\', \'Forward\', \'Volume control\', \'Elapsed time\', \'Progress bar\', \'Total time\' and \'Playback speed\' buttons', () => {
-            utilities.verifyElementVisibilityState(audioPlayerPage.standardPreviewPlayerWrapper(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.audioPlayerToolbar(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.backwardButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.forwardButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.playbackElapsedTime(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.progressBar(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.playbackTotalTime(), 'visible');
-            utilities.verifyInnerText(audioPlayerPage.playbackTotalTime(), '00:45');
-            utilities.verifyElementVisibilityState(audioPlayerPage.playbackSpeedButton(), 'visible');
-        });
-
-        it('Accessibility of compact playback player in playing state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        it('When the user has clicked on Play button and audio player is displayed, then the above play button should change to \'Stop\' button', () => {
-            utilities.verifyElementVisibilityState(audioPlayerPage.playButton(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.stopButton(), 'visible');
-            utilities.verifyInnerText(audioPlayerPage.stopButton(), 'Stop');
-        });
-
-        it('User should be able to pause the playback', () => {
-            audioPlayerPage.steps.pausePlayback();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:06/00:45');
-        });
-
-        it('CSS of stop button', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioPlayerPage.stopButton(), {
-                'background-color': css.color.stopButtonBg,
-                'border': `1px solid ${css.color.stopButtonBorder}`
-            });
-            utilities.verifyCSS(audioPlayerPage.stopButton().find('p'), {
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioPlayerPage.stopButton().find('path').eq(0), {
-                'color': css.color.defaultBackground
-            });
-        });
-
-        it('Accessibility of stop button', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.stopButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        it('When the user clicks on stop button, then the \'Play\' button should be displayed and audio player should not be displayed', () => {
-            audioPlayerPage.steps.clickOnStopButton();
-            utilities.verifyElementVisibilityState(audioPlayerPage.playButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.standardPreviewPlayerWrapper(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.audioPlayerToolbar(), 'notExist');
-        });
-
-        it('CSS of play button', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioPlayerPage.playButton(), {
-                'background-color': css.color.transparent,
-                'border': `1px solid ${css.color.secondaryBtnBorder}`
-            });
-            utilities.verifyCSS(audioPlayerPage.playButton().find('p'), {
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioPlayerPage.playButton().find('path').eq(0), {
-                'color': css.color.secondaryBtn
-            });
-        });
-
-        it('Accessibility of play button', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.playButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        it('When user clicks on \'Play\' button again, then the audio player should be displayed again in default state and start automatically playing again', () => {
-            audioPlayerPage.steps.clickOnPlayButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:00/00:45');
-            audioPlayerPage.steps.waitForPlaybackToBegin();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:03/00:45');
-        });
-
-        it('When the audio playback is completed, the \'Stop\' button and the audio player should be displayed', () => {
-            audioPlayerPage.steps.addWaitToPlayAudio(20000);
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:45/00:45');
-            utilities.verifyElementVisibilityState(audioPlayerPage.stopButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioPlayerPage.playButton(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.audioPlayerToolbar(), 'visible');
-            audioPlayerPage.steps.verifyProgressBarSliderPosition(99);
-        });
-    });
-
-    describe('Compact playback preview - Default : Play, pause and seek', () => {
-        let actualAudioSeekedInPercent = 50
-        abortEarlySetup();
-        before(() => {
-            audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
-            audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Compact');
-            audioPlayerPage.steps.switchToPreviewTab();
-            audioPlayerPage.steps.clickOnPlayButton();
-            audioPlayerPage.steps.waitForPlaybackToBegin();
-        });
-
-        it('When the user hovers over the \'Pause\' button, a tooltip \'Pause\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
-            audioPlayerPage.playbackPauseButton()
-                .verifyTooltip('Pause');
-        });
-
-        it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioPlayerPage.playbackPauseButton().find('#pause'), {
-                'stroke': css.color.secondaryBtnActive,
-            });
-            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.progressBar().find('.MuiSlider-rail'), {
-                'background-color': css.color.progressBarRemainingFill
-            });
-            utilities.verifyCSS(audioPlayerPage.progressBar().find('.MuiSlider-track'), {
-                'background-color': css.color.progressBarElapsedFill
-            });
-        });
-
-        it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        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 the user hovers over the \'Play\' button, a tooltip \'Play\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
-            audioPlayerPage.playbackPlayButton()
-                .verifyTooltip('Play');
-        });
-
-        it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.playbackPlayButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        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 user seeks the progress bar slider while the audio is paused, then the audio playback should be in paused state and on playing the audio, then the audio should play from the position where the slider is seeked', () => {
-            audioPlayerPage.steps.pausePlayback();
-            audioPlayerPage.steps.seekProgressBarSliderToCenter();
-            audioPlayerPage.steps.startPlayback();
-            audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            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('CSS of progress bar in hover state', { tags: 'css' }, () => {
-            audioPlayerPage.steps.hoverOnProgressBarSlider();
-            utilities.verifyCSS(audioPlayerPage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
-                'box-shadow': `${css.color.progressBarSliderHoverBackground} 0px 0px 0px 8px`
-            });
-        });
-    });
-
-    describe('Compact playback preview - Default : Volume control', () => {
-        abortEarlySetup();
-        before(() => {
-            audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
-            audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Compact');
-            audioPlayerPage.steps.switchToPreviewTab();
-            audioPlayerPage.steps.clickOnPlayButton();
-            audioPlayerPage.steps.waitForPlaybackToBegin();
-        });
-
-        it('When the user hovers over \'Volume control\' button, volume control settings should open and by default it should be set to full volume and on hovering away from the button, the volume slider should disappear', () => {
-            audioPlayerPage.steps.hoverOnVolumeControlButton();
-            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'visible');
-            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('100');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'notExist');
-        });
-
-        it('When volume is not set as 0 and user hovers on \'Volume control\' button, then \'Mute\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
-            audioPlayerPage.steps.hoverOnVolumeControlButton();
-            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'visible');
-            utilities.verifyInnerText(audioPlayerPage.tooltipText(), 'Mute');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'notExist');
-        });
-
-        it('When the user hovers over \'Volume control slider\', then \'Volume control\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
-            audioPlayerPage.steps.hoverOnVolumeControlButton();
-            audioPlayerPage.steps.hoverOnVolumeControlSlider();
-            audioPlayerPage.steps.hoverAwayFromVolumeControlButton();
-            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'visible');
-            utilities.verifyInnerText(audioPlayerPage.tooltipText(), 'Volume control');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'notExist');
-        });
-
-        it('When volume is not set as 0 and user clicks on volume control button, then the audio should be muted and the volume control button should change to a muted state', () => {
-            audioPlayerPage.steps.clickOnVolumeButton();
-            audioPlayerPage.steps.hoverOnVolumeControlButton();
-            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('0');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'notExist');
-            utilities.verifyElementVisibilityState(audioPlayerPage.muteVolumeIcon(), 'visible');
-            utilities.hoverAwayFromElement();
-        });
-
-        it('When the user hovers on muted \'Volume control\' button, \'Unmute\' text should be displayed in tooltip', () => {
-            audioPlayerPage.steps.hoverOnVolumeControlButton();
-            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'visible');
-            utilities.verifyInnerText(audioPlayerPage.tooltipText(), 'Unmute');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'notExist');
-        });
-
-        it('When the user clicks on the muted volume control button then the volume setting slider should return to full volume and the volume control button should change to an unmuted state', () => {
-            audioPlayerPage.steps.clickOnVolumeButton();
-            audioPlayerPage.steps.hoverOnVolumeControlButton();
-            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('100');
-            audioPlayerPage.steps.verifyUnmutedVolumeIconIsDisplayedInPreviewTab();
-        });
-
-        it('CSS of volume control section', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioPlayerPage.volumeControlSlider(), {
-                'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 100%, ${css.color.defaultBackground} 0%, ${css.color.defaultBackground} 100%) repeat scroll 0% 0% / auto padding-box border-box`
-            });
-            audioPlayerPage.unmutedVolumeIcon()
-                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
-        });
-
-        it('Accessibility of volume control section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.volumeControlSlider());
-            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        it('When the user drags the volume control all the way down, audio should be muted and the button should update to a muted state', () => {
-            audioPlayerPage.steps.setVolumeSliderForPlayback(0);
-            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('0');
-            utilities.verifyElementVisibilityState(audioPlayerPage.muteVolumeIcon(), 'visible');
-        });
-
-        it('CSS of volume control section in muted state', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioPlayerPage.volumeControlSlider(), {
-                'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 0%, ${css.color.defaultBackground} -100%, ${css.color.defaultBackground} 100%) repeat scroll 0% 0% / auto padding-box border-box`
-            });
-            audioPlayerPage.muteVolumeIcon()
-                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
-        });
-
-        it('Accessibility of volume control section in muted state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioPlayerPage.volumeControlSlider());
-            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
-        });
-
-        it('User should be able to unmute the audio by dragging the volume control higher again', () => {
-            audioPlayerPage.steps.setVolumeSliderForPlayback(99);
-            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('100');
-            audioPlayerPage.steps.verifyUnmutedVolumeIconIsDisplayedInPreviewTab();
-        });
-    });
-
-    describe('Compact playback preview - Default : Playback speed', () => {
-        const playbackSpeedOptions = ['0.5', '1', '1.25', '1.5', '1.75', '2'];
-        abortEarlySetup();
-        before(() => {
-            audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
-            audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Compact');
-            audioPlayerPage.steps.switchToPreviewTab();
-            audioPlayerPage.steps.clickOnPlayButton();
-            audioPlayerPage.steps.waitForPlaybackToBegin();
-        });
-
-        audioPlayerPage.tests.verifyPlaybackSpeedContents(playbackSpeedOptions);
-
-        for (let index = 0; index < playbackSpeedOptions.length; index++) {
-            it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the audio playback speed should be changed accordingly`, () => {
-                audioPlayerPage.steps.resetQuestionPreview();
-                audioPlayerPage.steps.clickOnPlayButton();
-                audioPlayerPage.steps.hoverOnPlaybackSpeedButton();
-                audioPlayerPage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
-                utilities.verifyElementVisibilityState(audioPlayerPage.playbackSpeedOption(), 'notExist');
-                audioPlayerPage.steps.waitForPlaybackToBegin();
-                audioPlayerPage.steps.addWaitToPlayAudio(4000);
-                audioPlayerPage.steps.pausePlayback();
-                utilities.verifyInnerText(audioPlayerPage.playbackElapsedTime(), `00:0${1 + (4 * playbackSpeedOptions[index])}`);
-            });
-        };
-    });
-
-    describe('Compact playback preview - Default : Backward and Forward buttons', () => {
-        abortEarlySetup();
-        before(() => {
-            audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
-            audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Compact');
-            audioPlayerPage.steps.switchToPreviewTab();
-            audioPlayerPage.steps.clickOnPlayButton();
-            audioPlayerPage.steps.waitForPlaybackToBegin();
-        });
-
-        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
-            audioPlayerPage.backwardButton()
-                .verifyTooltip('Backward Button');
-        });
-
-        it('When the user hovers over the \'Forward\' button, a tooltip \'Forward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
-            audioPlayerPage.forwardButton()
-                .verifyTooltip('Forward Button');
-        });
-
-        it('CSS of \'Backward\' and \'Forward\' button in default and hover state', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioPlayerPage.backwardButton().find('path').eq(1), {
-                'stroke': css.color.activeButtons
-            });
-            utilities.verifyCSS(audioPlayerPage.forwardButton().find('path').eq(1), {
-                'stroke': css.color.activeButtons
-            });
-            utilities.triggerMouseover(audioPlayerPage.backwardButton());
-            utilities.verifyCSS(audioPlayerPage.backwardButton(), {
-                'background-color': css.color.selectToolbarOptionBg
-            });
-            utilities.triggerMouseout(audioPlayerPage.backwardButton());
-            utilities.triggerMouseover(audioPlayerPage.forwardButton());
-            utilities.verifyCSS(audioPlayerPage.forwardButton(), {
-                'background-color': css.color.selectToolbarOptionBg
-            });
-            utilities.triggerMouseout(audioPlayerPage.forwardButton());
-        });
-
-        it('When the audio player is in playback state and the user clicks on \'Forward\' button, then playback should get forwarded by 10 seconds and both the progress bar and elapsed time should be updated accordingly', () => {
-            audioPlayerPage.steps.clickOnForwardButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:15/00:45');
-        });
-
-        it('When audio player is in paused state and the user clicks on \'Forward\' button, then playback should get forwarded by 10 seconds and both the progress bar and elapsed time should be updated accordingly', () => {
-            audioPlayerPage.steps.pausePlayback();
-            audioPlayerPage.steps.clickOnForwardButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:25/00:45');
-        });
-
-        it('When the audio player is in playback state and the user clicks on \'Backward\' button, then playback should get backtracked by 10 seconds and both the progress bar and elapsed time should be updated accordingly', () => {
-            audioPlayerPage.steps.startPlayback();
-            audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            audioPlayerPage.steps.clickOnBackwardButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:18/00:45');
-        });
-
-        it('When audio player is in paused state and the user clicks on \'Backward\' button, then playback should get backtracked by 10 seconds and both the progress bar and elapsed time should be updated accordingly', () => {
-            audioPlayerPage.steps.pausePlayback();
-            audioPlayerPage.steps.clickOnBackwardButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:08/00:45');
-        });
-
-        it('When the elapsed time is less than 10 seconds and user clicks on backward button, then the playback should be backtracked to 0 and both the progress bar and elapsed time should be updated accordingly', () => {
-            audioPlayerPage.steps.clickOnBackwardButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:00/00:45');
-        });
-
-        it('When the difference between total time and elapsed time is less than 10 seconds and user clicks on forward button, then the playback should be forwarded to its completed state and both the progress bar and elapsed time should be updated accordingly', () => {
-            audioPlayerPage.steps.seekProgressBarSliderToCenter();
-            audioPlayerPage.steps.startPlayback();
-            audioPlayerPage.steps.addWaitToPlayAudio(15000);
-            audioPlayerPage.steps.clickOnForwardButton();
-            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:45/00:45');
-        });
-    });
-});

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

@@ -1,162 +0,0 @@
-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'));
-            });
-        });
-    });
-});