itemengine-cypress-automation 1.0.553-IEI-7000-main-8cb7c78.0 → 1.0.554-IEI-5835-LIVE-30c8e27.0

package/cypress/e2e/LiveStudentView/MultipleSelection/liveStudentView.js

@@ -0,0 +1,123 @@
+import { multipleSelectionPage } from "../../../pages/multipleSelectionPage";
+import { itemPreviewPage } from "../../../pages/itemPreviewPage";
+import { liveStudentViewPage } from "../../../pages/liveStudentViewPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+var itemReferenceID = "";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Live Student View - Multiple Selection', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
+    describe('Multiple Selection Question in Live Student View', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        
+        before(() => {
+            // Create the multiple selection question first
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            
+            multipleSelectionPage.steps.focusInOptionsInputField(0);
+            multipleSelectionPage.steps.selectImageOptionFromCKEditorToolbar()
+            multipleSelectionPage.steps.addImageToInputField();
+            
+            multipleSelectionPage.steps.focusInOptionsInputField(1);
+            multipleSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.enterTextInOptionInputField(1, 'This is a bold option');
+            
+            multipleSelectionPage.steps.focusInOptionsInputField(2);
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            multipleSelectionPage.steps.enterTextInOptionInputField(3, 'option 4');
+            
+            multipleSelectionPage.steps.allotPoints(10);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            
+            // Save the question to get itemReferenceID
+            multipleSelectionPage.steps.clickOnSaveQuestionButton();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            
+            // Navigate to live student view using page object
+            cy.then(() => {
+                liveStudentViewPage.steps.navigateToLiveStudentView(itemReferenceID);
+            });
+        });
+
+        // Multiple Selection Question functionality tests - use multipleSelectionPage.tests
+        it('Question instructions should be visible in Live Student View', () => {
+            // Use multipleSelectionPage method directly since it's already in Live Student View
+            utilities.verifyInnerText(multipleSelectionPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.questionInstructionsText(), 'visible');
+        });
+
+        it('Multiple selection - When the user has added image, bold text and equation to the options input they should be displayed', () => {
+            // Use multipleSelectionPage methods directly - they work in Live Student View
+            multipleSelectionPage.steps.verifyImageInPreviewTab(0);
+            multipleSelectionPage.steps.verifyBoldTextInPreviewTab(1);
+            multipleSelectionPage.steps.verifyEquationTextInPreviewTab(2);
+            cy.eyesCheckWindow('Multiple selection - Live Student View - Image, Bold Text, and Equation Display');
+        });
+
+        it('All the options should be in unchecked state initially', () => {
+            // Use multipleSelectionPage method directly
+            for (let index = 0; index < 4; index++) {
+                multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
+            }
+        });
+
+        it('CSS of Multiple Selection options', { tags: 'css' }, () => {
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsText(), 2), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.optionsCheckbox().parent().find('svg'), {
+                'fill': css.color.secondaryBtn
+            });
+            
+            // Check a box to verify selected CSS
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsCheckboxWrapperPreviewTab(), 1), {
+                'background-color': css.color.defaultBackground,
+                'color': css.color.activeButtons,
+                'border': `2px solid ${css.color.activeComponentBorder}`
+            });
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsText(), 1).find('.question-text-wrapper'), {
+                'color': css.color.optionsSelectedText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            multipleSelectionPage.optionsCheckbox()
+                .eq(1)
+                .parent()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('Accessibility of Multiple Selection question', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.questionInstructionsText().parents('[class*="ContentWrapper"]'));
+        });
+
+        // Live Student View specific functionality tests - use common base tests
+        liveStudentViewPage.tests.verifyLiveStudentViewInterface();
+        
+        // Multiple Selection specific Live Student View interactions - test on current page first
+        liveStudentViewPage.tests.verifyMultipleSelectionLiveStudentViewInteractions();
+        
+        // Then navigate to multiple session page and test those controls
+        liveStudentViewPage.tests.verifyMultipleSessionLiveStudentView();
+    });
+});

package/cypress/pages/components/additionalSettingsPanel.js

@@ -25,8 +25,6 @@ const selectors = {
     },
     fontSizeListOptionLabels: () => cy.get('[aria-labelledby*="Font-Size-dropdown-label"] li[role="option"] .dropdown-label-text'),
     fontSizesLabels: () => cy.get('[aria-labelledby*="Font-Size-dropdown-label"] li[role="option"] .dropdown-post-label-text'),
-    teacherGuidelinesLabelInGradingView: () => cy.get('[class*="GradingViewstyles__GuidelineTitle"]'),
-    teacherGuidelinesDescriptionInGradingView: () => cy.get('[class*="GradingViewstyles__GuideLineDescription"] [data-testid*="question-instruction-element"]'),
 }
 
 const steps = {
@@ -73,22 +71,6 @@ const steps = {
         additionalSettingsPanel.fontSizeDropdown()
             .trigger('mouseover')
             .click();
-    },
-
-    /**
-     * This function verifies 'Teacher guidelines' label
-     * @param {string} expectedText expected text for the label
-     */
-    verifyTeacherGuidelinesLabelInGradingView: (expectedText) => {
-        utilities.verifyInnerText(additionalSettingsPanel.teacherGuidelinesLabelInGradingView(), expectedText);
-    },
-
-    /**
-     * This function verifies 'Teacher guidelines' description text
-     * @param {string} expectedText expected text for the description
-     */
-    verifyTeacherGuidelinesDescriptionInGradingView: (expectedText) => {
-        utilities.verifyInnerText(additionalSettingsPanel.teacherGuidelinesDescriptionInGradingView(), expectedText);
     }
 }
 

package/cypress/pages/components/draggableOptionsSectionComponent.js

@@ -245,7 +245,7 @@ const tests = {
             utilities.verifyCSS(draggableOptionsSectionComponent.addGroupButton(), {
                 'color': css.color.secondaryBtnActive,
                 'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
+                'font-weight': css.fontWeight.medium
             });
         });
 

package/cypress/pages/components/maximumCapacityPerDropzoneComponent.js

@@ -5,7 +5,7 @@ const selectors = {
     maxCapacityPerDropzoneDropdown: () => cy.get('#Maximum-capacity-per-dropzone-select'),
     maxCapacityPerDropzoneDropdownListOptions: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Maximum-capacity-per-dropzone-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
+            return cy.get(`[aria-labelledby*="Maximum-capacity-per-dropzone-dropdown-label"] [role="option"][aria-label="${ariaLabel}"]`)
         } else {
             return cy.get('[aria-labelledby*="Maximum-capacity-per-dropzone-dropdown-label"] [role="option"]')
         }

package/cypress/pages/components/optionsWrapperComponent.js

@@ -343,7 +343,7 @@ const tests = {
             utilities.verifyCSS(optionsWrapperComponent.addOptionButton(), {
                 'color': css.color.secondaryBtnActive,
                 'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
+                'font-weight': css.fontWeight.medium
             });
         });
     },
@@ -477,7 +477,7 @@ const tests = {
             utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible')
             utilities.verifyCSS(commonComponents.tooltipText(), {
                 'color': css.color.whiteText,
-                'font-size': css.fontSize.small,
+                'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
             });
             utilities.getNthElement(optionsWrapperComponent.deleteOptionButton(), 0)

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -1,4 +1,4 @@
-import { optionsWrapperComponent, createQuestionBasePage, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType, questionInstructionsComponent, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, commonComponents, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, draggableOptionContainer, draggableOptionsSectionComponent, maximumCapacityPerDropzoneComponent, enableOuterBorderComponent, specifyRowsAndColumnsComponent, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, printPreviewComponent } from "./components";
+import { optionsWrapperComponent, createQuestionBasePage, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType, questionInstructionsComponent, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, commonComponents, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, draggableOptionContainer, draggableOptionsSectionComponent, maximumCapacityPerDropzoneComponent, enableOuterBorderComponent, specifyRowsAndColumnsComponent, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent } from "./components";
 import utilities from "../support/helpers/utilities";
 import constants from "../fixtures/constants";
 import { createItemPage } from "./createItemPage";
@@ -25,7 +25,6 @@ const selectors = {
     ...gradingViewEnumerationComponent,
     ...ariaLabelSectionComponent,
     ...scoringSectionBaseEditTab,
-    ...printPreviewComponent,
 
     editCellPropertyButton: () => cy.get('.action-menu button'),
     editCellPropertyList: () => cy.get('.ngie-action-cell-container [role="menu"]'),
@@ -71,7 +70,7 @@ const selectors = {
     dropzoneAriaLabelInputField: () => cy.get('[type="text"][aria-label*="Enter ARIA label"]'),
 
     //Preview tab table
-    tableRowContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="Matrixstyles__RowContainer"],[class*="Matrixstyles__MatrixRow"]'),
+    tableRowContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="Matrixstyles__RowContainer"]'),
     leftArrowNavigationButtonPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [aria-label="Left Pagination Button"][class*="Matrixstyles__PaginationControl"]'),
     rightArrowNavigationButtonPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [aria-label="Right Pagination Button"][class*="Matrixstyles__PaginationControl"]'),
     cellContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="CellDropZonestyles__CellContainer"],[class*="question-preview-wrapper"] [class*="Cellstyles__StyledCell"]'),
@@ -92,7 +91,7 @@ const selectors = {
     penaltyPointsForIncorrectOptionInputField: () => cy.get('input[aria-label*="enalty points for each incorrect option"]'),
     penaltyPointsForEachIncorrectOptionOrDropzoneLabel: () => cy.get('[class*="PenaltyScoreForEachIncorrectstyles__PointsLabel"]'),
     tableOuterBorder: () => cy.get('.table-border'),
-    maxLimitInEachDropzoneHelpText: () => cy.get('[class*="Matrixstyles__MaxLimitWrapper"],[class*="MaximumLimitstyles__MaximumLimitWrapper"]'),
+    maxLimitInEachDropzoneHelpText: () => cy.get('[class*="Matrixstyles__MaxLimitWrapper"]'),
     dropzoneGridSpecifyCorrectAnswerSection: () => cy.get('[class*="Matrixstyles__TableWrapper"]'),
     dropzoneGridPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="Matrixstyles__TableWrapper"]'),
 
@@ -155,17 +154,12 @@ const selectors = {
     panelPlacementOptions: (placementOption) => cy.get(`.panel-placement-style button[aria-label*="panel placement ${placementOption}"]`),
     optionAlignmentInPanelOptions: (alignmentOption) => cy.get(`.option-alignment button[aria-label*="option alignment in panel ${alignmentOption}"]`),
     optionsWrapper: () => cy.get('[class*="StandardDropZonestyles__DraggableItemsGrid"]'),
-    optionsWrapperPreviewTab: () => cy.get('[class*="StandardDropZonestyles__DraggableItemsGrid"],.standard-options-dropzone'),
+    optionsWrapperPreviewTab: () => cy.get('.edit-question-preview-wrapper [class*="StandardDropZonestyles__DraggableItemsGrid"]'),
     optionsPreviewTab: () => cy.get('[class*="CellDropZonestyles__DraggableItemWrapper"]'),
     iconWrapperInPreviewTab: () => cy.get('[class*="DragAndDropMatrixstyles__TickIconWrapper"]'),
     gridBoxInPreviewTab: () => cy.get('[class*="CellDropZonestyles__DraggableWrapper"]'),
-    optionPanelWrapper: () => cy.get('.option-drag-and-drop, .options-dropzone-wrapper'),
-    optionsInputFieldInQuestionPreviewTab: () => cy.get('.draggable-items-flex-wrapper .question-text-wrapper,.options-flex-wrapper .question-text-wrapper'),
-    fitAllColumnsInOnePageLabel: () => cy.get('label[aria-label*="Fit all columns in one page"]'),
-    fitAllColumnsInOnePageCheckbox: () => cy.get('[aria-label*="Fit all columns in one page"] input'),
-    dropzoneHeightInputField: () => cy.get('input[id*="Dropzone height (px)"]'),
-    dropzoneHeightLabel: () => cy.get('label[for*="Dropzone height (px)"]'),
-    tableRowContainerStudentView: () => cy.get('[class*="Matrixstyles__MatrixContainer"]'),
+    optionPanelWrapper: () => cy.get('.option-drag-and-drop'),
+    optionsInputFieldInQuestionPreviewTab: () => cy.get('.draggable-items-flex-wrapper .question-text-wrapper,.options-flex-wrapper .question-text-wrapper')
 }
 
 const steps = {
@@ -193,7 +187,6 @@ const steps = {
     ...gradingViewEnumerationComponent.steps,
     ...ariaLabelSectionComponent.steps,
     ...createItemPage.steps,
-    ...printPreviewComponent.steps,
 
     /**
      * @description Modifies the dropzone property based on the specified list option.
@@ -1523,21 +1516,21 @@ const steps = {
                 dragAndDropIntoCategoriesPage.tableRowContainerPreviewTab()
                     .each(($el) => {
                         cy.wrap($el)
-                            .should('have.css', 'column-gap', '0px');
+                            .should('have.css', 'row-gap', '0px');
                     });
                 break;
             case 'Small':
                 dragAndDropIntoCategoriesPage.tableRowContainerPreviewTab()
                     .each(($el) => {
                         cy.wrap($el)
-                            .should('have.css', 'column-gap', '8px');
+                            .should('have.css', 'row-gap', '8px');
                     });
                 break;
             case 'Wide':
                 dragAndDropIntoCategoriesPage.tableRowContainerPreviewTab()
                     .each(($el) => {
                         cy.wrap($el)
-                            .should('have.css', 'column-gap', '24px');
+                            .should('have.css', 'row-gap', '24px');
                     });
                 break;
             default:
@@ -2022,16 +2015,25 @@ const steps = {
     verifyDragHandleIconPreviewTab: (dragHandleOption) => {
         switch (dragHandleOption) {
             case 'drag icon':
-                dragAndDropIntoCategoriesPage.dragHandle()
-                    .should('have.class', 'drag-icon-button');
+                dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
+                    .within(() => {
+                        dragAndDropIntoCategoriesPage.dragHandle()
+                            .should('have.class', 'drag-icon-button');
+                    });
                 break;
             case 'arrow icon':
-                dragAndDropIntoCategoriesPage.dragHandle()
-                    .should('have.class', 'drag-arrows-icon');
+                dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
+                    .within(() => {
+                        dragAndDropIntoCategoriesPage.dragHandle()
+                            .should('have.class', 'drag-arrows-icon');
+                    });
                 break;
             case 'none':
-                dragAndDropIntoCategoriesPage.dragHandle()
-                    .should('not.be.visible');
+                dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
+                    .within(() => {
+                        dragAndDropIntoCategoriesPage.dragHandle()
+                            .should('not.be.visible');
+                    });
                 break;
         }
     },
@@ -2051,9 +2053,12 @@ const steps = {
    * @param {string} colorValue - The expected background color value.
    */
     verifyDraggableOptionsFillColorPreviewTab: (colorValue) => {
-        utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOption(), {
-            'background-color': colorValue
-        });
+        dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOption(), {
+                    'background-color': colorValue
+                });
+            });
     },
 
     /**
@@ -2071,19 +2076,12 @@ const steps = {
     * @param {string} colorValue - The expected border color value.
     */
     verifyDraggableOptionsBorderColorPreviewTab: (colorValue) => {
-        utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOption(), {
-            'border': `1px solid ${colorValue}`
-        });
-    },
-
-    /**
-    * Verifies the border color of grid
-    * @param {string} colorValue - The expected border color value.
-    */
-    verifyDraggableOptionsBorderColorAllView: (colorValue) => {
-        utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOption(), {
-            'border': `1px dotted ${colorValue}`
-        });
+        dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOption(), {
+                    'border': `1px solid ${colorValue}`
+                });
+            });
     },
 
     /**
@@ -2160,32 +2158,35 @@ const steps = {
      * @param {string} placementOption - The panel placement option to verify.
      */
     verifyPanelPlacementPreviewTab: (placementOption) => {
-        switch (placementOption) {
-            case 'Bottom':
-                dragAndDropIntoCategoriesPage.optionPanelWrapper()
-                    .should('have.css', 'width', '844px')
-                    .and('have.css', 'padding-top', '32px')
-                    .and('have.css', 'padding-bottom', '16px')
-                break;
-            case 'Top':
-                dragAndDropIntoCategoriesPage.optionPanelWrapper()
-                    .should('have.css', 'width', '844px')
-                    .and('have.css', 'padding-top', '16px')
-                    .and('have.css', 'padding-bottom', '32px')
-                break;
-            case 'Left':
-                dragAndDropIntoCategoriesPage.optionPanelWrapper()
-                    .should('have.css', 'width', '200px')
-                    .and('have.css', 'padding-right', '24px')
-                    .and('have.css', 'padding-left', '8px')
-                break;
-            case 'Right':
-                dragAndDropIntoCategoriesPage.optionPanelWrapper()
-                    .should('have.css', 'width', '200px')
-                    .and('have.css', 'padding-right', '8px')
-                    .and('have.css', 'padding-left', '24px')
-                break;
-        }
+        dragAndDropIntoCategoriesPage.previewTabQuestionWrapper()
+            .within(() => {
+                switch (placementOption) {
+                    case 'Bottom':
+                        dragAndDropIntoCategoriesPage.optionPanelWrapper()
+                            .should('have.css', 'width', '844px')
+                            .and('have.css', 'padding-top', '32px')
+                            .and('have.css', 'padding-bottom', '16px')
+                        break;
+                    case 'Top':
+                        dragAndDropIntoCategoriesPage.optionPanelWrapper()
+                            .should('have.css', 'width', '844px')
+                            .and('have.css', 'padding-top', '16px')
+                            .and('have.css', 'padding-bottom', '32px')
+                        break;
+                    case 'Left':
+                        dragAndDropIntoCategoriesPage.optionPanelWrapper()
+                            .should('have.css', 'width', '200px')
+                            .and('have.css', 'padding-right', '24px')
+                            .and('have.css', 'padding-left', '8px')
+                        break;
+                    case 'Right':
+                        dragAndDropIntoCategoriesPage.optionPanelWrapper()
+                            .should('have.css', 'width', '200px')
+                            .and('have.css', 'padding-right', '8px')
+                            .and('have.css', 'padding-left', '24px')
+                        break;
+                }
+            });
     },
 
     /**
@@ -2315,67 +2316,6 @@ const steps = {
             .should('not.exist');
     },
 
-    verifyFitAllColumnsInOnePageCheckboxUnchecked: () => {
-        dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageCheckbox()
-            .should('not.be.checked');
-    },
-
-    verifyFitAllColumnsInOnePageCheckboxChecked: () => {
-        dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageCheckbox()
-            .should('be.checked');
-    },
-
-    checkFitAllColumnsInOnePageCheckbox: () => {
-        dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageCheckbox()
-            .click()
-        steps.verifyFitAllColumnsInOnePageCheckboxChecked();
-    },
-
-    uncheckFitAllColumnsInOnePageCheckbox: () => {
-        dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageCheckbox()
-            .click();
-        steps.verifyFitAllColumnsInOnePageCheckboxUnchecked();
-    },
-
-    /**
-     * This function verifies text in cell height input field
-     * @param {number} cellHeight of the rows
-     */
-    verifyDropzoneHeightInputField: (cellHeight) => {
-        dragAndDropIntoCategoriesPage.dropzoneHeightInputField()
-            .should('have.value', cellHeight);
-    },
-
-    /**
-     * This function verifies the row spacing 
-     * @param {("No spacing"|"Small"|"Wide")} spacing of the rows
-     */
-    verifyRowSpacingStudentView: (spacing) => {
-        switch (spacing) {
-            case 'No spacing':
-                dragAndDropIntoCategoriesPage.tableRowContainerStudentView()
-                    .eq(0)
-                    .should('have.css', 'row-gap', '0px');
-                break;
-            case 'Small':
-                dragAndDropIntoCategoriesPage.tableRowContainerStudentView()
-                    .eq(0)
-                    .should('have.css', 'row-gap', '8px');
-                break;
-            case 'Wide':
-                dragAndDropIntoCategoriesPage.tableRowContainerStudentView()
-                    .eq(0)
-                    .should('have.css', 'row-gap', '24px');
-                break;
-            default:
-                throw new Error(`Unsupported spacing option: ${spacing}`);
-        }
-    },
-
-    verifyOptionAlignmentInPanelInStudentView: () => {
-        dragAndDropIntoCategoriesPage.optionsWrapperPreviewTab()
-            .should('have.css', 'align-content', 'flex-start');
-    },
 }
 
 const tests = {
@@ -2399,7 +2339,6 @@ const tests = {
     ...styleAndLayoutCustomizationAccordionComponent.tests,
     ...gradingViewEnumerationComponent.tests,
     ...ariaLabelSectionComponent.tests,
-    ...printPreviewComponent.tests,
     verifyContentsOfSpecifyCorrectAnswerSection: (scoringType) => {
         it(`When the user selects ${scoringType} from scoring type dropdown then the specify correct answer sections should be displayed`, () => {
             dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertySpecifyCorrectAnswer(0, 'None');
@@ -2443,17 +2382,21 @@ const tests = {
             };
         });
 
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
+
         it('When the user drops an option in the dropzone, the error message should disappear', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Eagle': 1 });
         });
 
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
+
         it('CSS of \'Correct\' accordion contents', { tags: 'css' }, () => {
             //Navigation button
             utilities.verifyCSS(dragAndDropIntoCategoriesPage.leftArrowNavigationButtonSpecifyCorrectAnswerSection().find('path'), {
-                'fill': css.color.secondaryBtnDisabled
+                'fill': css.color.nextPreviousButtonFill
             });
             utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection(), 15), {
-                'background-color': css.color.matrixHeadingCellBg,
+                'background-color': css.color.defaultBackground,
                 'border-color': css.color.matrixCellBorder
             });
             utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection(), 15), {
@@ -2462,7 +2405,7 @@ const tests = {
             });
             utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection(), 16), {
                 'background-color': css.color.matrixDropzoneCellBg,
-                'border': `0px none ${css.color.codeBlockText}`
+                'border': `1px dashed ${css.color.matrixCellBorder}`
             });
             utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection(), 30), {
                 'background-color': css.color.matrixSubheadingCellBg,
@@ -2473,83 +2416,24 @@ const tests = {
                 'border-color': css.color.matrixCellBorder
             });
             utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellLabel(), 16), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellLabel(), 0), {
                 'color': css.color.text,
                 'font-size': css.fontSize.heading,
                 'font-weight': css.fontWeight.bold
             });
-        });
-
-        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection());
-        });
-    },
-
-    verifyPrintLayoutSettingsAccordionAdditionalContents: () => {
-        it('\'Fit all columns in one page\' label should be displayed', () => {
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageLabel(), 'Fit all columns in one page');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageLabel(), 'visible');
-        });
-
-        it('Fit all columns in one page checkbox should be displayed and in checked state by default', () => {
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageCheckbox(), 'exist');
-            steps.verifyFitAllColumnsInOnePageCheckboxChecked();
-        });
-
-        it('CSS of \'Fit all columns in one page\' section', { tags: 'css' }, () => {
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of \'Fit all columns in one page\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.fitAllColumnsInOnePageCheckbox().parents('.print-layout-settings-container'));
-        });
-
-        it('User should be able to check and uncheck the \'Fit all columns in one page\' checkbox', () => {
-            steps.uncheckFitAllColumnsInOnePageCheckbox();
-            steps.checkFitAllColumnsInOnePageCheckbox();
-        });
-
-        it('\'Dropzone height (px)\' label and input field should be displayed and input field should be prefilled with 58px by default', () => {
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.dropzoneHeightLabel(), 'Dropzone height (px)');
-            dragAndDropIntoCategoriesPage.steps.verifyDropzoneHeightInputField('58');
-        });
-
-        it('CSS of \'Dropzone height (px)\' label', { tags: 'css' }, () => {
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.dropzoneHeightLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
+            utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellLabel(), 17), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold
             });
-        });
-
-        it('Accessibility of \'Dropzone height (px)\' label and input field', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.dropzoneHeightInputField().parents('.print-layout-settings-container'));
-        });
-
-        it('When the user unchecked Fit all columns in one page checkbox,Dropzone width (px) label and input field should be visible and by default it should be 156px', () => {
-            steps.uncheckFitAllColumnsInOnePageCheckbox();
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.dropzoneWidthLabel(), 'Dropzone width (px)');
-            dragAndDropIntoCategoriesPage.steps.verifyDropzoneWidthInputField(0, '156');
-        });
-
-        it('CSS of \'Dropzone width (px)\' label', { tags: 'css' }, () => {
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.dropzoneWidthLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
+            utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.tableCellLabel(), 18), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
             });
         });
 
-        it('Accessibility of \'Dropzone width (px)\' label and input field', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.dropzoneWidthInputField().parents('.print-layout-settings-container'));
+        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection().parents('.correct-answer-accordion'))
         });
     },
 }