itemengine-cypress-automation 1.0.189-e2e-execution-crash-fbb0d92.0 → 1.0.189

package/cypress/pages/videoResponsePage.js

@@ -1,18 +1,18 @@
 import utilities from "../support/helpers/utilities"
-import { additionalSettingsPanel, commonComponents, createQuestionBasePage, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, maximumRecorderLengthComponent, playbackControlsBaseComponent } from "./components"
-import { dialogBoxBase } from "./dialogBoxBase";
+import { additionalSettingsPanel, commonComponents, createQuestionBasePage, questionInstructionsComponent, scoringSectionBase, playbackControlsBaseComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, limitNumberOfRetakeComponent, studentViewSettingsLabelComponent, allowTeachersToDownloadStudentResponseComponent } from "./components"
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
 
 const selectors = {
     ...commonComponents,
-    ...scoringSectionBase,
     ...additionalSettingsPanel,
     ...questionInstructionsComponent,
-    ...scoringSectionBase,
-    ...dialogBoxBase,
-    ...previewScoringAndShowCorrectAnswerComponent,
-    ...maximumRecorderLengthComponent,
     ...playbackControlsBaseComponent,
+    ...scoringSectionBaseEditTab,
+    ...limitNumberOfRetakeComponent,
+    ...allowTeachersToDownloadStudentResponseComponent,
+    ...selectQuestionResourceToolPage,
+    //Preview tab
     videoRecorderWrapper: () => cy.get('.video-recorder-wrapper'),
     clickTapAnywhereArea: () => cy.get('.camera-permission'),
     recordButton: () => cy.get('.rec-button'),
@@ -20,35 +20,59 @@ const selectors = {
     recordingStatusText: () => cy.get('.recording-status-text'),
     startRecordingCountDown: () => cy.get('.count-down-number'),
     recordingTimer: () => cy.get('[class*="VideoRecorderstyle__RecordTimer"]'),
-    recordingStatusIcon: () => cy.get('.recording-wrapper svg'),
+    recordingStatusIcon: () => cy.get('.recording-wrapper'),
     pauseButton: () => cy.get('button[aria-label="Pause recording"]'),
     stopButton: () => cy.get('button[aria-label="Stop recording"]'),
     resumeButton: () => cy.get('button[aria-label="Resume recording"]'),
-    recordAgainButton: () => cy.get('button[aria-label="Record again"]'),
+    retakeRecordingButton: () => cy.get('button[aria-label="Record again"]'),
     playerTimer: () => cy.get('[class*="VideoRecorderstyle__PlayerTimerWrapper"]'),
     playbackSpeedButton: () => cy.get('button[aria-label="Playback speed"]'),
     fullScreenButton: () => cy.get('button[aria-label="Full Screen"]'),
     savedResponseText: () => cy.get('[class*="VideoRecorderstyle__ResponseTextWrapper"]'),
-    maxRecorderLengthInputField: () => cy.get('input[aria-label="Maximum recorder length"]'),
+    maxRecorderLengthInputField: () => cy.get('input[aria-label="max recording duration"]'),
     confirmRetakeButton: () => cy.get('.delete-action-btn-wrapper button').eq(1),
     cancelRetakeButton: () => cy.get('.delete-action-btn-wrapper button').eq(0),
     retakePopupContent: () => cy.get('.retake-popup-content'),
-    advancedPlaybackOptionsLabel: () => cy.get('.advanced-recorder-settings .ngie-toggle-button-title'),
-    playbackSpeedAdvancedPlaybackOptionButton: () => cy.get('button[data-ngie-testid="playback-speed-toggle-button"]'),
-    fullScreenAdvancedPlaybackOptionButton: () => cy.get('button[data-ngie-testid="full-screen-toggle-button"]'),
-    recordAgainAdvancedPlaybackOptionButton: () => cy.get('button[data-ngie-testid="record-again-toggle-button"]'),
-    advancedPlaybackOptionButtonSelectedIcon: () => cy.get('.ngie-toggle-button-tick-icon'),
-    advancedPlaybackOptionButtonLabel: () => cy.get('.customized_button_label'),
-    studentResponseAreaAndLayoutLabel: () => cy.get('.student-response-area-layout-warpper')
+    toggleButtonSelectedIcon: () => cy.get('.ngie-toggle-button-tick-icon'),
+    standardPreviewPlaybackWrapper: () => cy.get('.video-player-wrapper'),
+    downloadVideoButton: () => cy.get('.download-btn'),
+    maxRecordingDurationInputField: () => cy.get('input[aria-label="Maximum recording duration"]'),
+    maxRecordingDurationLabel: () => cy.get('.max-recording-length-input-label'),
+    maxRecordingDurationSecsToggleButton: () => cy.get('.max-recording-length-input [data-ngie-testid="secs-toggle-button"]'),
+    maxRecordingDurationMinsToggleButton: () => cy.get('.max-recording-length-input [data-ngie-testid="mins-toggle-button"]'),
+    playbackSpeedOptionsList: () => cy.get('[class*="PlaybackSpeedOptions"]'),
+
+    //customize playback controls
+    customizePlaybackControlsAccordion: () => cy.get('.customize-accordion .ngie-accordion-summary'),
+    controlsForPlaybackLabel: () => cy.get('[class*="CustomizePlaybackControlsstyles__ControlsPlayBack"]'),
+    controlsForPlaybackButtonLabel: () => cy.get('[class*="CustomizePlaybackControlsstyles__Label"]'),
+    playButtonControlsForPlayback: () => cy.get('[data-ngie-testid="play-toggle-button"]'),
+    pauseButtonControlsForPlayback: () => cy.get('[data-ngie-testid="pause-toggle-button"]'),
+    seekButtonControlsForPlayback: () => cy.get('[data-ngie-testid="seek-toggle-button"]'),
+    recordAgainButtonControlsForPlayback: () => cy.get('[data-ngie-testid="record-again-toggle-button"]'),
+    volumeButtonControlsForPlayback: () => cy.get('[data-ngie-testid="volume-toggle-button"]'),
+    playbackSpeedButtonControlsForPlayback: () => cy.get('[data-ngie-testid="playback-speed-toggle-button"]'),
+    fullScreenButtonControlsForPlayback: () => cy.get('[data-ngie-testid="fullscreen-toggle-button"]'),
+    forwardBackwardButtonControlsForPlayback: () => cy.get('[data-ngie-testid="forward/-backward-toggle-button"]'),
+
+    //video settings
+    videoSettingsLabel: () => cy.get('.student-view-settings-container .response-playback-title'),
+    videoSettingsButtonLabel: () => cy.get('.audio-indicator [class*="CustomizePlaybackControlsstyles__Label"]'),
+    timerButtonVideoSettings: () => cy.get('[data-ngie-testid="timer-toggle-button"]'),
+    progressIndicatorButtonVideoSettings: () => cy.get('[data-ngie-testid="progress-indicator-toggle-button"]'),
 }
 
 const steps = {
     ...createQuestionBasePage.steps,
     ...scoringSectionBase.steps,
     ...questionInstructionsComponent.steps,
-    ...maximumRecorderLengthComponent.steps,
     ...additionalSettingsPanel.steps,
     ...playbackControlsBaseComponent.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...limitNumberOfRetakeComponent.steps,
+    ...allowTeachersToDownloadStudentResponseComponent.steps,
+    ...selectQuestionResourceToolPage.steps,
+    ...commonComponents.steps,
     /**
      * @param {string} recordingStatus - The expected recording status, such as 'Allow access to your camera and microphone.',
      * 'Preparing to record', 'Recording...', 'Recording paused', or 'Saving'.
@@ -62,14 +86,14 @@ const steps = {
 
         switch (recordingStatus) {
             case 'Allow access to your camera and microphone.':
-                expectedIconId = 'g#Ellipse_99';
+                expectedIconId = '#Icon_awesome-microphone';
                 break;
             case 'Preparing to record':
             case 'Recording...':
                 expectedIconId = 'g#Recording\\.\\.\\.';
                 break;
             case 'Recording paused':
-                expectedIconId = 'path#pause';
+                expectedIconId = '.rec-pause-btn';
                 break;
             case 'Saving':
                 expectedIconId = 'g#Saving';
@@ -119,8 +143,8 @@ const steps = {
             .click();
     },
 
-    recordAgain: () => {
-        videoResponsePage.recordAgainButton()
+    retakeRecording: () => {
+        videoResponsePage.retakeRecordingButton()
             .click();
     },
 
@@ -147,20 +171,22 @@ const steps = {
     },
 
     /**
-     * @param {string} time of the recorded video
-     * @description this function is used to verify the recording time of a video
+     * Verifies the displayed recording time against the expected elapsed time and total time.
+     * @param {string} elapsedTime The elapsed time of the recording.
+     * @param {string} totalTime The total time of the recording.
      */
-    verifyRecordingTime: (time) => {
-        utilities.verifyInnerText(videoResponsePage.recordingTimer(), time);
+    verifyRecordingTime: (elapsedTime, totalTime) => {
+        utilities.verifyInnerText(videoResponsePage.recordingTimer(), `${elapsedTime} / ${totalTime}`);
     },
 
     /**
-     * @param {string} time playing time of the recorded video
+     * @param {string} elapsedTime playing time of the recorded video
+     * @param {string} totalTime The total time of the recorded video
      * @description this function is used to verify the playing time of a recorded video
      */
-    verifyVideoPlaybackTimer: (time) => {
+    verifyVideoPlaybackTimer: (elapsedTime, totalTime) => {
         videoResponsePage.playerTimer()
-            .should('have.text', time);
+            .should('have.text', `${elapsedTime}/${totalTime}`);
     },
 
     /**
@@ -255,7 +281,7 @@ const steps = {
                 let currentElapsedTimerMinutes = Number(elapsedTime.split(':')[0])
                 let currentElapsedTimerSeconds = Number(elapsedTime.split(':')[1])
                 let currentTotalElapsedTimerSeconds = currentElapsedTimerMinutes * 60 + currentElapsedTimerSeconds
-                currentTotalElapsedTimerSeconds.should.equal(time)
+                expect(currentTotalElapsedTimerSeconds).to.eq(time)
             });
     },
 
@@ -269,8 +295,8 @@ const steps = {
         cy.wait(time);
     },
 
-    recordAgain: () => {
-        videoResponsePage.recordAgainButton()
+    retakeRecording: () => {
+        videoResponsePage.retakeRecordingButton()
             .click();
     },
 
@@ -284,79 +310,365 @@ const steps = {
             .click();
     },
 
-    verifyPlaybackSpeedAdvancedPlaybackOptionSelectedState: () => {
-        videoResponsePage.playbackSpeedAdvancedPlaybackOptionButton()
-            .should('have.class', 'ngie-toggle-button-selected')
-            .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'visible');
-            });
+    /**
+     * @description Sets the maximum recording duration in the input field.
+     * @param {string} recordingLength - The maximum recording duration to set in seconds.
+     * @example - setMaximumRecordingDuration(600); // Sets the maximum recording duration to '10:00'
+     */
+    setMaximumRecordingDuration: (recordingLength) => {
+        videoResponsePage.maxRecordingDurationInputField()
+            .clear()
+            .type(recordingLength)
+            .blur();
     },
 
-    verifyPlaybackSpeedAdvancedPlaybackOptionDeselectedState: () => {
-        videoResponsePage.playbackSpeedAdvancedPlaybackOptionButton()
-            .should('not.have.class', 'ngie-toggle-button-selected')
-            .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'hidden');
-            });
+    /**
+     * @description Verifies that the maximum recording length input field has the expected value.
+     * @param {string} value - The expected value to be compared with the input field's value attribute.
+     */
+    verifyMaximumRecordingDuration: (value) => {
+        videoResponsePage.maxRecordingDurationInputField()
+            .should('have.attr', 'value', value);
     },
 
-    verifyFullScreenAdvancedPlaybackOptionSelectedState: () => {
-        videoResponsePage.fullScreenAdvancedPlaybackOptionButton()
-            .should('have.class', 'ngie-toggle-button-selected')
-            .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'visible');
-            });
+    clearMaximumRecordingDurationInputField: () => {
+        videoResponsePage.maxRecordingDurationInputField()
+            .clear()
+            .blur();
     },
 
-    verifyFullScreenAdvancedPlaybackOptionDeselectedState: () => {
-        videoResponsePage.fullScreenAdvancedPlaybackOptionButton()
-            .should('not.have.class', 'ngie-toggle-button-selected')
-            .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'hidden');
-            });
+    /**
+     * Selects the duration for max recording duration input field
+     * @param {('Secs' | 'Mins')} duration - The duration for max recording duration input field. 
+     * @throws {Error} Will throw an error if an invalid duration is provided.
+     */
+    toggleMaximumRecordingDurationInputField: (duration) => {
+        switch (duration) {
+            case 'Secs':
+                videoResponsePage.maxRecordingDurationSecsToggleButton()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Mins':
+                videoResponsePage.maxRecordingDurationMinsToggleButton()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid duration');
+        }
     },
 
-    verifyRecordAgainAdvancedPlaybackOptionSelectedState: () => {
-        videoResponsePage.recordAgainAdvancedPlaybackOptionButton()
-            .should('have.class', 'ngie-toggle-button-selected')
-            .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'visible');
-            });
+    verifySecsToggleButtonSelectedState: () => {
+        videoResponsePage.maxRecordingDurationSecsToggleButton()
+            .should('have.class', 'ngie-toggle-button-selected');
     },
 
-    verifyRecordAgainAdvancedPlaybackOptionDeselectedState: () => {
-        videoResponsePage.recordAgainAdvancedPlaybackOptionButton()
-            .should('not.have.class', 'ngie-toggle-button-selected')
-            .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'hidden');
-            });
+    /**
+     * Selects a control button for playback on the video response page.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to select.
+     * @throws {Error} If an invalid button is provided.
+     */
+    selectControlsForPlaybackToggleButton: (button) => {
+        switch (button) {
+            case 'Play':
+                videoResponsePage.playButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Pause':
+                videoResponsePage.pauseButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Seek':
+                videoResponsePage.seekButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Record again':
+                videoResponsePage.recordAgainButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Volume':
+                videoResponsePage.volumeButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Playback speed':
+                videoResponsePage.playbackSpeedButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Full screen':
+                videoResponsePage.fullScreenButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Forward/Backward':
+                videoResponsePage.forwardBackwardButtonControlsForPlayback()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
     },
 
-    clickOnPlaybackSpeedAdvancedPlaybackOption: () => {
-        videoResponsePage.playbackSpeedAdvancedPlaybackOptionButton()
-            .click();
+    /**
+     * Verifies the selected state of a control button for playback on the video response page.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to verify.
+     * @throws {Error} If an invalid button is provided or if the button is not selected.
+     */
+    verifyControlsForPlaybackToggleButtonSelectedState: (button) => {
+        switch (button) {
+            case 'Play':
+                videoResponsePage.playButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Pause':
+                videoResponsePage.pauseButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Seek':
+                videoResponsePage.seekButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Record again':
+                videoResponsePage.recordAgainButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Volume':
+                videoResponsePage.volumeButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Playback speed':
+                videoResponsePage.playbackSpeedButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Full screen':
+                videoResponsePage.fullScreenButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Forward/Backward':
+                videoResponsePage.forwardBackwardButtonControlsForPlayback()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
     },
 
-    clickOnFullScreenAdvancedPlaybackOption: () => {
-        videoResponsePage.fullScreenAdvancedPlaybackOptionButton()
-            .click();
+    /**
+     * Deselects a control button for playback on the video response page.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to deselect.
+     * @throws {Error} If an invalid button is provided.
+     */
+    deselectControlsForPlaybackToggleButton: (button) => {
+        switch (button) {
+            case 'Play':
+                videoResponsePage.playButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Pause':
+                videoResponsePage.pauseButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Seek':
+                videoResponsePage.seekButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Record again':
+                videoResponsePage.recordAgainButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Volume':
+                videoResponsePage.volumeButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Playback speed':
+                videoResponsePage.playbackSpeedButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Full screen':
+                videoResponsePage.fullScreenButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Forward/Backward':
+                videoResponsePage.forwardBackwardButtonControlsForPlayback()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
     },
 
-    clickOnRecordAgainAdvancedPlaybackOption: () => {
-        videoResponsePage.recordAgainAdvancedPlaybackOptionButton()
-            .click();
+    /**
+     * Verifies the deselected state of a control button for playback on the video response page.
+     * @param {('Play' | 'Pause' | 'Seek' | 'Record again' | 'Volume' | 'Playback speed' | 'Full screen' | 'Forward/Backward')} button - The control button to verify.
+     * @throws {Error} If an invalid button is provided or if the button is selected.
+     */
+    verifyControlsForPlaybackToggleButtonDeselectedState: (button) => {
+        switch (button) {
+            case 'Play':
+                videoResponsePage.playButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Pause':
+                videoResponsePage.pauseButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Seek':
+                videoResponsePage.seekButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Record Again':
+                videoResponsePage.recordAgainButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Volume':
+                videoResponsePage.volumeButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Playback Speed':
+                videoResponsePage.playbackSpeedButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Full Screen':
+                videoResponsePage.fullScreenButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Forward/Backward':
+                videoResponsePage.forwardBackwardButtonControlsForPlayback()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
+    },
+
+    verifyCustomizePlaybackControlsAccordionCollapsedState: () => {
+        videoResponsePage.customizePlaybackControlsAccordion()
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
+    expandCustomizePlaybackControlsAccordion: () => {
+        videoResponsePage.customizePlaybackControlsAccordion()
+            .click()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    collapseCustomizePlaybackControlsAccordion: () => {
+        videoResponsePage.customizePlaybackControlsAccordion()
+            .click()
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
+    /**
+     * Verifies the selected state of a video settings toggle button on the video response page.
+     * @param {('Timer' | 'Progress indicator')} button - The video settings toggle button to verify.
+     * @throws {Error} If an invalid button is provided or if the button is not selected.
+     */
+    verifyVideoSettingsToggleButtonSelectedState: (button) => {
+        switch (button) {
+            case 'Timer':
+                videoResponsePage.timerButtonVideoSettings()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Progress indicator':
+                videoResponsePage.progressIndicatorButtonVideoSettings()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
+    },
+
+    /**
+     * Verifies the deselected state of a video settings toggle button on the video response page.
+     * @param {('Timer' | 'Progress indicator')} button - The video settings toggle button to verify.
+     * @throws {Error} If an invalid button is provided or if the button is selected.
+     */
+    verifyVideoSettingsToggleButtonDeselectedState: (button) => {
+        switch (button) {
+            case 'Timer':
+                videoResponsePage.timerButtonVideoSettings()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Progress indicator':
+                videoResponsePage.progressIndicatorButtonVideoSettings()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
+    },
+
+    /**
+     * Selects a video settings toggle button on the video response page.
+     * @param {('Timer' | 'Progress indicator')} button - The video settings toggle button to select.
+     * @throws {Error} If an invalid button is provided.
+     */
+    selectVideoSettingsToggleButton: (button) => {
+        switch (button) {
+            case 'Timer':
+                videoResponsePage.timerButtonVideoSettings()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Progress indicator':
+                videoResponsePage.progressIndicatorButtonVideoSettings()
+                    .click()
+                    .should('have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
+    },
+
+    /**
+     * Deselects a video settings toggle button on the video response page.
+     * @param {('Timer' | 'Progress indicator')} button - The video settings toggle button to deselect.
+     * @throws {Error} If an invalid button is provided.
+     */
+    deselectVideoSettingsToggleButton: (button) => {
+        switch (button) {
+            case 'Timer':
+                videoResponsePage.timerButtonVideoSettings()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            case 'Progress indicator':
+                videoResponsePage.progressIndicatorButtonVideoSettings()
+                    .click()
+                    .should('not.have.class', 'ngie-toggle-button-selected');
+                break;
+            default:
+                throw new Error('Invalid button');
+        }
     }
 }
 
 const tests = {
     ...questionInstructionsComponent.tests,
-    ...scoringSectionBase.tests,
-    ...previewScoringAndShowCorrectAnswerComponent.tests,
     ...commonComponents.tests,
-    ...additionalSettingsPanel.tests,
     ...createQuestionBasePage.tests,
     ...commonComponents.tests,
-    ...maximumRecorderLengthComponent.tests
+    ...scoringSectionBaseEditTab.tests,
+    ...autoScoredScoringPreviewTab.tests,
+    ...limitNumberOfRetakeComponent.tests,
+    ...studentViewSettingsLabelComponent.tests,
+    ...additionalSettingsPanel.tests,
+    ...allowTeachersToDownloadStudentResponseComponent.tests
 }
 
 export const videoResponsePage = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.189-e2e-execution-crash-fbb0d92.0",
+  "version": "1.0.189",
   "description": "",
   "main": "index.js",
   "scripts": {