itemengine-cypress-automation 1.0.204 → 1.0.205

package/cypress/pages/drawingResponsePage.js

@@ -198,8 +198,8 @@ const selectors = {
     //Edit tab color picker popup
     editTabColorPickerPopupOpacityPalette: () => cy.get('.react-colorful__last-control .react-colorful__interactive'),
     editTabColorPickerPopupOpacityPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer'),
-    editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
+    editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button[data-testid="reject-button"]'),
+    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button[data-testid="accept-button"]'),
 
     //TODO: Student view: Need to remove once https://redmine.zeuslearning.com/issues/556302 is fixed
     studentAndGradingViewDrawingToolbarOption: (drawingOption = null) => {

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -44,6 +44,7 @@ const selectors = {
     dropzoneOptionSpecifyCorrectAnswerSection: () => cy.get('.item-content-container'),
     partialEqualWeightsPointsPerResponseScore: () => cy.get('.alternate-points-points-per-value-span'),
     pointsLabel: () => cy.get('.cloze-with-dropdown-partial-points-per-response-label'),
+    dragHandle: () => cy.get('[class*="drag"]'),
     //Preview tab
     questionBorderPreviewTab: () => cy.get('[class*="ClozeWithDragAndDropstyles__WrapperDiv"]'),
     optionPreviewTab: () => cy.get('.draggable-selected-item'),
@@ -918,15 +919,15 @@ const steps = {
                     .within(() => {
                         switch (dragIcon) {
                             case 'Default':
-                                draggableOptionContainer.draggableOptionDragIcon()
+                                fillInTheGapsDragAndDropPage.dragHandle()
                                     .should('have.class', 'drag-icon-button');
                                 break;
                             case 'Arrows':
-                                draggableOptionContainer.draggableOptionDragIcon()
+                                fillInTheGapsDragAndDropPage.dragHandle()
                                     .should('have.class', 'drag-arrows-icon');
                                 break;
                             case 'None':
-                                utilities.verifyElementVisibilityState(draggableOptionContainer.draggableOptionDragIcon(), 'notExist');
+                                utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.dragHandle(), 'notExist');
                                 break;
                             default:
                                 throw new Error('Incorrect drag icon');

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { imageCanvasComponent, autoScoredScoringPreviewTab, createQuestionBasePage, backgroundImageUploadComponent, scoringSectionBaseEditTab, questionInstructionsComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, fillInTheGapsDropdownCommonComponent, randomizeOptionsComponent, optionsWrapperComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, placeholderTextSectionComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, commonComponents, additionalSettingsAccessibilitySectionComponent } from "./components";
+import { imageCanvasComponent, autoScoredScoringPreviewTab, createQuestionBasePage, backgroundImageUploadComponent, scoringSectionBaseEditTab, questionInstructionsComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, fillInTheGapsDropdownCommonComponent, randomizeOptionsComponent, optionsWrapperComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, placeholderTextSectionComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, commonComponents, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent } from "./components";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -18,6 +18,8 @@ const selectors = {
     ...commonComponents,
     ...additionalSettingsPanel,
     ...autoScoredSpecifyCorrectAnswerSection,
+    ...figCommonStyleAndLayoutComponent,
+    ...connectorStyleStyleAndLayoutCustomizationComponent,
 
     optionsInputField: () => cy.get('[class*="TextFieldWrapper"] input'),
     optionNumeration: () => cy.get('.MuiInputAdornment-positionStart'),
@@ -27,6 +29,9 @@ const selectors = {
     correctAnswerResponse: () => cy.get('[class*="LabelImageWithDropdownPreviewstyles__AnswerWrapper"]'),
     correctAnswerSectionWrapper: () => cy.get('.dnd-correct-answer-wrapper'),
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="correct-answers-label"]'),
+    dropdownConnectorStyleLabel: () => cy.get('.dropzone-connector-style-label'),
+    connectorEndPointShapeLabel: () => cy.get('[class*="__SubSectionLabel"]').eq(2),
+    connectorEndPointShapeOptions: (shapeOption) => cy.get(`.dropzone-connector-option button[aria-label*="${shapeOption}"]`),
     previewTabCanvas: () => cy.get('.drag-and-drop-canvas')
 }
 
@@ -49,6 +54,9 @@ const steps = {
     ...placeholderTextSectionComponent.steps,
     ...ariaLabelSectionComponent.steps,
     ...commonComponents.steps,
+    ...styleAndLayoutCustomizationAccordionComponent.steps,
+    ...figCommonStyleAndLayoutComponent.steps,
+    ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
     /**
      * Verify that the correct option icon is is displayed for a specific dropdown.
      * @param {number} dropdownIndex - The index of the dropdown.
@@ -167,7 +175,7 @@ const steps = {
      * @description this function verifies height of canvas
      */
     verifyCanvasHeightInPreviewTab: (height) => {
-        fillInTheGapsOverImageDropdownPage.canvasImageInPreviewTab()
+        fillInTheGapsOverImageDropdownPage.previewTabCanvas()
             .should('have.css', 'height', `${height}px`);
     },
 
@@ -262,6 +270,11 @@ const steps = {
                     .should('have.text', index + 1);
             });
     },
+
+    verifyNoImageAlternativeTextPresentInPreviewTab: () => {
+        imageCanvasComponent.canvasImageInPreviewTab()
+            .should('have.attr', 'alt', 'highlightImage.jpg');
+    },
 }
 
 const tests = {
@@ -283,7 +296,9 @@ const tests = {
     ...ariaLabelSectionComponent.tests,
     ...commonComponents.tests,
     ...additionalSettingsPanel.tests,
-    ...additionalSettingsAccessibilitySectionComponent.tests
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...styleAndLayoutCustomizationAccordionComponent.tests,
+    ...figCommonStyleAndLayoutComponent.tests
 }
 
 export const fillInTheGapsOverImageDropdownPage = {

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, backgroundImageUploadComponent, optionsWrapperComponent, imageCanvasComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, additionalSettingsPanel, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent } from "./components";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, backgroundImageUploadComponent, optionsWrapperComponent, imageCanvasComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, additionalSettingsPanel, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -20,6 +20,9 @@ const selectors = {
     ...additionalSettingsAccessibilitySectionComponent,
     ...ariaLabelSectionComponent,
     ...placeholderTextSectionComponent,
+    ...styleAndLayoutCustomizationAccordionComponent,
+    ...figCommonStyleAndLayoutComponent,
+    ...connectorStyleStyleAndLayoutCustomizationComponent,
     ...dialogBoxBase,
     //TODO: Update below selectors after https://redmine.zeuslearning.com/issues/557945 is resolved
 
@@ -29,7 +32,14 @@ const selectors = {
     limitReachedWarningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
     correctAnswerResponseWrapper: () => cy.get('.label-image-with-text-correct-response-wrapper [class*="ClozeWithTextResponsestyles__AnswerCell"]'),
     tickIconWrapper: () => cy.get('.tick-icon-wrapper [data-name*="Rectangle"]'),
-    correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.label-image-with-text-correct-answer-wrapper')
+    correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.label-image-with-text-correct-answer-wrapper'),
+    setHeightAndWidthForAllTextContainersCheckboxLabel: () => cy.get('[data-ngie-testid="set-height-and-width-for-all-text-containers-checkbox"] .MuiFormControlLabel-label'),
+    setHeightAndWidthForAllTextContainersCheckbox: () => cy.get('[data-ngie-testid="set-height-and-width-for-all-text-containers-checkbox"] input'),
+    textContainerHeightInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [aria-labelledby="Height (px)"]'),
+    textContainerHeightInputField: () => cy.get('.dropzone-text-container-dimension [id="Height (px)"]'),
+    textContainerWidthInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [aria-labelledby="Width (px)"]'),
+    textContainerWidthInputField: () => cy.get('.dropzone-text-container-dimension [id="Width (px)"]'),
+    textContainerConnectorStyleLabel: () => cy.get('.dropzone-connector-style-label')
 }
 
 const steps = {
@@ -54,6 +64,9 @@ const steps = {
     ...additionalSettingsAccessibilitySectionComponent.steps,
     ...ariaLabelSectionComponent.steps,
     ...placeholderTextSectionComponent.steps,
+    ...styleAndLayoutCustomizationAccordionComponent.steps,
+    ...figCommonStyleAndLayoutComponent.steps,
+    ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
     /**
      * Verify that the incorrect option icon is displayed for a specific answer input field.
      * @param {number} inputFieldIndex - The index of the answer input field to verify.
@@ -236,6 +249,53 @@ const steps = {
                 });
             });
     },
+
+    /**
+    * Sets the height of the text container.
+    * @param {string} height - The height to set for the text container.
+    */
+    setTextContainerHeight: (height) => {
+        fillInTheGapsOverImageTextPage.textContainerHeightInputField()
+            .type(height)
+            .blur();
+    },
+
+    /**
+     * Sets the width of the text container.
+     * @param {string} width - The width to set for the text container.
+     */
+    setTextContainerWidth: (width) => {
+        fillInTheGapsOverImageTextPage.textContainerWidthInputField()
+            .type(width)
+            .blur();
+    },
+
+    verifySetHeightAndWidthForAllTextContainersCheckboxUncheckedState: () => {
+        fillInTheGapsOverImageTextPage.setHeightAndWidthForAllTextContainersCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkSetHeightAndWidthForAllTextContainersCheckbox: () => {
+        fillInTheGapsOverImageTextPage.setHeightAndWidthForAllTextContainersCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    /**
+ * Verifies the value of the text container height input field.
+ * @param {string} value - The expected value of the height input field.
+ */
+    verifyTextContainerHeightInputFieldValue: (value) => {
+        utilities.verifyInputFieldValue(fillInTheGapsOverImageTextPage.textContainerHeightInputField(), value);
+    },
+
+    /**
+     * Verifies the value of the text container width input field.
+     * @param {string} value - The expected value of the width input field.
+     */
+    verifyTextContainerWidthInputFieldValue: (value) => {
+        utilities.verifyInputFieldValue(fillInTheGapsOverImageTextPage.textContainerWidthInputField(), value);
+    }
 }
 
 const tests = {
@@ -255,7 +315,9 @@ const tests = {
     ...gradingViewEnumerationComponent.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...ariaLabelSectionComponent.tests,
-    ...placeholderTextSectionComponent.tests
+    ...placeholderTextSectionComponent.tests,
+    ...styleAndLayoutCustomizationAccordionComponent.tests,
+    ...figCommonStyleAndLayoutComponent.tests,
 }
 
 export const fillInTheGapsOverImageTextPage = {

package/cypress/pages/listOrderingPage.js

@@ -173,7 +173,7 @@ const steps = {
      * @description this function verifies options text content
      */
     verifyTextContentOfOptionInSpecifyCorrectAnswerSection: (optionsText, index) => {
-        utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection(), index), optionsText);
+        utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection().find('[class*="ListOrderingResponsestyles__ItemWrapper"]'), index), optionsText);
     },
 
     /**
@@ -283,7 +283,7 @@ const steps = {
      */
     verifyOptionsOrderInSpecifyCorrectAnswerSection: (optionsTextArray) => {
         optionsTextArray.forEach((option, index) => {
-            utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection(), index), option);
+            utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection().find('[class*="ListOrderingResponsestyles__ItemWrapper"]'), index), option);
         });
     },
 
@@ -872,7 +872,7 @@ const steps = {
     verifyIncorrectOptionIconHorizontalOrientation: (optionsText) => {
         listOrderingPage.horizontalOptionPreviewTab()
             .contains(optionsText)
-            .parents('[id*="choice"][role]')
+            .parents('[id*="choice"][role], [id*="Choice"][role]')
             .prev('.tick-icon-wrapper')
             .then(($element) => {
                 expect($element[0].className.includes('icon-incorrect')).to.be.true;

package/cypress/pages/multipleSelectionPage.js

@@ -30,7 +30,7 @@ const selectors = {
     optionsCheckbox: () => cy.get('[data-ngie-testid="response-option-checkbox"]:visible [type="checkbox"]'),
     optionsCheckboxPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [data-ngie-testid="response-option-checkbox"] [type="checkbox"]'),
     optionsWrapperGradingView: () => cy.get('.mcq-answer-checked .mcq-option-wrapper'),
-    optionsWrapperStudentView: () => cy.get('.mcq-option-attempted .mcq-option-wrapper'),
+    optionsWrapperStudentView: () => cy.get('.mcq-option-wrapper'),
     optionWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .mcq-option-wrapper'),
     setMinMaxNumberOfAnswersLabel: () => cy.get('[data-ngie-testid="set-minimum/maximum-number-of-answers-checkbox"] .MuiFormControlLabel-label'),
     setMinMaxNumberOfAnswersCheckbox: () => cy.get('[data-ngie-testid="set-minimum/maximum-number-of-answers-checkbox"] input'),
@@ -58,7 +58,11 @@ const selectors = {
     noneOptionNumeration: () => cy.get('.no-numeration-div'),
     optionsWrapper: () => cy.get('.edit-set-correct-answer-mcq-control'),
     optionsWrapperPreviewTab: () => cy.get('.mcq-checkbox-control'),
-    mcqCheckbox: () => cy.get('.mcq-without-checkbox')
+    mcqCheckbox: () => cy.get('.mcq-without-checkbox'),
+    //correct answer section
+    correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
+    correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-checkbox-control.mcq-answer-checked').eq(1),
+    optionWrapperCorrectAnswerSection: () => cy.get('.mcq-option-wrapper')
 }
 
 const steps = {
@@ -193,7 +197,7 @@ const steps = {
     * Verifies the presence of the correct option border in the grading view for a specified option index.
     * @param {number} optionIndex - The index of the option to verify in the grading view.
     */
-    verifyCorrectOptionBorderGradingView: () => {
+    verifyCorrectOptionBorderGradingView: (optionIndex) => {
         multipleSelectionPage.optionsWrapperGradingView()
             .eq(optionIndex)
             .find('label')
@@ -219,7 +223,7 @@ const steps = {
      * Verifies the presence of the incorrect option border in the grading view for a specified option index.
      * @param {number} optionIndex - The index of the option to verify in the grading view.
      */
-    verifyIncorrectOptionBorderGradingView: () => {
+    verifyIncorrectOptionBorderGradingView: (optionIndex) => {
         multipleSelectionPage.optionsWrapperGradingView()
             .eq(optionIndex)
             .find('label')
@@ -234,10 +238,14 @@ const steps = {
      * @param {number} optionIndex - The index of the option to verify in the student view.
      */
     verifyCorrectOptionIconStudentView: (optionIndex) => {
-        multipleSelectionPage.optionsWrapperStudentView()
-            .eq(optionIndex)
+        multipleSelectionPage.optionsWrapperPreviewTab()
+            .eq(0)
             .within(() => {
-                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                multipleSelectionPage.optionsWrapperStudentView()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
             });
     },
 
@@ -246,10 +254,14 @@ const steps = {
      * @param {number} optionIndex - The index of the option to verify in the student view.
      */
     verifyIncorrectOptionIconStudentView: (optionIndex) => {
-        multipleSelectionPage.optionsWrapperStudentView()
-            .eq(optionIndex)
+        multipleSelectionPage.optionsWrapperPreviewTab()
+            .eq(0)
             .within(() => {
-                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
+                multipleSelectionPage.optionsWrapperStudentView()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
+                    });
             });
     },
 
@@ -270,10 +282,14 @@ const steps = {
      * @param {number} optionIndex - The index of the option to verify in the student view.
      */
     verifyCorrectIncorrectIconNotVisibleStudentView: (optionIndex) => {
-        multipleSelectionPage.optionsWrapperStudentView()
-            .eq(optionIndex)
+        multipleSelectionPage.optionsWrapperPreviewTab()
+            .eq(0)
             .within(() => {
-                autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                multipleSelectionPage.optionsWrapperStudentView()
+                    .eq(optionIndex)
+                    .within(() => {
+                        autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                    });
             });
     },
 
@@ -654,10 +670,10 @@ const steps = {
             })
     },
 
-     /**
-    * Verifies the number of columns in the specify correct answer section.
-    * @param {number} numberOfOptions - The number of options columns to verify.
-    */
+    /**
+   * Verifies the number of columns in the specify correct answer section.
+   * @param {number} numberOfOptions - The number of options columns to verify.
+   */
     verifyNumberOfOptionsColumnSpecifyCorrectAnswerSection: (numberOfOptions) => {
         multipleSelectionPage.optionsWrapper()
             .should('have.attr', 'columns', numberOfOptions);
@@ -672,10 +688,10 @@ const steps = {
             .should('have.attr', 'columns', numberOfOptions);
     },
 
-   /**
-    * Verifies the option direction in the specify correct answer section.
-    * @param {('row'|'column')} optionDirection - The option direction to verify ('row' or 'column').
-    */
+    /**
+     * Verifies the option direction in the specify correct answer section.
+     * @param {('row'|'column')} optionDirection - The option direction to verify ('row' or 'column').
+     */
     verifyOptionDirectionSpecifyCorrectOption: (optionDirection) => {
         switch (optionDirection) {
             case 'row':
@@ -701,10 +717,10 @@ const steps = {
         }
     },
 
-     /**
-    * Verifies the option direction in the preview tab.
-    * @param {('row'|'column')} optionDirection - The option direction to verify ('row' or 'column').
-    */
+    /**
+   * Verifies the option direction in the preview tab.
+   * @param {('row'|'column')} optionDirection - The option direction to verify ('row' or 'column').
+   */
     verifyOptionDirectionPreviewTab: (optionDirection) => {
         switch (optionDirection) {
             case 'row':
@@ -786,6 +802,42 @@ const steps = {
                     .and('have.css', 'grid-row-start', '2');
                 break;
         }
+    },
+
+    //correct answer section
+    /**
+     * Verifies the presence of the correct option icon in the correct answer section
+     * @param {number} optionIndex - The index of the option to verify in the correct answer section
+     */
+    verifyCorrectOptionIconCorrectAnswerSection: (optionIndex) => {
+        multipleSelectionPage.correctAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperCorrectAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+     * Verifies that the correct and incorrect icons are not visible in the correct answer section
+     * @param {number} optionIndex - The index of the option to verify in the correct answer section
+     */
+    verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection: (optionIndex) => {
+        multipleSelectionPage.correctAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperCorrectAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                    });
+            });
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        multipleSelectionPage.correctAnswerSectionWrapper()
+            .should('not.exist');
     }
 }
 

package/cypress/pages/rulerPage.js

@@ -411,6 +411,11 @@ const steps = {
     verifyRulerUploadedImageNotExistPreviewTab: () => {
         rulerPage.rulerUploadedImagePreviewTab()
             .should('have.attr', 'src', '');
+    },
+
+    checkAddShowHideButtonCheckbox: () => {
+        rulerPage.addShowHideButtonCheckbox()
+            .click()
     }
 }
 

package/cypress/pages/singleSelectionPage.js

@@ -31,7 +31,11 @@ const selectors = {
     optionWrapperPreviewTab: () => cy.get('.radio-button-control .radio-option-wrapper'),
     optionsWrapper: () => cy.get('.mcq-radio-control'),
     radioButtonHiddenWrapper: () => cy.get('.radio-btn-hidden'),
-    noneOptionNumeration: () => cy.get('.no-numeration-div')
+    noneOptionNumeration: () => cy.get('.no-numeration-div'),
+    //correct answer section
+    correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
+    correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-radio-control.mcq-answer-checked').eq(1),
+    optionWrapperCorrectAnswerSection: () => cy.get('.radio-option-wrapper')
 };
 
 const steps = {
@@ -207,6 +211,41 @@ const steps = {
             });
     },
 
+    /**
+     * Verifies the presence of the correct option icon in the correct answer section
+     * @param {number} optionIndex - The index of the option to verify in the correct answer section
+     */
+    verifyCorrectOptionIconCorrectAnswerSection: (optionIndex) => {
+        singleSelectionPage.correctAnswerSectionWrapper()
+            .within(() => {
+                singleSelectionPage.optionWrapperCorrectAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+     * Verifies that the correct and incorrect icons are not visible in the correct answer section
+     * @param {number} optionIndex - The index of the option to verify in the correct answer section
+     */
+    verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection: (optionIndex) => {
+        singleSelectionPage.correctAnswerSectionWrapper()
+            .within(() => {
+                singleSelectionPage.optionWrapperCorrectAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                    });
+            });
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        singleSelectionPage.correctAnswerSectionWrapper()
+            .should('not.exist');
+    },
+
     /**
      * Verifies the presence of the correct option icon in the student view for a specified option index.
      * @param {number} optionIndex - The index of the option to verify in the student view.

package/cypress/pages/videoResponsePage.js

@@ -25,7 +25,7 @@ const selectors = {
     pauseButton: () => cy.get('button[aria-label="Pause recording"]'),
     stopButton: () => cy.get('button[aria-label="Stop recording"]'),
     resumeButton: () => cy.get('button[aria-label="Resume recording"]'),
-    retakeRecordingButton: () => cy.get('.recording-again-button'),
+    retakeRecordingButton: () => cy.get('[type="button"][aria-label*="Retake"]').eq(0),
     playerTimer: () => cy.get('[class*="VideoRecorderstyle__PlayerTimerWrapper"]'),
     playbackSpeedButton: () => cy.get('button[aria-label="Playback speed"]'),
     fullScreenButton: () => cy.get('button[aria-label="Full screen"]'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.204",
+  "version": "1.0.205",
   "description": "",
   "main": "index.js",
   "scripts": {