itemengine-cypress-automation 1.0.113 → 1.0.114

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

@@ -0,0 +1,488 @@
+import { audioResponsePage } from '../../../pages/audioResponsePage';
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from '../../../support/helpers/utilities';
+const css = Cypress.env('css');
+
+describe('Create Item page - Audio response: Customize playback controls', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Customize playback controls (for student player)\' section', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Customize playback controls (for student player)\' accordion should be displayed and by default it should be in collapsed state', () => {
+            utilities.verifyInnerText(audioResponsePage.customizePlaybackControlsAccordion(), 'Customize playback controls (for student player)');
+            audioResponsePage.steps.verifyCustomizePlaybackControlsAccordionCollapsedState();
+        });
+
+        it('User should be able to expand and collapse \'Customize playback controls (for student player)\' accordion', () => {
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+            audioResponsePage.steps.collapseCustomizePlaybackControlsAccordion();
+        });
+
+        it('\'Controls for playback\' label should be displayed', () => {
+            cy.log('Pre-step : Expanding \'Customize playback controls (for student player)\' accordion');
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+            utilities.verifyInnerText(audioResponsePage.controlsForPlaybackLabel(), 'Controls for playback');
+        });
+
+        it('\'Controls for playback\' options - "Play", "Pause", "Seek", "Volume" and "Playback speed" should be displayed. By default, all options should be in selected state', () => {
+            utilities.verifyElementVisibilityState(audioResponsePage.controlsForPlaybackPlayButton(), 'visible');
+            utilities.verifyInnerText(audioResponsePage.controlsForPlaybackPlayButtonLabel(), 'Play');
+            utilities.verifyElementVisibilityState(audioResponsePage.controlsForPlaybackPauseButton(), 'visible');
+            utilities.verifyInnerText(audioResponsePage.controlsForPlaybackPauseButtonLabel(), 'Pause');
+            utilities.verifyElementVisibilityState(audioResponsePage.controlsForPlaybackSeekButton(), 'visible');
+            utilities.verifyInnerText(audioResponsePage.controlsForPlaybackSeekButtonLabel(), 'Seek');
+            utilities.verifyElementVisibilityState(audioResponsePage.controlsForPlaybackVolumeButton(), 'visible');
+            utilities.verifyInnerText(audioResponsePage.controlsForPlaybackVolumeButtonLabel(), 'Volume');
+            utilities.verifyElementVisibilityState(audioResponsePage.controlsForPlaybackPlaybackSpeedButton(), 'visible');
+            utilities.verifyInnerText(audioResponsePage.controlsForPlaybackPlaybackSpeedButtonLabel(), 'Playback speed');
+            audioResponsePage.steps.verifyControlsForPlaybackPlayButtonSelectedState();
+            audioResponsePage.steps.verifyControlsForPlaybackPauseButtonSelectedState();
+            audioResponsePage.steps.verifyControlsForPlaybackSeekButtonSelectedState();
+            audioResponsePage.steps.verifyControlsForPlaybackVolumeButtonSelectedState();
+            audioResponsePage.steps.verifyControlsForPlaybackPlaybackSpeedButtonSelectedState();
+        });
+
+        it('CSS of \'Customize playback controls (for student player)\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioResponsePage.customizePlaybackControlsAccordion().find('.customize_recorder_label'), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(audioResponsePage.controlsForPlaybackLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioResponsePage.controlsForPlaybackPlayButton(), {
+                'color': css.color.defaultBackground,
+                'background-color': css.color.activeButtons,
+                'border': `1px solid ${css.color.activeButtons}`
+            });
+            utilities.verifyCSS(audioResponsePage.tickIconForOptionButtons(), {
+                'background-color': css.color.defaultBackground,
+            });
+            utilities.verifyCSS(audioResponsePage.tickIconForOptionButtons().find('[data-name="Icon feather-check"]'), {
+                'fill': css.color.activeButtons,
+            });
+            utilities.verifyCSS(audioResponsePage.controlsForPlaybackPlayButtonLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('When the user deselects the \'Play\' button, all other control for playback buttons should get deselected and disabled. Progress indicator and audio waveform buttons should also get disabled from the \'Audio indicators\' section', () => {
+            audioResponsePage.steps.deselectControlsForPlaybackPlayButton();
+            utilities.verifyElementDisabled(audioResponsePage.controlsForPlaybackPauseButton());
+            utilities.verifyElementDisabled(audioResponsePage.controlsForPlaybackSeekButton());
+            utilities.verifyElementDisabled(audioResponsePage.controlsForPlaybackVolumeButton());
+            utilities.verifyElementDisabled(audioResponsePage.controlsForPlaybackPlaybackSpeedButton());
+            utilities.verifyElementDisabled(audioResponsePage.audioIndicatorsProgressIndicatorButton());
+            utilities.verifyElementDisabled(audioResponsePage.audioIndicatorsAudioWaveButton());
+        });
+
+        it('When the user selects the \'Play\' button, "Pause", "Volume" and "Playback speed" should get enabled. "Progress indicator" and "audio waveform" buttons should also get enabled from the \'Audio indicators\' section. "Seek" button should continue to stay in disabled state while "Progress indicator" is in deselected state.', () => {
+            audioResponsePage.steps.selectControlsForPlaybackPlayButton();
+            utilities.verifyElementNotDisabled(audioResponsePage.controlsForPlaybackPauseButton());
+            utilities.verifyElementDisabled(audioResponsePage.controlsForPlaybackSeekButton());
+            utilities.verifyElementNotDisabled(audioResponsePage.controlsForPlaybackVolumeButton());
+            utilities.verifyElementNotDisabled(audioResponsePage.controlsForPlaybackPlaybackSpeedButton());
+            utilities.verifyElementNotDisabled(audioResponsePage.audioIndicatorsProgressIndicatorButton());
+            utilities.verifyElementNotDisabled(audioResponsePage.audioIndicatorsAudioWaveButton());
+            audioResponsePage.steps.verifyAudioIndicatorsProgressIndicatorButtonDeselectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsAudioWaveformButtonDeselectedState();
+        });
+
+        it('When the user selects the "Progress indicator" button, "Seek" button should get enabled', () => {
+            audioResponsePage.steps.selectAudioIndicatorsProgressIndicatorButton();
+            utilities.verifyElementNotDisabled(audioResponsePage.controlsForPlaybackSeekButton());
+        });
+    });
+
+    describe('Controls for playback- Play', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.setMaximumRecorderLength('5');
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Play\' option is selected the play button should be enabled in the playback player of preview tab', () => {
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
+        });
+
+        it('In standard mode, when the play option is deselected the play button should be disabled in the preview tab and player should not able to playback the recording', () => {
+            cy.log('Pre-step : Switching to Edit tab and deselecting Play button');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackPlayButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            utilities.verifyElementDisabled(audioResponsePage.playbackPlayButton());
+        });
+
+        it('In compact mode, when the play option is selected the playback button should be enabled in the preview tab', () => {
+            cy.log('Pre-step: Switching to Edit tab and selecting compact audio recorder style and switching back to preview tab');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+            audioResponsePage.steps.selectControlsForPlaybackPlayButton();
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+        });
+
+        it('In compact mode, when the play option is deselected the playback button should not be displayed in the preview tab and user should not able to playback the recording', () => {
+            cy.log('Pre-step: Switching to Edit tab');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackPlayButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            utilities.verifyElementVisibilityState(audioResponsePage.compactPreviewPlaybackPlayButton(), 'notExist');
+        });
+    });
+
+    describe('Controls for playback - Pause', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.setMaximumRecorderLength('5');
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Pause\' option is selected the pause button should be enabled in the preview tab', () => {
+            cy.log('Pre-step: Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.startPlayback();
+            audioResponsePage.steps.verifyPausePlaybackButtonEnabledState();
+        });
+
+        it('In standard mode, when the pause option is deselected the pause button should be disabled in the preview tab and player should not able to pause recorded response', () => {
+            cy.log('Pre-step: Switching to Edit tab');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackPauseButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.startPlayback();
+            utilities.verifyElementDisabled(audioResponsePage.playbackPauseButton());
+        });
+
+        it('In compact mode, when the pause option is selected the pause button should be enabled in the preview tab', () => {
+            cy.log('Pre-step: Switching to Edit tab and selecting compact audio recorder style option from audio recorder style dropdown');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+            audioResponsePage.steps.selectControlsForPlaybackPauseButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            audioResponsePage.steps.verifyPausePlaybackButtonEnabledStateCompactPreview();
+        });
+
+        it('In compact mode, when the pause option is deselected the pause button should be disabled in the preview tab and player should not able to paused recorded response', () => {
+            cy.log('Pre-step: Switching to Edit tab');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackPauseButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            utilities.verifyElementDisabled(audioResponsePage.compactPreviewPausePlaybackButton());
+        });
+    });
+
+    describe('Controls for playback - Seek', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(10000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+        });
+
+        it('In standard mode, when the \'Seek\' option is selected the seek functionality should be enabled in the preview tab user should be able to seek the audio from the progress bar and waveform', () => {
+            let actualAudioSeekedInPercent = 50
+            audioResponsePage.steps.startPlayback();
+            audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
+            cy.log('Clicking at the middle of the progress bar to seek till 50% of the recording');
+            audioResponsePage.steps.seekProgressBarSliderToCenter();
+            audioResponsePage.steps.addWaitToPlayAudio(1000);
+            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            utilities.verifyElementVisibilityState(audioResponsePage.progressBarSlider(), 'visible');
+            utilities.hoverOverElement(audioResponsePage.playbackWaveform());
+            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'visible');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'hidden');
+        });
+
+        it('In standard mode, when the \'Seek\' option is deselected, the progress bar should not have a slider handle and waveform should not have cursor if user hover on it and user should not be able to seek the audio from the progress bar and waveform', () => {
+            let actualAudioSeekedInPercent = 25
+            cy.log('Pre-step: Switching to Edit tab, deselecting \'Seek\' button, switching back to Preview tab and saving a record response');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackSeekButton();
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(4000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlayback();
+            audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
+            audioResponsePage.steps.pausePlayback();
+            cy.log('Clicking at the middle of the progress bar to seek till 50% of the recording');
+            audioResponsePage.steps.seekProgressBarSliderToCenter();
+            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            audioResponsePage.steps.verifyAudioWaveformProgressPosition(actualAudioSeekedInPercent);
+            cy.log('Clicking on the waveform to seek till 75% of the recording');
+            audioResponsePage.steps.seekPlaybackWaveformTo75Percent();
+            cy.log('Checking value of progress bar after seeking on waveform');
+            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            audioResponsePage.steps.verifyAudioWaveformProgressPosition(actualAudioSeekedInPercent);
+            utilities.verifyElementVisibilityState(audioResponsePage.progressBarSlider(), 'hidden');
+            utilities.hoverOverElement(audioResponsePage.playbackWaveform());
+            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'hidden');
+        });
+
+        it('In compact mode, when \'Seek\' option is selected user should be able to seek the audio from the progress bar and waveform', () => {
+            let actualAudioSeekedInPercent = 50
+            cy.log('Pre-step: Switching to Edit tab and selecting compact audio recorder style option from audio recorder style dropdown and switching back to preview tab and saving a recording response');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+            audioResponsePage.steps.selectControlsForPlaybackSeekButton();
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(9000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
+            audioResponsePage.steps.pausePlaybackCompactPreview();
+            cy.log('Clicking at the middle of the progress bar to seek till 50% of the recording');
+            audioResponsePage.steps.seekProgressBarSliderToCenter();
+            audioResponsePage.steps.addWaitToPlayAudio(1000);
+            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            utilities.verifyElementVisibilityState(audioResponsePage.progressBarSlider(), 'visible');
+            utilities.hoverOverElement(audioResponsePage.playbackWaveform());
+            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'visible');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'hidden');
+        });
+
+        it('In compact mode, when \'Seek\' option is deselected, on hover the progress bar should not have a slider handle and waveform should not have cursor if user hover on it and user should not able to change the play pointer position on the progress bar and waveform', () => {
+            let actualAudioSeekedInPercent = 25
+            cy.log('Pre-step : Switching to Edit tab, deselecting \'Seek\' and switching back to Preview tab and saving a recording response');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackSeekButton();
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(4000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            audioResponsePage.steps.waitForPlaybackToBeginCompactPreview();
+            audioResponsePage.steps.pausePlaybackCompactPreview();
+            cy.log('Clicking at the middle of the progress bar to seek till 50% of the recording');
+            audioResponsePage.steps.seekProgressBarSliderToCenter();
+            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            audioResponsePage.steps.verifyAudioWaveformProgressPosition(actualAudioSeekedInPercent);
+            cy.log('Clicking on the waveform to seek till 75% of the recording');
+            audioResponsePage.steps.seekPlaybackWaveformTo75Percent();
+            cy.log('Checking value of progress bar after seeking on waveform');
+            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            audioResponsePage.steps.verifyAudioWaveformProgressPosition(actualAudioSeekedInPercent);
+            utilities.verifyElementVisibilityState(audioResponsePage.progressBarSlider(), 'hidden');
+            utilities.hoverOverElement(audioResponsePage.playbackWaveform());
+            utilities.verifyElementVisibilityState(audioResponsePage.waveformCursor(), 'hidden');
+        });
+    });
+
+    describe('Controls for playback - Volume', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.setMaximumRecorderLength('5');
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Volume\' option is selected the volume button should be enabled in the preview tab', () => {
+            cy.log('Pre-step : Switches to Preview tab and saves a recording');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.startPlayback();
+            audioResponsePage.steps.verifyPlaybackSpeedButtonEnabledState();
+        });
+
+        it('In standard mode, when the volume option is deselected \'volume\' should not be displayed on the playback player', () => {
+            cy.log('Pre-step : User switches to Edit tab, deselects \'volume\' button, switches back to Preview tab and saves a recording');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackVolumeButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlayback();
+            utilities.verifyElementVisibilityState(audioResponsePage.volumeControlButton(), 'notExist');
+        });
+
+        it('In compact mode, when the volume option is selected the volume button should be enabled in the preview tab', () => {
+            cy.log('Pre-step: Switching to Edit tab and selecting compact audio recorder style option from audio recorder style dropdown');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+            audioResponsePage.steps.selectControlsForPlaybackVolumeButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            audioResponsePage.steps.verifyPlaybackSpeedButtonEnabledState();
+        });
+
+        it('In compact mode, when the volume option is deselected the volume button should not be displayed in the preview tab', () => {
+            cy.log('Pre-step : Switching to Edit tab, deselecting \'volume\' button and switching back to Preview tab');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackVolumeButton();
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            utilities.verifyElementVisibilityState(audioResponsePage.volumeControlButton(), 'notExist');
+        });
+    });
+
+    describe('Controls for playback - Playback speed', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.setMaximumRecorderLength('5');
+            audioResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Playback speed\' option is selected the \'Playback speed\' button should be enabled in the preview tab', () => {
+            cy.log('Pre-step : Switches to Preview tab and saves a recording');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.startPlayback();
+            audioResponsePage.steps.verifyPlaybackSpeedButtonEnabledState();
+        });
+
+        it('In standard mode, when the \'Playback speed\' option is deselected \'Playback speed\' button should not be displayed on the playback player', () => {
+            cy.log('Pre-step : User switches to Edit tab, deselects \'Playback speed\' button, switches back to Preview tab and saves a recording');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackPlaybackSpeedButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingStandardPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlayback();
+            utilities.verifyElementVisibilityState(audioResponsePage.playbackSpeedButton(), 'notExist');
+        });
+
+        it('In compact mode, when the \'Playback speed\' option is selected the \'Playback speed\' button should be enabled in the preview tab', () => {
+            cy.log('Pre-step: Switching to Edit tab and selecting compact audio recorder style option from audio recorder style dropdown');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+            audioResponsePage.steps.selectControlsForPlaybackPlaybackSpeedButton();
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            audioResponsePage.steps.verifyPlaybackSpeedButtonEnabledState();
+        });
+
+        it('In compact mode, when the \'Playback speed\' option is deselected the \'Playback speed\' button should not be displayed in the preview tab', () => {
+            cy.log('Pre-step : Switching to Edit tab, deselecting \'Playback speed\' button and switching back to Preview tab');
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.deselectControlsForPlaybackPlaybackSpeedButton();
+            audioResponsePage.steps.switchToPreviewTab();
+            cy.log('Clicking on start recording and letting it record until maximum recorder length of 5 seconds is reached');
+            audioResponsePage.steps.startRecordingCompactPreview();
+            audioResponsePage.steps.waitForRecordingToStartCompactPreview();
+            audioResponsePage.steps.addWaitToRecordAudio(3000);
+            audioResponsePage.steps.stopRecordingCompactPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.startPlaybackCompactPreview();
+            utilities.verifyElementVisibilityState(audioResponsePage.playbackSpeedButton(), 'notExist');
+        });
+    });
+});

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

@@ -0,0 +1,92 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { audioResponsePage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create question page - Audio response: Scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        audioResponsePage.tests.verifyScoringTypeLabelAndDropdown('Manually scored');
+    });
+
+    describe('Scoring section: Manually scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects \'Manually scored\' option from the Scoring type dropdown, then the \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed', () => {
+            audioResponsePage.steps.expandScoringTypeDropdown();
+            audioResponsePage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            audioResponsePage.steps.verifyDefaultPointsLabelAndInputField();
+            audioResponsePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+
+        audioResponsePage.tests.verifyPointsFieldErrorState(10);
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding question instructions and options, select Manually Scored scoring type and add points for the question');
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.addTextInQuestionInstructionsInputField('Record an audio');
+            audioResponsePage.steps.allotPoints(10);
+            audioResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, Question instructions and audio recorder interface should be displayed', () => {
+            utilities.verifyInnerText(audioResponsePage.questionInstructionsText(), 'Record an audio')
+            utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRecorderWrapper(), 'visible');
+        });
+
+        audioResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored')
+    });
+
+    describe('Scoring section: Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non Scored\' option from the Scoring Type dropdown', () => {
+            cy.log('Pre-step: Opening the scoring type dropdown.')
+            audioResponsePage.steps.expandScoringTypeDropdown();
+            audioResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        audioResponsePage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+
+        audioResponsePage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+
+    describe('Question Preview: Non scored scoring', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.addTextInQuestionInstructionsInputField('Record an audio');
+            audioResponsePage.steps.expandScoringTypeDropdown();
+            audioResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            audioResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, Question instructions and audio recorder interface should be displayed', () => {
+            utilities.verifyInnerText(audioResponsePage.questionInstructionsText(), 'Record an audio')
+            utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRecorderWrapper(), 'visible');
+        });
+
+        audioResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+    });
+});