itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/e2e/ILC/AudioResponseNew/minimalRecorderStyle.js

@@ -1,482 +0,0 @@
-import { dialogBoxBase } from "../../../pages";
-import { audioResponsePage } from "../../../pages/audioResponsePage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Preview of Audio response for minimal audio recorder style', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Preview of Minimal audio recorder style', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Minimal');
-            audioResponsePage.steps.switchToPreviewTab();
-        });
-
-        it('If user selects \'Minimal\' option from \'Audio recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab', () => {
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRecordButton(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordButton(), 'Record');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecorderHelpText(), 'Click the button to start recording...');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRecorderHelpText(), 'visible');
-        });
-
-        it('CSS of Preview section', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecordButton(), {
-                'background-color': css.color.recordingIcon,
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecordButton().find('svg'), {
-                'fill': css.color.defaultBackground
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecorderHelpText(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of Preview section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-
-        it('When the user clicks on the \'Record\' button, a countdown should begin and help text "Preparing to record" should be displayed. The recording should start, Mic icon, \'Stop\' and \'Pause\' buttons should be displayed. Total recording time should be displayed. \'Recording...\' help text, volume meter, timer should be displayed. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. The volume meter should also detect the sound levels during recording', () => {
-            audioResponsePage.steps.startRecordingMinimalPreview();
-            utilities.verifyElementVisibilityState(audioResponsePage.startRecordingCountDown(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordingHelpText(), 'Preparing to record');
-            utilities.verifyElementVisibilityState(audioResponsePage.recordingMicIcon(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.micGlowAnimation(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewStopRecordingButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPauseRecordingButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRecordButton(), 'notExist');
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordingHelpText(), 'Recording...')
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewVolumeMeter(), 'visible');
-            cy.log('Waiting 2 seconds to check updated timer');
-            audioResponsePage.steps.addWaitToRecordAudio(2000);
-            audioResponsePage.steps.verifyRecordingTimeMinimalPreview('00:04', '15:00');
-        });
-
-        it('CSS of \'Preview\' section once recording starts', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.micGlowAnimation(), {
-                'background-color': css.color.micGlowAnimation
-            });
-            utilities.verifyCSS(audioResponsePage.recordingMicIcon(), {
-                'fill': css.color.microphoneIcon
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecordingTimer(), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecordingHelpText(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPauseRecordingButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPauseRecordingButton().find('[data-name="Icon material-pause-circle-filled"]'), {
-                'fill': css.color.secondaryBtn
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewStopRecordingButton(), {
-                'background-color': css.color.primaryBtnBg,
-                'color': css.color.primaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewStopRecordingButton().find('.audio-control-icon rect'), {
-                'color': css.color.defaultBackground
-            });
-        });
-
-        it('Accessibility of Preview section once recording starts', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-
-        it('When the recording is in-progress and user clicks on \'Pause\' button, recording should pause and the help text should update to \'Recording paused\'. Volume meter should drop to \'0dB\'. Also the timer should display the amount of audio recorded in relation to the total length of the recording. Format of timer should be \'(min:secs / min:sec)\'. Pause recording button should get replaced with Resume recording button. Stop button should be displayed in preview', () => {
-            audioResponsePage.steps.resetQuestionPreview();
-            audioResponsePage.steps.startRecordingMinimalPreview();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordingHelpText(), 'Recording...')
-            audioResponsePage.steps.addWaitToRecordAudio(4000);
-            audioResponsePage.steps.pauseRecordingMinimalPreview();
-            audioResponsePage.steps.verifyRecordingTimeMinimalPreview('00:05', '15:00');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordingHelpText(), 'Recording paused');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewVolumeMeter(), '0dB');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewResumeRecordingButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewStopRecordingButton(), 'visible');
-        });
-
-        it('CSS of \'Preview\' section if recording is paused', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.minimalPreviewResumeRecordingButton(), {
-                'background-color': css.color.recordingIcon,
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewResumeRecordingButton().find('svg'), {
-                'fill': css.color.defaultBackground
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecordingHelpText(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of Preview section if recording is paused', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-
-        it('When the recorder is in paused state and the user clicks on the \'Resume recording\' button the recording should get resumed from where it was paused. Resume recording button should update to Pause button and the help text should update to "Recording...". The volume meter should also detect the sound levels during recording. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.', () => {
-            audioResponsePage.steps.resumeRecordingMinimalPreview();
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewResumeRecordingButton(), 'notExist');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPauseRecordingButton(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordingHelpText(), 'Recording...')
-            audioResponsePage.steps.addWaitToRecordAudio(1000);
-            audioResponsePage.steps.verifyRecordingLengthAfterResumingMinimalPreview();
-        });
-
-        it('When the recording is inprogress and user clicks on \'Stop\' button, recording should stop and \'Your response has been recorded\' help text message should be displayed in preview. Recorded audio wave form, progress bar, volume control, playback speed buttons should be displayed. Playback time of the recorded audio should be displayed as \'(min:secs / min:sec)\'. Stop button should get replaced with Retake button and Play button should be displayed.', () => {
-            cy.log('Pre-step: Resetting question preview and start recording again')
-            audioResponsePage.steps.resetQuestionPreview();
-            audioResponsePage.steps.startRecordingMinimalPreview();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            audioResponsePage.steps.addWaitToRecordAudio(3000);
-            audioResponsePage.steps.stopRecordingMinimalPreview();
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:00', '00:04');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewStopRecordingButton(), 'notExist');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackWaveform(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlaybackPlayButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.volumeControlButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackSpeedButton(), 'visible');
-        });
-
-        it('CSS of \'Preview\' section if recording is stopped', { tags: 'css' }, () => {
-            audioResponsePage.steps.resetQuestionPreview();
-            audioResponsePage.steps.startRecordingMinimalPreview();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            audioResponsePage.steps.addWaitToRecordAudio(1000);
-            cy.log('Waiting for 1 second pausing the recording and then clicking Stop')
-            audioResponsePage.steps.stopRecordingMinimalPreview();
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRecordingHelpText(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of Preview section if recording is stopped', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-
-        it('When recording is paused and the user clicks on \'Stop\' button, recording should stop and \'Your response has been recorded\' help text message should be displayed in preview. Stop button should get replaced with Playback button and Playback button should be enabled. Overlay should not be displayed in player', () => {
-            cy.log('Pre-step: Resetting question preview and start recording again')
-            audioResponsePage.steps.resetQuestionPreview();
-            audioResponsePage.steps.startRecordingMinimalPreview();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            audioResponsePage.steps.addWaitToRecordAudio(1000);
-            cy.log('Waiting for 1 second pausing the recording and then clicking Stop')
-            audioResponsePage.steps.pauseRecordingMinimalPreview();
-            audioResponsePage.steps.stopRecordingMinimalPreview();
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlaybackPlayButton(), 'visible');
-        });
-
-        it('When recording is inprogress, recording should stop at recording length and \'Stop\' button should get replaced with Retake button. Playback button should be displayed in enabled state. \Your response has been recorded\' help message should be displayed in preview. Overlay should not be displayed in player', () => {
-            cy.log('Pre-step: Switch to edit tab and set maximum recording length to 10 secs')
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.setMaximumRecorderLength(10);
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.startRecordingMinimalPreview();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            cy.log('Starting a recording and letting it record until Maximum recording length is reached');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:00', '00:10');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewStopRecordingButton(), 'notExist');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlaybackPlayButton(), 'visible');
-        });
-
-        it('When the user updates maximum recorder length the recording should stop at the updated recorder length', () => {
-            cy.log('Pre-step : Switching to edit tab, updating maximum recorder length and switching back to preview tab to reset the recording');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.setMaximumRecorderLength(5);
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            cy.log('Starting a recording and letting it record until Maximum recording length is reached');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:00', '00:05')
-            cy.log('Switching to Edit tab to prevent browser level alert window from appearing');
-            audioResponsePage.steps.switchToEditTab();
-        });
-    });
-
-    describe('Playback player : Default state', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Minimal');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioMinimalPreview(5000);
-        });
-
-        it('A playback player with audio wave form, Volume meter, Retake recording and Play buttons, Volume control and playback speed buttons, Progress bar and time in (mm:ss / mm:ss) format should be displayed', () => {
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackWaveform(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlaybackPlayButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.volumeControlButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackSpeedButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlaybackTime(), 'visible');
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:00', '00:05');
-        });
-
-        it('The progress bar should have a slider so that user can click/drag to seek the audio. When the user hovers on the waveform, a black cursor should be display on the waveform', () => {
-            utilities.verifyElementVisibilityState(audioResponsePage.progressBarSlider(), 'visible');
-            utilities.hoverOverElement(audioResponsePage.playbackWaveform());
-            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'visible');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'hidden');
-        });
-
-        it('CSS of standard recorder style playback player', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRetakeButton(), {
-                'background-color': css.color.recordingIcon,
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRetakeButton().find('svg path'), {
-                'fill': css.color.defaultBackground
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPlaybackTime(), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(audioResponsePage.playbackProgressBar().find('.MuiSlider-thumbSizeMedium'), {
-                'background-color': css.color.activeButtons
-            });
-            utilities.verifyCSS(audioResponsePage.playbackProgressBar().find('.MuiSlider-rail'), {
-                'border': `1px solid ${css.color.activeButtons}`
-            });
-            utilities.verifyCSS(audioResponsePage.volumeControlButton().find('[data-name="minimal-volume-icon"]'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('[id="playback-speed"] path'), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of playback player - default state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-    });
-
-    //Note: Need to add cases of seeking using waveform
-    describe('Playback player : Play, pause and seek', () => {
-        let actualAudioSeekedInPercent = 50
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Minimal');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioMinimalPreview(10000);
-        });
-
-        it('When the user clicks on \'Play\' button, then the audio should start playing. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
-            audioResponsePage.steps.startPlaybackMinimalPreview();
-            audioResponsePage.steps.waitForPlaybackToBeginMinimalPreview();
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:03', '00:10');
-        });
-
-        it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPlaybackTime(), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPausePlaybackButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPausePlaybackButton().find('svg path'), {
-                'fill': css.color.secondaryBtn
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRetakeButton(), {
-                'background-color': css.color.recordingIcon,
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewRetakeButton().find('svg path'), {
-                'fill': css.color.defaultBackground
-            });
-        });
-
-        it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-
-        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', () => {
-            audioResponsePage.steps.resetQuestionPreview();
-            audioResponsePage.steps.recordAndSaveAudioMinimalPreview(10000);
-            audioResponsePage.steps.startPlaybackMinimalPreview();
-            audioResponsePage.steps.waitForPlaybackToBeginMinimalPreview();
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:05', '00:10');
-            audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:05', '00:10');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlayPlaybackButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPausePlaybackButton(), 'notExist');
-        });
-
-        it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPlayPlaybackButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.minimalPreviewPlayPlaybackButton().find('svg path'), {
-                'stroke': css.color.secondaryBtnActive
-            });
-        });
-
-        it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
-
-        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.', () => {
-            audioResponsePage.steps.startPlaybackMinimalPreview();
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPausePlaybackButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlayPlaybackButton(), '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', () => {
-            audioResponsePage.steps.seekProgressBarSliderToCenter();
-            audioResponsePage.steps.addWaitToPlayAudio(1000);
-            audioResponsePage.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', () => {
-            audioResponsePage.steps.pausePlaybackMinimalPreview();
-            audioResponsePage.steps.seekProgressBarSliderToCenter();
-            audioResponsePage.steps.startPlaybackMinimalPreview();
-            audioResponsePage.steps.addWaitToPlayAudio(5000);
-            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
-        });
-
-        it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:10', '00:10');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlayPlaybackButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPausePlaybackButton(), 'notExist');
-            audioResponsePage.steps.verifyProgressBarSliderPosition(99);
-        });
-
-        it('CSS of progress bar in hover state', { tags: 'css' }, () => {
-            audioResponsePage.steps.hoverOnProgressBarSlider();
-            utilities.verifyCSS(audioResponsePage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
-                'box-shadow': `${css.color.progressBarSliderHoverBackground} 0px 0px 0px 8px`
-            });
-        });
-    });
-
-    describe('Playback player : Volume control', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Minimal');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioMinimalPreview(10000);
-        });
-
-        audioResponsePage.tests.verifyVolumeControlFunctionality();
-    });
-
-    describe('Playback player : Playback speed', () => {
-        const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Minimal');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioMinimalPreview(10000);
-        });
-
-        audioResponsePage.tests.verifyPlaybackSpeedContents();
-
-        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`, () => {
-                audioResponsePage.steps.resetQuestionPreview();
-                audioResponsePage.steps.recordAndSaveAudioMinimalPreview(12000);
-                utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
-                audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
-                audioResponsePage.steps.startPlaybackMinimalPreview();
-                audioResponsePage.steps.waitForPlaybackToBeginMinimalPreview();
-                audioResponsePage.steps.addWaitToPlayAudio(4000);
-                audioResponsePage.steps.pausePlaybackMinimalPreview();
-                audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Minimal');
-            });
-        };
-    });
-
-    describe('Playback player : Retake my audio response', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Minimal');
-            audioResponsePage.steps.setMaximumRecorderLength(10);
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioMinimalPreview(10000);
-        });
-
-        it('When the user clicks on \'Retake\' icon button, \'Retake\' popup should be displayed along with \'Are you sure you want to overwrite the existing audio recording?\' message', () => {
-            audioResponsePage.steps.retakeRecordingMinimalPreview();
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
-            audioResponsePage.steps.verifyRetakePopupContents();
-        });
-
-        audioResponsePage.tests.verifyRetakePopupCSSAndA11y();
-
-        it('When the user clicks on \'Cancel\' button, \'Retake\' popup should close and previous state of playback player should persist', () => {
-            audioResponsePage.steps.cancelRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.minimalPreviewPlaybackPlayButton(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:00', '00:10');
-        });
-
-        it('When the user clicks on Confirm button of the retake popup, the previous recording should get deleted and a new recording should begin', () => {
-            audioResponsePage.steps.retakeRecordingMinimalPreview();
-            audioResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(audioResponsePage.minimalPreviewRecordingHelpText(), 'Recording...');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-            audioResponsePage.steps.verifyPlaybackTimeMinimalPreview('00:00', '00:10');
-        });
-    });
-});