itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-repoUpdate3May-f180558.0

package/cypress/e2e/ILC/ToolSettings/toolSettingsContent.js

@@ -5,7 +5,7 @@ import { dialogBoxBase, multipleSelectionPage, rulerPage } from "../../../pages"
 
 const css = Cypress.env('css');
 
-const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple calculator', 'Scientific calculator'];
+const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple Calculator', 'Scientific Calculator'];
 const lengthOfRuler = ['15 cm', '30 cm', '40 cm'];
 const rotationOptions = ['None', 'Allow rotation', 'Allow rotation and display angle'];
 const unitOfMeasurementOptions = ['Centimeter', 'Inch', 'Pixel', 'Both centimeter and inch', 'Custom image'];
@@ -62,7 +62,7 @@ describe('Create Item page: Tool settings', () => {
         it(`When \'Tool settings\' accordion is expanded, then \'Add tools\' and \'Select the tools that will be displayed to the students.\' labels should be displayed. Three tools ${tools} should be displayed with their labels, icons, drag handle button and edit icon. By default tools should not be selected`, () => {
             utilities.verifyInnerText(toolSettingsComponent.addToolsLabel(), 'Add tools');
             utilities.verifyInnerText(toolSettingsComponent.toolSettingsHelpText(), 'Select the tools that will be displayed to the students.');
-            utilities.verifyElementCount(toolSettingsComponent.toolButton(), 3);
+            utilities.verifyElementCount(toolSettingsComponent.toolButton(), 5);
             tools.forEach((toolName, toolIndex) => {
                 toolSettingsComponent.steps.verifyToolButton(toolIndex, toolName);
             });
@@ -117,8 +117,8 @@ describe('Create Item page: Tool settings', () => {
         it(`'Length of ruler' label and dropdown should be displayed and by default ${lengthOfRuler[0]} should be selected`, () => {
             utilities.verifyInnerText(rulerPage.lengthOfRulerLabel(), 'Length of ruler');
             utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerLabel(), 'visible');
-            rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(lengthOfRuler[0]);
-            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerDropdown(), 'exist');
+            rulerPage.steps.verifyLengthOfRulerOptions(lengthOfRuler[0]);
+            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerOptions(), 'exist');
         });
 
         it(`When user expands the \'Unit of measurement\' dropdown then list with five option ${unitOfMeasurementOptions} should be displayed`, () => {
@@ -134,7 +134,7 @@ describe('Create Item page: Tool settings', () => {
 
         it(`When user expands the \'Length of ruler\' dropdown then list with three options ${lengthOfRuler} should be displayed`, () => {
             rulerPage.steps.expandLengthOfRulerDropdown();
-            rulerPage.steps.verifyLengthOfRulerDropdownListOptions(lengthOfRuler);
+            rulerPage.steps.verifyLengthOfRulerOptions(lengthOfRuler);
         });
 
         it('When user selects an option from \'Length of ruler\' dropdown list, then dropdown list should disappear and selected option should be the active selection for the dropdown', () => {

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -32,7 +32,7 @@ describe('Tool settings content for all views', () => {
                         toolSettingsComponent.steps.expandToolSettingsAccordion();
                         toolSettingsComponent.steps.clickOnToolEditIcon(0);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                        toolSettingsComponent.steps.clickOnOkButton();
                         createQuestionBasePage.steps.switchToPreviewTab();
                         utilities.verifyElementVisibilityState(commonComponents.previewTabQuestionWrapper(), 'visible');
                         break;
@@ -117,10 +117,10 @@ describe('Tool settings content for all views', () => {
                         toolSettingsComponent.steps.expandToolSettingsAccordion();
                         toolSettingsComponent.steps.clickOnToolEditIcon(0);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                        toolSettingsComponent.steps.clickOnOkButton();
                         toolSettingsComponent.steps.clickOnToolEditIcon(1);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                        toolSettingsComponent.steps.clickOnOkButton();
                         createQuestionBasePage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

package/cypress/e2e/ILC/VideoResponseNew/additionalSettingsBasic.js

@@ -0,0 +1,77 @@
+import { videoResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Audio response - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        videoResponsePage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandAdditionalSettings();
+        });
+
+        videoResponsePage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.addTextInQuestionInstructionsInputField('Audio response');
+            videoResponsePage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                videoResponsePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(videoResponsePage.fontSizeDropdown(), `${option}`);
+                videoResponsePage.steps.switchToPreviewTab();
+                utilities.verifyCSS(videoResponsePage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                videoResponsePage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandAdditionalSettings();
+        });
+
+        videoResponsePage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('audio response');
+            videoResponsePage.steps.expandAdditionalSettings();
+        });
+
+        videoResponsePage.tests.verifyAllowTeachersToDownloadStudentResponseSection();
+
+        videoResponsePage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,313 @@
+import { videoResponsePage } from '../../../pages/videoResponsePage';
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from '../../../support/helpers/utilities';
+const css = Cypress.env('css');
+
+describe('Create Item page - video response: Customize playback controls', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Customize playback controls (for student player)\' section for - Standard recorder style', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video 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(videoResponsePage.customizePlaybackControlsAccordion(), 'Customize playback controls (for student player)');
+            videoResponsePage.steps.verifyCustomizePlaybackControlsAccordionCollapsedState();
+        });
+
+        it('User should be able to expand and collapse \'Customize playback controls (for student player)\' accordion', () => {
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+            videoResponsePage.steps.collapseCustomizePlaybackControlsAccordion();
+        });
+
+        it('\'Controls for playback\' label should be displayed', () => {
+            cy.log('Pre-step : Expanding \'Customize playback controls (for student player)\' accordion');
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+            utilities.verifyInnerText(videoResponsePage.controlsForPlaybackLabel(), 'Controls for playback');
+        });
+
+        it('\'Controls for playback\' options - "Play", "Pause", "Seek", "Record again", "Volume", "Playback speed", "Full screen" and "Forward/Backward" should be displayed. By default, all options except for "Forward/Backward" should be in selected state', () => {
+            utilities.verifyElementVisibilityState(videoResponsePage.playButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 0), 'Play');
+            utilities.verifyElementVisibilityState(videoResponsePage.pauseButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 1), 'Pause');
+            utilities.verifyElementVisibilityState(videoResponsePage.seekButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 2), 'Seek');
+            utilities.verifyElementVisibilityState(videoResponsePage.recordAgainButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 3), 'Record again');
+            utilities.verifyElementVisibilityState(videoResponsePage.volumeButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 4), 'Volume');
+            utilities.verifyElementVisibilityState(videoResponsePage.playbackSpeedButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 5), 'Playback speed');
+            utilities.verifyElementVisibilityState(videoResponsePage.fullScreenButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 6), 'Full screen');
+            utilities.verifyElementVisibilityState(videoResponsePage.forwardBackwardButtonControlsForPlayback(), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 7), 'Forward/Backward');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Play');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Pause');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Seek');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Record again');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Volume');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Playback speed');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Full screen');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Forward/Backward');
+        });
+
+        it('CSS of \'Customize playback controls (for student player)\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(videoResponsePage.customizePlaybackControlsAccordion().find('.customize_recorder_label'), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(videoResponsePage.controlsForPlaybackLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(videoResponsePage.playButtonControlsForPlayback(), {
+                'color': css.color.defaultBackground,
+                'background-color': css.color.activeButtons,
+                'border': `1px solid ${css.color.activeButtons}`
+            });
+            utilities.verifyCSS(videoResponsePage.forwardBackwardButtonControlsForPlayback(), {
+                'color': css.color.secondaryBtn,
+                'background-color': css.color.secondaryBtnBg,
+                'border': `1px solid ${css.color.secondaryBtnBorder}`
+            });
+            utilities.verifyCSS(videoResponsePage.tickIconForOptionButtons(), {
+                'background-color': css.color.defaultBackground,
+            });
+            utilities.verifyCSS(videoResponsePage.tickIconForOptionButtons().find('[data-name="Icon feather-check"]'), {
+                'fill': css.color.activeButtons,
+            });
+            utilities.verifyCSS(videoResponsePage.controlsForPlaybackButtonLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('When the user deselects the \'Play\' button, all other controls for playback buttons except "Record again" should get deselected and disabled. Progress indicator and timer buttons should also get deselected from the \'Video settings\' section. The timer button should be in enabled state', () => {
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Play');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Play');
+            utilities.verifyElementDisabled(videoResponsePage.pauseButtonControlsForPlayback());
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Pause');
+            utilities.verifyElementDisabled(videoResponsePage.pauseButtonControlsForPlayback());
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Seek');
+            utilities.verifyElementDisabled(videoResponsePage.seekButtonControlsForPlayback());
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Record again');
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Volume');
+            utilities.verifyElementDisabled(videoResponsePage.volumeButtonControlsForPlayback());
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Playback speed');
+            utilities.verifyElementDisabled(videoResponsePage.playbackSpeedButtonControlsForPlayback());
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Full screen');
+            utilities.verifyElementDisabled(videoResponsePage.fullScreenButtonControlsForPlayback());
+            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Forward/Backward');
+            utilities.verifyElementDisabled(videoResponsePage.forwardBackwardButtonControlsForPlayback());
+            videoResponsePage.steps.verifyVideoSettingsToggleButtonDeselectedState('Timer');
+            utilities.verifyElementNotDisabled(videoResponsePage.timerButtonVideoSettings());
+            videoResponsePage.steps.verifyVideoSettingsToggleButtonDeselectedState('Progress indicator');
+            utilities.verifyElementDisabled(videoResponsePage.progressIndicatorButtonVideoSettings());
+        });
+
+        //Note: Need to update below case after https://redmine.zeuslearning.com/issues/570839 gets resolved
+        it('When the user selects the \'Play\' button, "Pause", "Volume", "Playback speed" and "Full screen" should get enabled. "Progress indicator" and "Timer" buttons should also get enabled from the \'Video settings\' section. "Seek" button should continue to stay in disabled state while "Progress indicator" is in deselected state.', () => {
+            videoResponsePage.steps.selectControlsForPlaybackToggleButton('Play');
+            utilities.verifyElementNotDisabled(videoResponsePage.pauseButtonControlsForPlayback());
+            utilities.verifyElementDisabled(videoResponsePage.seekButtonControlsForPlayback());
+            utilities.verifyElementNotDisabled(videoResponsePage.volumeButtonControlsForPlayback());
+            utilities.verifyElementNotDisabled(videoResponsePage.playbackSpeedButtonControlsForPlayback());
+            utilities.verifyElementNotDisabled(videoResponsePage.fullScreenButtonControlsForPlayback());
+            utilities.verifyElementNotDisabled(videoResponsePage.timerButtonVideoSettings());
+            utilities.verifyElementNotDisabled(videoResponsePage.progressIndicatorButtonVideoSettings());
+        });
+
+        it('When the user selects the "Progress indicator" button, "Seek" button should get enabled', () => {
+            videoResponsePage.steps.selectVideoSettingsToggleButton('Progress indicator');
+            utilities.verifyElementNotDisabled(videoResponsePage.seekButtonControlsForPlayback());
+        });
+    });
+
+    describe('Controls for playback - Play', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.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', () => {
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            utilities.verifyElementVisibilityState(videoResponsePage.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');
+            videoResponsePage.steps.switchToEditTab();
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Play');
+            cy.log('Switching to Preview tab');
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'notExist');
+        });
+    });
+
+    describe('Controls for playback - Pause', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Pause\' option is selected the pause button should be enabled in the preview tab', () => {
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            utilities.verifyElementNotDisabled(videoResponsePage.playbackPauseButton());
+        });
+
+        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', () => {
+            videoResponsePage.steps.switchToEditTab();
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Pause');
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            utilities.verifyElementDisabled(videoResponsePage.playbackPauseButton());
+        });
+    });
+
+    describe('Controls for playback - Seek', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+        });
+
+        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 video from the progress bar and waveform', () => {
+            let actualVideoSeekedInPercent = 50
+            videoResponsePage.steps.startPlayback();
+            videoResponsePage.steps.waitForPlaybackToBegin();
+            cy.log('Clicking at the middle of the progress bar to seek till 50% of the recording');
+            videoResponsePage.steps.seekProgressBarSliderToCenter();
+            videoResponsePage.steps.verifyProgressBarSliderPosition(actualVideoSeekedInPercent);
+            utilities.verifyElementVisibilityState(videoResponsePage.progressBarSlider(), 'visible');
+        });
+
+        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 video from the progress bar and waveform', () => {
+            let actualVideoSeekedInPercent = 25
+            cy.log('Pre-step: Switching to Edit tab, deselecting \'Seek\' button, switching back to Preview tab and saving a record response');
+            videoResponsePage.steps.switchToEditTab();
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Seek');
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(4000);
+            videoResponsePage.steps.startPlayback();
+            videoResponsePage.steps.waitForPlaybackToBegin();
+            videoResponsePage.steps.pausePlayback();
+            cy.log('Clicking at the middle of the progress bar to seek till 50% of the recording');
+            videoResponsePage.steps.seekProgressBarSliderToCenter();
+            videoResponsePage.steps.verifyProgressBarSliderPosition(actualVideoSeekedInPercent);
+            utilities.verifyElementVisibilityState(videoResponsePage.progressBarSlider(), 'hidden');
+        });
+    });
+
+    describe('Controls for playback - Record again', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Record again\' option is selected the record again button should be enabled in the preview tab', () => {
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            utilities.verifyElementNotDisabled(videoResponsePage.retakeRecordingButton());
+        });
+
+        it('In standard mode, when the record again option is deselected the record again button should be disabled in the preview tab and player should not able to retake the recorded response', () => {
+            videoResponsePage.steps.switchToEditTab();
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Record again');
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            utilities.verifyElementVisibilityState(videoResponsePage.retakeRecordingButton(), 'notExist');
+        });
+    });
+
+    describe('Controls for playback - Volume', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Volume\' option is selected the volume button should be enabled in the preview tab', () => {
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            videoResponsePage.steps.verifyVolumeButtonEnabledState();
+        });
+
+        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');
+            videoResponsePage.steps.switchToEditTab();
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Volume');
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            utilities.verifyElementVisibilityState(videoResponsePage.volumeControlButton(), 'notExist');
+        });
+    });
+
+    describe('Controls for playback - Playback speed', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
+        });
+
+        it('In standard mode, when the \'Playback speed\' option is selected the \'Playback speed\' button should be enabled in the preview tab', () => {
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            videoResponsePage.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');
+            videoResponsePage.steps.switchToEditTab();
+            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Playback speed');
+            videoResponsePage.steps.switchToPreviewTab();
+            videoResponsePage.steps.recordAndSaveVideo(5000);
+            videoResponsePage.steps.startPlayback();
+            utilities.verifyElementVisibilityState(videoResponsePage.playbackSpeedButton(), 'notExist');
+        });
+    });
+
+    //Note: Complete cases when feature is made available
+    describe.skip('Controls for playback - Forward/Backward', () => {
+        abortEarlySetup();
+        before(() => {
+        });
+
+        it('In standard mode, when the \'Forward/Backward\' option is selected the \'Forward/Backward\' button should be enabled in the preview tab', () => {
+
+        });
+
+        it('In standard mode, when the \'Forward/Backward\' option is deselected \'Forward/Backward\' button should not be displayed on the playback player', () => {
+        });
+    });
+});

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

@@ -0,0 +1,99 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { videoResponsePage } 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(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+        });
+
+        videoResponsePage.tests.verifyScoringTypeLabelAndDropdown('Manually scored');
+    });
+
+    describe('Scoring section: Manually scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video 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', () => {
+            videoResponsePage.steps.expandScoringTypeDropdown();
+            videoResponsePage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            videoResponsePage.steps.verifyDefaultPointsLabelAndInputField();
+            videoResponsePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+
+        it('When the user focuses in and out of the empty points input field, error message should not be displayed', () => {
+            videoResponsePage.steps.focusInAndFocusOutOfPointsInputField(0)
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
+        });
+
+        it('The user should be able to enter point in points input field', () => {
+            videoResponsePage.steps.allotPoints(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');
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.addTextInQuestionInstructionsInputField('Record a video');
+            videoResponsePage.steps.allotPoints(10);
+            videoResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, Question instructions and video recorder interface should be displayed', () => {
+            utilities.verifyInnerText(videoResponsePage.questionInstructionsText(), 'Record a video')
+            utilities.verifyElementVisibilityState(videoResponsePage.videoRecorderWrapper(), 'visible');
+        });
+
+        videoResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored')
+    });
+
+    describe('Scoring section: Non Scored scoring type', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video 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.')
+            videoResponsePage.steps.expandScoringTypeDropdown();
+            videoResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        videoResponsePage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+
+        videoResponsePage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+
+    describe('Question Preview: Non scored scoring', () => {
+        abortEarlySetup();
+        before(() => {
+            videoResponsePage.steps.navigateToCreateQuestion('video response');
+            cy.barsPreLoaderWait();
+            videoResponsePage.steps.addTextInQuestionInstructionsInputField('Record a video');
+            videoResponsePage.steps.expandScoringTypeDropdown();
+            videoResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            videoResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, Question instructions and audio recorder interface should be displayed', () => {
+            utilities.verifyInnerText(videoResponsePage.questionInstructionsText(), 'Record a video')
+            utilities.verifyElementVisibilityState(videoResponsePage.videoRecorderWrapper(), 'visible');
+        });
+
+        videoResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+    });
+});