itemengine-cypress-automation 1.0.193-9MayExecutionFixes-2de7bda.0 → 1.0.193-packageUpdated-87a683f.0

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

@@ -1,300 +0,0 @@
-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 (for student player) - Compact recorder style', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('\'Customize playback controls (for student player)\' section for - Compact recorder style', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-        });
-
-        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(), 'notExist');
-            utilities.verifyElementVisibilityState(videoResponsePage.forwardBackwardButtonControlsForPlayback(), 'notExist');
-            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');
-        });
-
-        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.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.customizeControlButtonLabels,
-                '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.verifyVideoSettingsToggleButtonSelectedState('Timer');
-            utilities.verifyElementNotDisabled(videoResponsePage.timerButtonVideoSettings());
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonDeselectedState('Progress indicator');
-            utilities.verifyElementDisabled(videoResponsePage.progressIndicatorButtonVideoSettings());
-        });
-
-        it('When the user selects the \'Play\' button, "Pause", "Volume", "Playback speed" should get enabled but continue to stay in deselected state. "Progress indicator" 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());
-            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Pause');
-            utilities.verifyElementDisabled(videoResponsePage.seekButtonControlsForPlayback());
-            utilities.verifyElementNotDisabled(videoResponsePage.volumeButtonControlsForPlayback());
-            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Volume');
-            utilities.verifyElementNotDisabled(videoResponsePage.playbackSpeedButtonControlsForPlayback());
-            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Playback speed');
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Timer');
-            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.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
-        });
-
-        it('In compact 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.recordAndSaveVideoCompactPreview(5000);
-            utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackButtonCompactPreview(), 'visible');
-            utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackFlyoutButton(), 'visible');
-        });
-
-        it('In compact 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. "Your response has been recorded." should be displayed in the flyout', () => {
-            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.recordAndSaveVideoCompactPreview(5000);
-            utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackButtonCompactPreview(), 'notExist');
-            utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackFlyoutButton(), 'notExist');
-            utilities.verifyInnerText(videoResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-        });
-    });
-
-    describe('Controls for playback - Pause', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
-        });
-
-        it('In compact mode, when the \'Pause\' option is selected the pause button should be enabled in the preview tab', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            utilities.verifyElementNotDisabled(videoResponsePage.pausePlaybackButtonCompactPreview());
-            utilities.verifyElementNotDisabled(videoResponsePage.pausePlaybackFlyoutButton());
-        });
-
-        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 pause recorded response', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.deselectControlsForPlaybackToggleButton('Pause');
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            utilities.verifyElementDisabled(videoResponsePage.pausePlaybackButtonCompactPreview());
-            utilities.verifyElementDisabled(videoResponsePage.pausePlaybackFlyoutButton());
-        });
-    });
-
-    describe('Controls for playback - Seek', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideoCompactPreview(5000);
-        });
-
-        it('In compact 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.startPlaybackCompactPreview();
-            videoResponsePage.steps.waitForPlaybackToBeginCompactPreview();
-            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(), 'exist');
-        });
-
-        it('In compact 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.recordAndSaveVideoCompactPreview(4000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            videoResponsePage.steps.waitForPlaybackToBeginCompactPreview();
-            videoResponsePage.steps.pausePlaybackCompactPreview();
-            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.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
-        });
-
-        it('In compact mode, when the \'Record again\' option is selected the record again button should be enabled in the preview tab', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            utilities.verifyElementNotDisabled(videoResponsePage.retakeButtonCompactPreview());
-        });
-
-        it('In compact 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.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.retakeButtonCompactPreview(), 'notExist');
-        });
-    });
-
-    describe('Controls for playback - Volume', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
-        });
-
-        it('In compact mode, when the \'Volume\' option is selected the volume button should be enabled in the preview tab', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            videoResponsePage.steps.verifyVolumeButtonEnabledState();
-        });
-
-        it('In compact 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.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.volumeControlButton(), 'notExist');
-        });
-    });
-
-    describe('Controls for playback - Playback speed', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.expandCustomizePlaybackControlsAccordion();
-        });
-
-        it('In compact mode, when the \'Playback speed\' option is selected the \'Playback speed\' button should be enabled in the preview tab', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            videoResponsePage.steps.verifyPlaybackSpeedButtonEnabledState();
-        });
-
-        it('In compact 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.recordAndSaveVideoCompactPreview(5000);
-            videoResponsePage.steps.startPlaybackCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.playbackSpeedButton(), 'notExist');
-        });
-    });
-});

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

@@ -1,268 +0,0 @@
-import { dialogBoxBase } from "../../../pages";
-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 - Audio response: Student view settings for Compact recorder style', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Video settings : Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-        });
-
-        videoResponsePage.tests.verifyStudentViewSettingsLabelAndCSS();
-
-        it('\'Video settings\' label should be displayed', () => {
-            utilities.verifyInnerText(videoResponsePage.videoSettingsLabel(), 'Video settings');
-        });
-
-        //Note: Add assertions of "Blur background", "Mirror video" when made available
-        it('\'Video settings\' options - "Timer" and "Progress indicator" should be displayed. "Blur background", "Mirror video" options should not be displayed. By default, all options should be in selected state', () => {
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Timer');
-            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.videoSettingsButtonLabel(), 0), 'Timer');
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Progress indicator');
-            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.videoSettingsButtonLabel(), 1), 'Progress indicator');
-        });
-
-        it('"Allow students to resize video recorder" label and checkbox should be displayed. By default the checkbox should be checked', () => {
-            utilities.verifyInnerText(videoResponsePage.allowStudentsToResizeVideoRecorderLabel(), "Allow students to resize video recorder");
-            videoResponsePage.steps.verifyAllowStudentsToResizeVideoRecorderCheckboxCheckedState();
-        });
-
-        it('"Allow students to reposition video recorder" label and checkbox should be displayed. By default the checkbox should be checked', () => {
-            utilities.verifyInnerText(videoResponsePage.allowStudentsToRepositionVideoRecorderLabel(), "Allow students to reposition video recorder");
-            videoResponsePage.steps.verifyAllowStudentsToRepositionVideoRecorderCheckboxCheckedState();
-        });
-
-        videoResponsePage.tests.verifyLimitNumberOfRetakeCheckboxDefaultState();
-
-        it('CSS of \'Video settings\' section', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.videoSettingsLabel(), {
-                'color': css.color.sectionHeading,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(videoResponsePage.timerButtonVideoSettings(), {
-                'color': css.color.defaultBackground,
-                'background-color': css.color.activeButtons,
-                'border': `1px solid ${css.color.activeButtons}`
-            });
-            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.videoSettingsButtonLabel(), {
-                'color': css.color.customizeControlButtonLabels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(videoResponsePage.limitNumberOfRetakeCheckboxLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(videoResponsePage.allowStudentsToRepositionVideoRecorderLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(videoResponsePage.allowStudentsToResizeVideoRecorderLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('The user should be able to deselect any button from the \'Video settings\' section', () => {
-            videoResponsePage.steps.deselectVideoSettingsToggleButton('Timer');
-        });
-
-        it('CSS of \'Video settings\' section: Timer button - deselected state', () => {
-            utilities.verifyCSS(videoResponsePage.timerButtonVideoSettings(), {
-                'color': css.color.secondaryBtn,
-                'background-color': css.color.secondaryBtnBg,
-                'border': `1px solid ${css.color.secondaryBtnBorder}`
-            });
-        });
-
-        videoResponsePage.tests.verifyLimitNumberOfRetakeCheckboxCheckedState();
-    });
-
-    describe('Video settings : Timer', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-        });
-
-        it('In compact mode, when the \'Timer\' option is selected, the timer should be displayed in the recorder as well as playback player of the preview tab', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.recordingTimerCompactPreview(), 'visible');
-            videoResponsePage.steps.addWaitToRecord(2000);
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            videoResponsePage.steps.verifyVideoPlaybackTimerCompactPreview('0:00', '0:03');
-            utilities.verifyElementVisibilityState(videoResponsePage.playbackTimeCompactPreview(), 'visible');
-        });
-
-        it('In compact mode, when the \'Timer\' option is deselected, the timer should not be displayed in the recorder as well as playback player of the preview tab', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.deselectVideoSettingsToggleButton('Timer');
-            videoResponsePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(videoResponsePage.recordingTimerCompactPreview(), 'notExist');
-            videoResponsePage.steps.startRecordingCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.recordingTimerCompactPreview(), 'notExist');
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.playbackTimeCompactPreview(), 'notExist');
-        });
-    });
-
-    describe('Video settings : Progress indicator', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-        });
-
-        it('In compact mode, when the \'Progress indicator\' option is selected, the progress indicator should be displayed in the playback player of the preview tab', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.addWaitToRecord(2000);
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.progressBar(), 'visible');
-        });
-
-        it('In compact mode, when the \'Progress indicator\' option is deselected, the progress indicator should not be displayed in the playback player of the preview tab', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.deselectVideoSettingsToggleButton('Progress indicator');
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.progressBar(), 'notExist');
-        });
-    });
-
-    describe('Limit number of retake : Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-        });
-
-        it('For "Compact" mode, When the user checks the \'Limit number of retake\' checkbox, sets retake limit and switches to the preview tab, then only the specified number of retakes should be allowed and after specified number of retakes are performed, then the retake recording button should get disabled', () => {
-            videoResponsePage.steps.checkLimitNumberOfRetakeCheckbox();
-            videoResponsePage.steps.setRetakeLimit(1);
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            videoResponsePage.steps.retakeRecordingCompactPreview();
-            videoResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(videoResponsePage.recordingStatusText(), 'Recording...');
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            utilities.verifyElementDisabled(videoResponsePage.retakeButtonCompactPreview());
-        });
-
-        it('For "Compact" mode, When the user checks the "Show students the retake limits on tooltip" checkbox and has set a retake limit and switches to the preview tab, then on hovering over the retake recording button, Retake recording (# retakes remaining) should be displayed on a tooltip', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.checkShowStudentsTheRetakeLimitsOnTooltipCheckbox();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            videoResponsePage.retakeButtonCompactPreview()
-                .verifyTooltip('Retake recording(1 retakes remaining)');
-        });
-
-        it('For "Compact" mode, When the user removes the retake limit, then the user should be able to retake the recording for n number of times', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.clearRetakeLimitInputField();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            videoResponsePage.steps.verifyResponseIsRecordedHelpText();
-            videoResponsePage.steps.retakeRecordingCompactPreview();
-            videoResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(videoResponsePage.recordingStatusText(), 'Recording...');
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.stopRecordingCompactPreview();
-            videoResponsePage.steps.verifyResponseIsRecordedHelpText();
-            utilities.verifyElementNotDisabled(videoResponsePage.retakeRecordingButton());
-        });
-
-        it('For "Compact" mode, When there is no retake limit set, then on hovering over the retake recording button, then retake limits should not be displayed on retake recording button tooltip', () => {
-            videoResponsePage.retakeButtonCompactPreview()
-                .verifyTooltip('Retake recording');
-        });
-    });
-
-    //Note: Cannot cover functionality of resizing and repositioning, added in manual sheet
-    describe('Allow students to resize video recorder : Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.switchToPreviewTab();
-        });
-
-        it('When "Allow students to resize video recorder" checkbox is in checked state, a resize icon should be displayed in the recorder flyout', () => {
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.resizeIconCompactRecorderFlyout(), 'visible');
-        });
-
-        it('When the user unchecks the "Allow students to resize video recorder" checkbox, resize icon should not be displayed in the recorder flyout', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.uncheckAllowStudentsToResizeVideoRecorderCheckbox();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.resizeIconCompactRecorderFlyout(), 'notExist');
-        });
-    });
-
-    describe('Allow students to reposition video recorder : Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            videoResponsePage.steps.switchToPreviewTab();
-        });
-
-        it('When "Allow students to reposition video recorder" checkbox is in checked state, a drag handle should be displayed in the recorder flyout', () => {
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.dragHandleCompactRecorderFlyout(), 'visible');
-        });
-
-        it('When the user unchecks the "Allow students to reposition video recorder" checkbox, drag handle should not be displayed in the recorder flyout', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.uncheckAllowStudentsToRepositionVideoRecorderCheckbox();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            utilities.verifyElementVisibilityState(videoResponsePage.dragHandleCompactRecorderFlyout(), 'notExist');
-        });
-    });
-});