itemengine-cypress-automation 1.0.203 → 1.0.204

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -553,7 +553,12 @@ const steps = {
     verifyDropzoneExistInPreviewTab: () => {
         fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
             .should('be.visible');
-    }
+    },
+
+    verifyNoImageAlternativeTextPresentInPreviewTab: () => {
+        imageCanvasComponent.canvasImageInPreviewTab()
+            .should('have.attr', 'alt', 'highlightImage.jpg');
+    },
 }
 
 const tests = {

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -27,6 +27,7 @@ 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"]'),
+    previewTabCanvas: () => cy.get('.drag-and-drop-canvas')
 }
 
 const steps = {
@@ -157,7 +158,7 @@ const steps = {
     * @description this function verifies width of canvas
     */
     verifyCanvasWidthInPreviewTab: (width) => {
-        fillInTheGapsOverImageDropdownPage.canvasImageInPreviewTab()
+        fillInTheGapsOverImageDropdownPage.previewTabCanvas()
             .should('have.attr', 'width', width);
     },
 

package/cypress/pages/gridFillPage.js

@@ -82,11 +82,11 @@ const selectors = {
     outlineCellOnHoverLabel: () => cy.get('[data-ngie-testid="outline-cell-on-hover-checkbox"] [class*="label"]'),
     canvasTitleLabel: () => cy.get('.canvas-title-wrapper .text-label'),
     canvasTitleInputField: () => cy.get('.canvas-title-wrapper input'),
-    gridBordersTitle: () => cy.get('.single-select-toggle-group-title').eq(1),
+    gridBordersTitle: () => cy.get('.single-select-toggle-group-title').eq(0),
     fullGridToggleButton: () => cy.get('.single-select-toggle-group-double button').eq(0),
     onlyBorderToggleButton: () => cy.get('.single-select-toggle-group-double button').eq(1),
     noneToggleButton: () => cy.get('.single-select-toggle-group-double button').eq(2),
-    gridBorderStyleTitle: () => cy.get('.single-select-toggle-group-title').eq(2),
+    gridBorderStyleTitle: () => cy.get('.single-select-toggle-group-title').eq(1),
     solidToggleButton: () => cy.get('.single-select-toggle-group-double button').eq(3),
     dashedToggleButton: () => cy.get('.single-select-toggle-group-double button').eq(4),
     dottedToggleButton: () => cy.get('.single-select-toggle-group-double button').eq(5),
@@ -164,7 +164,7 @@ const selectors = {
     filledImageUploadedFileNameLabel: () => cy.get('[class*="styles__SelectedFileWithIcon"][class*="Upload"]').eq(0),
     filledImageAltTextLabel: () => cy.get('[class*="UploadImagestyles__InputWrapper"] .text-label').eq(0),
     filledImageAltTextInputField: () => cy.get('[class*="UploadImagestyles__InputWrapper"] input').eq(0),
-    filledImageDeleteImageButton: () => cy.get('[aria-label*="Delete-button"]').eq(0),
+    filledImageDeleteImageButton: () => cy.get('[aria-label="Delete image-button"]').eq(0),
     //Background image - Image properties
     imagePropertiesLabel: () => cy.get('[class*="UploadImagestyles__SectionLabel"]'),
     fillImageToGridCheckboxLabel: () => cy.get('[data-ngie-testid="fill-image-to-grid-checkbox"] .MuiFormControlLabel-label'),
@@ -397,7 +397,7 @@ const steps = {
                     .within(() => {
                         utilities.getNthElement(gridFillPage.cellInEditTab(), columnIndex)
                             .invoke('attr', 'aria-label')
-                            .should('include', 'fillCell');
+                            .should('include', 'Shade cell');
                     });
             });
     },
@@ -641,7 +641,7 @@ const steps = {
             .within(() => {
                 utilities.getNthElement(gridFillPage.cellInEditTab(), columnIndex)
                     .invoke('attr', 'aria-label')
-                    .should('include', 'hideCell');
+                    .should('include', 'Hide cell');
             });
     },
 
@@ -2596,14 +2596,14 @@ const steps = {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-image')
-                expect(CSSStyleDeclarationValue).to.deep.eq('url((unknown))');
+                expect(CSSStyleDeclarationValue).to.deep.eq('url("")');
             });
         gridFillPage.gridSpecifyCorrectAnswerSection()
             .then(($element) => {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-image')
-                expect(CSSStyleDeclarationValue).to.deep.eq('url((unknown))');
+                expect(CSSStyleDeclarationValue).to.deep.eq('url("")');
             });
     },
 
@@ -2613,24 +2613,25 @@ const steps = {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-image')
-                expect(CSSStyleDeclarationValue).to.deep.eq('url((unknown))');
+                expect(CSSStyleDeclarationValue).to.deep.eq('url("")');
             });
     },
 
     verifyBackgroundImageIsDisplayedInEditTabGrids: () => {
+        utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'notExist');
         gridFillPage.gridCustomizeLayoutSection()
             .then(($element) => {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-image')
-                expect(CSSStyleDeclarationValue).to.include('url("https://itemengine-file-management.itemengine-qa.il-apps.com/');
+                expect(CSSStyleDeclarationValue).to.include('url("https://itemengine-file-management.itemengine-');
             });
         gridFillPage.gridSpecifyCorrectAnswerSection()
             .then(($element) => {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-image')
-                expect(CSSStyleDeclarationValue).to.include('url("https://itemengine-file-management.itemengine-qa.il-apps.com/');
+                expect(CSSStyleDeclarationValue).to.include('url("https://itemengine-file-management.itemengine-');
             });
     },
 
@@ -2640,7 +2641,7 @@ const steps = {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-image')
-                expect(CSSStyleDeclarationValue).to.include('url("https://itemengine-file-management.itemengine-qa.il-apps.com/');
+                expect(CSSStyleDeclarationValue).to.include('url("https://itemengine-file-management.itemengine-');
             });
     },
 
@@ -2688,14 +2689,14 @@ const steps = {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-size')
-                expect(CSSStyleDeclarationValue).to.deep.eq('auto');
+                expect(CSSStyleDeclarationValue).to.deep.eq('500px 500px');
             });
         gridFillPage.gridSpecifyCorrectAnswerSection()
             .then(($element) => {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-size')
-                expect(CSSStyleDeclarationValue).to.deep.eq('auto');
+                expect(CSSStyleDeclarationValue).to.deep.eq('500px 500px');
             });
     },
 
@@ -2705,7 +2706,7 @@ const steps = {
                 const win = $element[0].ownerDocument.defaultView
                 const CSSStyleDeclaration = win.getComputedStyle($element[0], 'before')
                 const CSSStyleDeclarationValue = CSSStyleDeclaration.getPropertyValue('background-size')
-                expect(CSSStyleDeclarationValue).to.deep.eq('auto');
+                expect(CSSStyleDeclarationValue).to.deep.eq('500px 500px');
             });
     },
 
@@ -2831,6 +2832,8 @@ const steps = {
      * @param {string} height height of image in px
      */
     verifyGridBackgroundImageDimensionsInEditTab: (width, height) => {
+        cy.log('Adding wait for image to load properly before the assertions');
+        cy.wait(2000);
         gridFillPage.gridCustomizeLayoutSection()
             .then(($element) => {
                 const win = $element[0].ownerDocument.defaultView

package/cypress/pages/itemPreviewSettingsPage.js

@@ -118,6 +118,7 @@ const steps = {
     checkEnableSideBySidePanelsCheckbox: () => {
         itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()
             .click()
+        itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()
             .should('be.checked');
     },
 

package/cypress/pages/matchingPage.js

@@ -75,7 +75,7 @@ const selectors = {
     correctAnswersOptions: () => cy.get('.match-list-drag-and-drop .question-text-wrapper'),
     correctAnswersWrapper: () => cy.get('.match-list-drag-and-drop'),
     correctAnswersOptionContainer: () => cy.get('.draggable-selected-option'),
-    gradingViewOption: () => cy.get('..item-content-wrapper'),
+    gradingViewOption: () => cy.get('.item-content-wrapper'),
     questionBorderPreviewTab: () => cy.get('[class*="ClozeWithDragAndDropstyles__WrapperDiv"]'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('.answer-status-response-preview-wrapper  .item-wrapper'),
     correctAnswerTextWithoutEnumeration: () => cy.get('.answer-status-response-preview-wrapper  .item-wrapper'),

package/cypress/pages/multipleSelectionPage.js

@@ -54,7 +54,11 @@ const selectors = {
     },
     minMaxWarningMessage: () => cy.get('.disabled-wrapper-cls'),
     correctIncorrectAnswerText: () => cy.get('[class*="AnswerTextWrapper"]'),
-    correctIncorrectAnswerTextWrapper: () => cy.get('[class*="StatusContainer"]')
+    correctIncorrectAnswerTextWrapper: () => cy.get('[class*="StatusContainer"]'),
+    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')
 }
 
 const steps = {
@@ -616,6 +620,173 @@ const steps = {
                 }
             });
     },
+
+    //Additional settings
+    verifyBlockWithCheckboxOptionExistSpecifyCorrectAnswer: () => {
+        multipleSelectionPage.mcqCheckbox()
+            .should('not.exist');
+    },
+
+    verifyBlockWithoutCheckboxOptionSpecifyCorrectAnswer: () => {
+        multipleSelectionPage.mcqCheckbox()
+            .should('exist');
+
+    },
+
+    verifyNoneNumerationSpecifyCorrectAnswer: () => {
+        multipleSelectionPage.noneOptionNumeration()
+            .should('exist')
+    },
+
+    verifyBlockWithCheckboxOptionExistPreviewTab: () => {
+        multipleSelectionPage.previewTabQuestionWrapper()
+            .within(() => {
+                multipleSelectionPage.mcqCheckbox()
+                    .should('not.exist');
+            });
+    },
+
+    verifyBlockWithCheckboxOptionNotExistPreviewTab: () => {
+        multipleSelectionPage.previewTabQuestionWrapper()
+            .within(() => {
+                multipleSelectionPage.mcqCheckbox()
+                    .should('exist');
+            })
+    },
+
+     /**
+    * 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);
+    },
+
+    /**
+    * Verifies the number of columns in the preview tab.
+    * @param {number} numberOfOptions - The number of options columns to verify.
+    */
+    verifyNumberOfOptionsColumnPreviewTab: (numberOfOptions) => {
+        multipleSelectionPage.optionsWrapperPreviewTab()
+            .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').
+    */
+    verifyOptionDirectionSpecifyCorrectOption: (optionDirection) => {
+        switch (optionDirection) {
+            case 'row':
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '2')
+                    .and('have.css', 'grid-row-start', '1');
+                break;
+            case 'column':
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    },
+
+     /**
+    * 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':
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '2')
+                    .and('have.css', 'grid-row-start', '1');
+                break;
+            case 'column':
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    },
+
+    /**
+    * Verifies the option alignment in the specify correct answer section.
+    * @param {('Left'|'Center'|'Right')} optionDirection - The option alignment to verify ('Left', 'Center', or 'Right').
+    */
+    verifyOptionAlignmentSpecifyCorrectAnswer: (optionDirection) => {
+        switch (optionDirection) {
+            case 'Left':
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '276px');
+                break;
+            case 'Center':
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '273.328125px');
+                break;
+            case 'Right':
+                multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '3')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    },
+
+    /**
+    * Verifies the option alignment in the preview tab.
+    * @param {('Left'|'Center'|'Right')} optionDirection - The option alignment to verify alignment.
+    */
+    verifyOptionAlignmentPreviewTab: (optionDirection) => {
+        switch (optionDirection) {
+            case 'Left':
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '287.328125px');
+                break;
+            case 'Center':
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '284.65625px');
+                break;
+            case 'Right':
+                multipleSelectionPage.optionWrapperPreviewTab()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '3')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    }
 }
 
 const tests = {
@@ -632,6 +803,7 @@ const tests = {
     ...commonComponents.tests,
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...mcqAdditionalSettingsBase.tests,
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/singleSelectionPage.js

@@ -28,7 +28,10 @@ const selectors = {
     optionTextPreviewTab: () => cy.get('.mcq_Label'),
     optionsWrapperGradingView: () => cy.get('.mcq-answer-checked .radio-option-wrapper'),
     optionsWrapperStudentView: () => cy.get('.mcq-radio-control .radio-option-wrapper'),
-    optionWrapperPreviewTab: () => cy.get('.radio-button-control .radio-option-wrapper')
+    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')
 };
 
 const steps = {
@@ -452,6 +455,172 @@ const steps = {
         singleSelectionPage.optionsRadioButton()
             .eq(index)
             .should('be.disabled');
+    },
+
+    verifyBlockWithCheckboxOptionExistSpecifyCorrectAnswer: () => {
+        singleSelectionPage.radioButtonHiddenWrapper()
+            .should('not.exist');
+    },
+
+    verifyBlockWithoutCheckboxOptionSpecifyCorrectAnswer: () => {
+        singleSelectionPage.radioButtonHiddenWrapper()
+            .should('exist');
+
+    },
+
+    verifyNoneNumerationSpecifyCorrectAnswer: () => {
+        singleSelectionPage.noneOptionNumeration()
+            .should('exist')
+    },
+
+    verifyBlockWithCheckboxOptionExistPreviewTab: () => {
+        singleSelectionPage.previewTabQuestionWrapper()
+            .within(() => {
+                singleSelectionPage.radioButtonHiddenWrapper()
+                    .should('not.exist');
+            });
+    },
+
+    verifyBlockWithCheckboxOptionNotExistPreviewTab: () => {
+        singleSelectionPage.previewTabQuestionWrapper()
+            .within(() => {
+                singleSelectionPage.radioButtonHiddenWrapper()
+                    .should('exist');
+            })
+    },
+
+    /**
+    * Verifies the number of columns in the specify correct answer section.
+    * @param {number} numberOfOptions - The number of options columns to verify.
+    */
+    verifyNumberOfOptionsColumnSpecifyCorrectAnswerSection: (numberOfOptions) => {
+        singleSelectionPage.optionsWrapper()
+            .should('have.attr', 'columns', numberOfOptions);
+    },
+
+    /**
+    * Verifies the number of columns in the preview tab.
+    * @param {number} numberOfOptions - The number of options columns to verify.
+    */
+    verifyNumberOfOptionsColumnPreviewTab: (numberOfOptions) => {
+        singleSelectionPage.optionsWrapper()
+            .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').
+    */
+    verifyOptionDirectionSpecifyCorrectOption: (optionDirection) => {
+        switch (optionDirection) {
+            case 'row':
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '2')
+                    .and('have.css', 'grid-row-start', '1');
+                break;
+            case 'column':
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    },
+
+    /**
+    * 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':
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '2')
+                    .and('have.css', 'grid-row-start', '1');
+                break;
+            case 'column':
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(0)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '1');
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(1)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    },
+
+    /**
+    * Verifies the option alignment in the specify correct answer section.
+    * @param {('Left'|'Center'|'Right')} optionDirection - The option alignment to verify ('Left', 'Center', or 'Right').
+    */
+    verifyOptionAlignmentSpecifyCorrectAnswer: (optionDirection) => {
+        switch (optionDirection) {
+            case 'Left':
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '276px');
+                break;
+            case 'Center':
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '273.328125px');
+                break;
+            case 'Right':
+                singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '3')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
+    },
+
+    /**
+    * Verifies the option alignment in the preview tab.
+    * @param {('Left'|'Center'|'Right')} optionDirection - The option alignment to verify ('Left', 'Center', or 'Right').
+    */
+    verifyOptionAlignmentPreviewTab: (optionDirection) => {
+        switch (optionDirection) {
+            case 'Left':
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '287.328125px');
+                break;
+            case 'Center':
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '1')
+                    .and('have.css', 'grid-row-start', '2')
+                    .and('have.css', 'width', '284.65625px');
+                break;
+            case 'Right':
+                singleSelectionPage.optionWrapperPreviewTab()
+                    .eq(3)
+                    .should('have.css', 'grid-column-start', '3')
+                    .and('have.css', 'grid-row-start', '2');
+                break;
+        }
     }
 };
 
@@ -466,6 +635,7 @@ const tests = {
     ...commonComponents.tests,
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...mcqAdditionalSettingsBase.tests,
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('In the \'Correct\' accordion, all options with checkboxes should be displayed', () => {
             utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);

package/package.json

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