itemengine-cypress-automation 1.0.115 → 1.0.117

package/cypress/e2e/ILC/AudioResponseNew/{compactRecorderStyle.js → compactRecorderStyle.smoke.js}

@@ -3,13 +3,14 @@ import { audioResponsePage } from "../../../pages/audioResponsePage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
 
 describe('Preview of Audio response for compact audio recorder style', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Preview of Compact audio recorder style', () => {
+    describe('Preview of Compact audio recorder style', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -21,8 +22,8 @@ describe('Preview of Audio response for compact audio recorder style', () => {
         it('If user selects \'Compact\' 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.compactPreviewRecordButton(), 'visible');
             utilities.verifyInnerText(audioResponsePage.compactPreviewRecordButton(), 'Record');
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecorderHelpText(), 'Click the button to start recording...');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewRecorderHelpText(), 'visible');
+            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Click the button to start recording...');
+            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewRecordingHelpText(), 'visible');
         });
 
         it('CSS of Preview section', { tags: 'css' }, () => {
@@ -35,7 +36,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             utilities.verifyCSS(audioResponsePage.compactPreviewRecordButton().find('svg'), {
                 'fill': css.color.defaultBackground
             });
-            utilities.verifyCSS(audioResponsePage.compactPreviewRecorderHelpText(), {
+            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingHelpText(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
@@ -49,14 +50,14 @@ describe('Preview of Audio response for compact audio recorder style', () => {
         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.startRecordingCompactPreview();
             utilities.verifyElementVisibilityState(audioResponsePage.startRecordingCountDown(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Preparing to record');
+            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Preparing to record');
             utilities.verifyElementVisibilityState(audioResponsePage.recordingMicIcon(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.micGlowAnimation(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewStopRecordingButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPauseRecordingButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewRecordButton(), 'notExist');
             audioResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Recording...')
+            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Recording...')
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewVolumeMeter(), 'visible');
             cy.log('Waiting 2 seconds to check updated timer');
             audioResponsePage.steps.addWaitToRecordAudio(2000);
@@ -75,7 +76,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
                 'font-size': css.fontSize.heading,
                 'font-weight': css.fontWeight.bold
             });
-            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingHelpText(), {
+            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingStatusText(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
@@ -108,11 +109,11 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             audioResponsePage.steps.resetQuestionPreview();
             audioResponsePage.steps.startRecordingCompactPreview();
             audioResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Recording...')
+            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Recording...')
             audioResponsePage.steps.addWaitToRecordAudio(4000);
             audioResponsePage.steps.pauseRecordingCompactPreview();
             audioResponsePage.steps.verifyRecordingTimeCompactPreview('00:05', '15:00');
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Recording paused');
+            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Recording paused');
             utilities.verifyInnerText(audioResponsePage.compactPreviewVolumeMeter(), '0dB');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewResumeRecordingButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewStopRecordingButton(), 'visible');
@@ -128,7 +129,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             utilities.verifyCSS(audioResponsePage.compactPreviewResumeRecordingButton().find('svg'), {
                 'fill': css.color.defaultBackground
             });
-            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingHelpText(), {
+            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingStatusText(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
@@ -143,7 +144,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             audioResponsePage.steps.resumeRecordingCompactPreview();
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewResumeRecordingButton(), 'notExist');
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPauseRecordingButton(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Recording...')
+            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Recording...')
             audioResponsePage.steps.addWaitToRecordAudio(1000);
             audioResponsePage.steps.verifyRecordingLengthAfterResumingCompactPreview();
         });
@@ -173,7 +174,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             audioResponsePage.steps.addWaitToRecordAudio(1000);
             cy.log('Waiting for 1 second pausing the recording and then clicking Stop')
             audioResponsePage.steps.stopRecordingCompactPreview();
-            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingHelpText(), {
+            utilities.verifyCSS(audioResponsePage.compactPreviewRecordingStatusText(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
@@ -198,7 +199,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlaybackPlayButton(), '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', () => {
+        it('When recording is inprogress, recording should stop at maximum 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);
@@ -227,7 +228,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
         });
     });
 
-    describe('Playback player : Default state', () => {
+    describe('Playback player : Default state', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -290,193 +291,194 @@ describe('Preview of Audio response for compact audio recorder style', () => {
         });
     });
 
-    //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('Compact');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioCompactPreview(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.startPlaybackCompactPreview();
-            audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
-            audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:03', '00:10');
-        });
-
-        it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.compactPreviewPlaybackTime(), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(audioResponsePage.compactPreviewPausePlaybackButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.compactPreviewPausePlaybackButton().find('svg path'), {
-                'fill': css.color.secondaryBtn
+    if (!grepTags || !grepTags.includes('smoke')) {
+        //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('Compact');
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
             });
-            utilities.verifyCSS(audioResponsePage.compactPreviewRetakeButton(), {
-                'background-color': css.color.recordingIcon,
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.compactPreviewRetakeButton().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 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.startPlaybackCompactPreview();
+                audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
+                audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:03', '00:10');
+            });
 
-        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.recordAndSaveAudioCompactPreview(10000);
-            audioResponsePage.steps.startPlaybackCompactPreview();
-            audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
-            audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:05', '00:10');
-            audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
-            audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:05', '00:10');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlayPlaybackButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPausePlaybackButton(), 'notExist');
-        });
+            it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioResponsePage.compactPreviewPlaybackTime(), {
+                    'color': css.color.liText,
+                    'font-size': css.fontSize.heading,
+                    'font-weight': css.fontWeight.bold
+                });
+                utilities.verifyCSS(audioResponsePage.compactPreviewPausePlaybackButton(), {
+                    'background-color': css.color.secondaryBtnBg,
+                    'color': css.color.secondaryBtn,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(audioResponsePage.compactPreviewPausePlaybackButton().find('svg path'), {
+                    'fill': css.color.secondaryBtn
+                });
+                utilities.verifyCSS(audioResponsePage.compactPreviewRetakeButton(), {
+                    'background-color': css.color.recordingIcon,
+                    'color': css.color.whiteText,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(audioResponsePage.compactPreviewRetakeButton().find('svg path'), {
+                    'fill': css.color.defaultBackground
+                });
+            });
 
-        it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.compactPreviewPlayPlaybackButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
+            it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
             });
-            utilities.verifyCSS(audioResponsePage.compactPreviewPlayPlaybackButton().find('svg path'), {
-                'stroke': css.color.secondaryBtnActive
+
+            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.recordAndSaveAudioCompactPreview(10000);
+                audioResponsePage.steps.startPlaybackCompactPreview();
+                audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
+                audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:05', '00:10');
+                audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
+                audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:05', '00:10');
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlayPlaybackButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPausePlaybackButton(), 'notExist');
             });
-        });
 
-        it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
-        });
+            it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioResponsePage.compactPreviewPlayPlaybackButton(), {
+                    'background-color': css.color.secondaryBtnBg,
+                    'color': css.color.secondaryBtn,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(audioResponsePage.compactPreviewPlayPlaybackButton().find('svg path'), {
+                    'stroke': css.color.secondaryBtnActive
+                });
+            });
 
-        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.startPlaybackCompactPreview();
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPausePlaybackButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlayPlaybackButton(), 'notExist');
-        });
+            it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.previewTabQuestionWrapper());
+            });
 
-        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 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.startPlaybackCompactPreview();
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPausePlaybackButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlayPlaybackButton(), 'notExist');
+            });
 
-        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.pausePlaybackCompactPreview();
-            audioResponsePage.steps.seekProgressBarSliderToCenter();
-            audioResponsePage.steps.startPlaybackCompactPreview();
-            audioResponsePage.steps.addWaitToPlayAudio(5000);
-            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
-        });
+            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 audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
-            audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:10', '00:10');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlayPlaybackButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPausePlaybackButton(), 'notExist');
-            audioResponsePage.steps.verifyProgressBarSliderPosition(99);
-        });
+            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.pausePlaybackCompactPreview();
+                audioResponsePage.steps.seekProgressBarSliderToCenter();
+                audioResponsePage.steps.startPlaybackCompactPreview();
+                audioResponsePage.steps.addWaitToPlayAudio(5000);
+                audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            });
 
-        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`
+            it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
+                audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:10', '00:10');
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlayPlaybackButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPausePlaybackButton(), 'notExist');
+                audioResponsePage.steps.verifyProgressBarSliderPosition(99);
             });
-        });
-    });
 
-    describe('Playback player : Volume control', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
+            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`
+                });
+            });
         });
 
-        audioResponsePage.tests.verifyVolumeControlFunctionality();
-    });
+        describe('Playback player : Volume control', () => {
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
+            });
 
-    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('Compact');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
+            audioResponsePage.tests.verifyVolumeControlFunctionality();
         });
 
-        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.recordAndSaveAudioCompactPreview(12000);
-                utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
-                audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
-                audioResponsePage.steps.startPlaybackCompactPreview();
-                audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
-                audioResponsePage.steps.addWaitToPlayAudio(4000);
-                audioResponsePage.steps.pausePlaybackCompactPreview();
-                audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Compact');
+        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('Compact');
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
             });
-        };
-    });
 
-    describe('Playback player : Retake my audio response', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
-            audioResponsePage.steps.setMaximumRecorderLength(10);
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioCompactPreview(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.recordAndSaveAudioCompactPreview(12000);
+                    utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
+                    audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
+                    audioResponsePage.steps.startPlaybackCompactPreview();
+                    audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
+                    audioResponsePage.steps.addWaitToPlayAudio(4000);
+                    audioResponsePage.steps.pausePlaybackCompactPreview();
+                    audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Compact');
+                });
+            };
+        });
+
+        describe('Playback player : Retake my audio response', () => {
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+                audioResponsePage.steps.setMaximumRecorderLength(10);
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioCompactPreview(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.retakeRecordingCompactPreview();
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
-            audioResponsePage.steps.verifyRetakePopupContents();
-        });
+            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.retakeRecordingCompactPreview();
+                utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
+                audioResponsePage.steps.verifyRetakePopupContents();
+            });
 
-        audioResponsePage.tests.verifyRetakePopupCSSAndA11y();
+            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.compactPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlaybackPlayButton(), 'visible');
-            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
-            audioResponsePage.steps.verifyPlaybackTimeCompactPreview('00:00', '00:10');
-        });
+            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.compactPreviewRetakeButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlaybackPlayButton(), 'visible');
+                audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+                audioResponsePage.steps.verifyPlaybackTimeCompactPreview('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.retakeRecordingCompactPreview();
-            audioResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingHelpText(), 'Recording...');
-            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
-            audioResponsePage.steps.verifyPlaybackTimeCompactPreview('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.retakeRecordingCompactPreview();
+                audioResponsePage.steps.confirmRetake();
+                audioResponsePage.steps.verifyRecordingTimeCompactPreview('00:02', '15:00');
+                utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+                utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Recording...');
+            });
         });
-    });
+    };
 });

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

@@ -78,6 +78,7 @@ describe('Create Item page - Audio response: Question instructions, Audio record
         });
 
         it('When the user selects "Compact" option in the Audio recorder style toggle buttons section, then "Timer", "Progress indicator", "Audio wave" and "Volume meter" options should be displayed and be selected by default in "Audio indicators" section', () => {
+            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
             audioResponsePage.steps.verifyAudioIndicatorsTimeButtonSelectedState();
             audioResponsePage.steps.verifyAudioIndicatorsProgressIndicatorButtonSelectedState();
             audioResponsePage.steps.verifyAudioIndicatorsAudioWaveButtonSelectedState();
@@ -193,7 +194,7 @@ describe('Create Item page - Audio response: Question instructions, Audio record
 
         it('When the user updates the \'Stop recording if silence is detected after\' value the validation text should disappear. User should be able to add only numeric values and should not able to add decimal points', () => {
             audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('150');
-            utilities.verifyElementVisibilityState(audioResponsePage.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(audioResponsePage.errorMessage(), 'hidden');
             audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('.10.0');
             audioResponsePage.steps.verifyStopRecordingIfSilenceIsDetectedInputFieldValue('100');
             audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('!@#abcde236');