itemengine-cypress-automation 1.0.548 → 1.0.549

package/cypress/e2e/ILC/FillInTheGapsTextNew/Scoring/allOrNothingCorrectPointsGreaterThanAlternativePoints.js

@@ -19,7 +19,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
             fillInTheGapsTextPage.steps.addAlternativeAnswerAccordion(1);
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }, { responseIndex: 1, responseText: 'Leaves' }, { responseIndex: 2, responseText: 'Stem' }]);
             fillInTheGapsTextPage.steps.allotPoints(10);
-             //fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            //fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
             fillInTheGapsTextPage.steps.switchToPreviewTab();
         });
 
@@ -32,11 +32,11 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
 
         it('CSS of correct answer section and response area numeration', { tags: 'css' }, () => {
             utilities.verifyCSS(fillInTheGapsTextPage.correctAnswersLabel(), {
-                'color': css.color.sectionHeading,
+                'color': css.color.text,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.bold
             });
-            utilities.verifyCSS(fillInTheGapsTextPage.responseAreaNumeration(), {
+            utilities.verifyCSS(utilities.getNthElement(fillInTheGapsTextPage.responseAreaNumerationNew(), 0), {
                 'background-color': css.color.defaultBackground,
                 'border': `1px solid ${css.color.activeComponentBorder}`
             });
@@ -45,7 +45,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular,
             });
-            utilities.verifyCSS(fillInTheGapsTextPage.correctAnswerResponse().parents('[class*="__AnswerWrapper"]'), {
+            utilities.verifyCSS(fillInTheGapsTextPage.correctAnswerResponseForCorrectResponse(), {
                 'border': `1px solid ${css.color.correctOptionBorder}`
             });
         });
@@ -64,7 +64,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
             fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
-            fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            // fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed above the question preview, correct answer section should not be displayed')
             fillInTheGapsTextPage.steps.checkAnswer();
             fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
@@ -90,10 +90,10 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(fillInTheGapsTextPage.correctIncorrectAnswerLabel(), {
+            utilities.verifyCSS(fillInTheGapsTextPage.correctIncorrectAnswerLabelNew(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
+                'font-weight': css.fontWeight.regular
             });
         });
 
@@ -231,7 +231,7 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
             fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
-            fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            // fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, no icon should be displayed beside unattempted response area, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsTextPage.steps.checkAnswer();
             fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(0);
@@ -253,10 +253,10 @@ describe('Create item page - Fill in the gaps with text: All or nothing with alt
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(fillInTheGapsTextPage.correctIncorrectAnswerLabel(), {
+            utilities.verifyCSS(fillInTheGapsTextPage.correctIncorrectAnswerLabelNew(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
+                'font-weight': css.fontWeight.regular
             });
         });
 

package/cypress/e2e/ILC/FillInTheGapsTextNew/Scoring/manuallyAndNonScored.js

@@ -76,6 +76,18 @@ describe('Create Item page - Fill in the gaps with text: Manually and non scored
             fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
+        it('When the user attempts the question partially correct for correct only, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+            fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
         it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
             fillInTheGapsTextPage.steps.resetQuestionPreview();
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 2, responseText: 'Roots' }]);
@@ -117,5 +129,5 @@ describe('Create Item page - Fill in the gaps with text: Manually and non scored
         it('User should able to save question with manually scored scoring type', () => {
             fillInTheGapsTextPage.steps.saveAQuestionAndVerifySnackbar();
         });
-    });
+    });    
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/additionalSettingsForAnswerInputFields.js

@@ -125,7 +125,7 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
         });
 
         it('CSS of correct answer section', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsTextPage.correctAnswerSectionWithoutEnumerationWrapper().find('.preview-question-text-wrapper'), {
+            utilities.verifyCSS(fillInTheGapsTextPage.correctAnswerSectionWithoutEnumerationWrapper(), {
                 'color': css.color.text,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular

package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabBasicSection.js

@@ -3,6 +3,7 @@ import { commonComponents } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const snackbarMessage = 'You have reached the maximum number of tokens that can be added.';
 
 describe('Create item page - Fill in the gaps with text: Question instructions, question input field', () => {
     before(() => {
@@ -106,11 +107,20 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             utilities.verifyElementVisibilityState(fillInTheGapsTextPage.errorMessage(), 'notExist')
         });
 
-        fillInTheGapsTextPage.tests.verifyErrorMessageCSSAndA11y();
-
         fillInTheGapsTextPage.tests.addResponseAreaAndVerifyMinimumOneAreaRequiredErrorMessageNotExist();
 
         fillInTheGapsTextPage.tests.verifyQuestionInputFieldPlaceholderText();
+
+        it('User should be User able to add maximum 30 text containers.', () => {
+            fillInTheGapsTextPage.steps.addMultipleResponseAreas(30);
+            utilities.verifyElementCount(fillInTheGapsTextPage.responseArea(), 30);
+        });
+
+        it(`When the user adds 30 text containers are added within question field, snackbar message should be displayed as ${snackbarMessage} and the \'add text container\' button should be in disabled state`, () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.snackbar(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsTextPage.snackbar(), snackbarMessage);
+            fillInTheGapsTextPage.steps.verifyResponseAreaButtonDisabled();
+        });
     });
 
     describe('Question input field - Preview tab', () => {
@@ -240,4 +250,16 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
         });
     });
+
+    describe('Print layout settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsTextPage.tests.verifyPrintLayoutSettingsAccordionProperties();
+
+        fillInTheGapsTextPage.tests.verifyPrintLayoutSettingsAccordionContents();
+    });
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabScoringSection.js

@@ -120,12 +120,12 @@ describe('Create item page - Fill in the gaps with text: Scoring section', () =>
             utilities.verifyCSS(fillInTheGapsTextPage.responseAccordionPointsLabel(), {
                 'color': css.color.labels,
                 'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
+                'font-weight': css.fontWeight.regular
             });
             utilities.verifyCSS(fillInTheGapsTextPage.responseAccordionPointsScore(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold
             });
         });
     });
@@ -219,6 +219,8 @@ describe('Create item page - Fill in the gaps with text: Scoring section', () =>
 
         fillInTheGapsTextPage.tests.verifyScoringSectionContentsForManuallyScoredScoringType();
 
+        fillInTheGapsTextPage.tests.verifyPointsLabelAndInputField();
+
         fillInTheGapsTextPage.tests.verifyPointsFieldErrorState();
 
         it('When user has selected \'Manually scored\' scoring type, then in scoring section \'Minimum scoring\' label and dropdown should be visible', () => {
@@ -238,6 +240,7 @@ describe('Create item page - Fill in the gaps with text: Scoring section', () =>
             fillInTheGapsTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
         });
 
+        fillInTheGapsTextPage.tests.verifyNonScoredDefaultState();
         fillInTheGapsTextPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
     });
 

package/cypress/e2e/ILC/FillInTheGapsTextNew/headerSection.js

@@ -10,14 +10,14 @@ describe('Create item page - Fill in the gaps with text: Header section and savi
         cy.loginAs('admin');
     });
 
-    describe('Header section contents', () => {
+    describe('Select Question contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            fillInTheGapsTextPage.steps.navigateToCreateQuestionPage();
             cy.barsPreLoaderWait();
         });
 
-        fillInTheGapsTextPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Fill in the gaps with text');
+        fillInTheGapsTextPage.tests.verifySelectQuestionContents('fill in the gaps with text', 'Fill in the gaps with text');
     });
 
     describe('Tabs section', () => {

package/cypress/e2e/ILC/FillInTheGapsTextNew/previewContentsForAllViews.smoke.js

@@ -1,7 +1,7 @@
 import { fillInTheGapsTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
-const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view', 'Print preview'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
 const css = Cypress.env('css');
@@ -51,6 +51,9 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                     case 'Correct answer view':
                         cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
                         break;
+                    case 'Print preview':
+                        cy.visit(`/item-engine/demo/render-item/print-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
                     default:
                         throw new Error('Invalid view');
                 }
@@ -68,13 +71,14 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                 }
             });
 
+            if ( view !== 'Print preview') {
             it(`Fill in the gaps text - ${view} Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsTextPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsTextPage.questionInstructionsText(), 'visible');
                 cy.eyesCheckWindow(`Fill in the gaps text - ${view} - Default question state`);
             });
 
-            if (view !== 'Grading view' && view !== 'Correct answer view') {
+            if (view !== 'Grading view' && view !== 'Correct answer view' && view !== 'Print preview') {
                 it('The sample \'Lorem Ipsum\' text along with three answer input fields should be displayed in the question field and they should be empty.', () => {
                     utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\n tempus tellus dapibus.\n​');
                     utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
@@ -96,6 +100,20 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
                     fillInTheGapsTextPage.steps.verifyAnswerInputFieldDisabled(1);
                     fillInTheGapsTextPage.steps.verifyAnswerInputFieldDisabled(2);
                 });
+            } else if (view === 'Print preview') {
+                it('Question number should be visible', () => {
+                    utilities.verifyInnerText(fillInTheGapsTextPage.questionNumberPrintPreviewText(), '1');
+                    utilities.verifyElementVisibilityState(fillInTheGapsTextPage.questionNumberPrintPreviewText(), 'visible');
+                });
+
+                it('Question instructions should be visible', () => {
+                    utilities.verifyInnerText(fillInTheGapsTextPage.questionInstructionsPrintPreviewText(), 'Fill in the gaps');
+                    utilities.verifyElementVisibilityState(fillInTheGapsTextPage.questionInstructionsPrintPreviewText(), 'visible');
+                });
+
+                it('The question content should be visible', () => {
+                    utilities.verifyInnerText(fillInTheGapsTextPage.questionInstructionsPrintPreviewContent(1), 'Lorem ipsum dolor sit amet,  onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget  tempus tellus dapibus. ');
+                });
             } else {
                 it('The answer input fields should be displayed filled with correct answers', () => {
                     utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
@@ -156,6 +174,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
             it('Accessibility of preview tab', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(fillInTheGapsTextPage.answerInputFieldPreviewTab().parents('[class*="question-preview-wrapper"]'));
             });
+        }
         });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/specialCharactersSection.js

@@ -37,16 +37,16 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
                 'font-weight': css.fontWeight.semibold
             });
             //checked state of enable special characters checkbox
-            utilities.verifyCSS(fillInTheGapsTextPage.enableSpecialCharactersCheckbox().find('rect').eq(1), {
+            utilities.verifyCSS(fillInTheGapsTextPage.enableSpecialCharactersCheckboxWrapper().find('rect').eq(1), {
                 'fill': css.color.activeButtons
             });
             utilities.verifyCSS(fillInTheGapsTextPage.groupByLanguageLabel(), {
-                'color': css.color.labels,
+                'color': css.color.labelText,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
             });
             //selected state of radio button
-            utilities.verifyCSS(fillInTheGapsTextPage.showOnlyCustomSpecialCharactersRadioButton().find('svg'), {
+            utilities.verifyCSS(fillInTheGapsTextPage.showOnlyCustomSpecialCharactersRadioButtonWrapper().find('svg'), {
                 'fill': css.color.activeButtons
             });
             utilities.verifyCSS(fillInTheGapsTextPage.customSpecialCharactersLabel(), {
@@ -59,7 +59,7 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(fillInTheGapsTextPage.customSpecialCharactersInputField().find('fieldset'), {
+            utilities.verifyCSS(fillInTheGapsTextPage.customSpecialCharactersInputFieldWrapper().find('fieldset'), {
                 'border': `1px solid ${css.color.figDefaultComponentBorder}`
             });
             utilities.verifyCSS(fillInTheGapsTextPage.customizeSpecialCharactersPreviewButton(), {
@@ -100,13 +100,10 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
             });
             //Category tiles in de-selected state
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileIcon().eq(0).find('svg'), {
-                'fill': css.color.secondaryBtn
-            });
-            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileSectionCategoriesDragIcon().eq(0).parent(), {
-                'fill': css.color.secondaryBtn
+                'fill': css.color.optionColor
             });
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileSectionCategoriesDragIcon().eq(0).parent(), {
-                'fill': css.color.defaultBackground
+                'fill': css.color.blackText
             });
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileCategoryName().eq(0), {
                 'color': css.color.secondaryBtn,
@@ -122,18 +119,18 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
             utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
                 'color': css.color.flyoutTitle,
                 'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.bold
+                'font-weight': css.fontWeight.semibold
             });
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPreviewPopupCategoryLabel().eq(0), {
                 'color': css.color.accordionLabel,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
             });
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPreviewPopupCategoryAccordionExpandIcon().last().find('svg'), {
                 'fill': css.color.activeButtons
             });
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPreviewPopupSymbol().eq(0).find('svg'), {
-                'fill': css.color.defaultBackground
+                'fill': css.color.blackText
             });
         });
 
@@ -141,10 +138,10 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
             cy.checkAccessibility(dialogBoxBase.dialogBox());
             cy.log('Closing preview popup');
             dialogBoxBase.steps.closeWarningPopup();
-            cy.checkAccessibility(fillInTheGapsTextPage.specialCharactersLabel().parent());
+            cy.checkAccessibility(fillInTheGapsTextPage.specialCharactersLabel());
             cy.log('Selecting show only custom special characters radio button');
             fillInTheGapsTextPage.steps.selectShowOnlyCustomSpecialCharactersRadioButton();
-            cy.checkAccessibility(fillInTheGapsTextPage.specialCharactersLabel().parent());
+            cy.checkAccessibility(fillInTheGapsTextPage.specialCharactersLabel());
         });
     });
 

package/cypress/e2e/ILC/FillInTheGapsTextNew/studentViewSettings.js

@@ -1,22 +1,38 @@
-import { fillInTheGapsTextPage } from "../../../pages";
+import { fillInTheGapsTextPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
 
 describe('Create Item page - Fill in the gaps with text: Student view settings', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Student view settings : Spell check - Edit tab functionality', () => {
+    describe('Student view settings : Edit tab contents', () => {
         abortEarlySetup();
         before(() => {
+            cy.log('Navigating to fill in the gaps with text question type');
             fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
             cy.barsPreLoaderWait();
         });
 
+        fillInTheGapsTextPage.tests.verifyStudentViewSettingsLabelAndCSS();
+
         fillInTheGapsTextPage.tests.verifySpellCheckEditTabContents();
 
+        fillInTheGapsTextPage.tests.verifyAutoResizeResponseFieldEditTabContents();
+    });
+
+    describe('Student view settings : Spell check - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
         fillInTheGapsTextPage.tests.verifyAllowStudentsToCheckAnswerNotExist();
     });
 
@@ -31,6 +47,72 @@ describe('Create Item page - Fill in the gaps with text: Student view settings',
         fillInTheGapsTextPage.tests.verifySpellCheckFunctionalityPreviewTab();
     });
 
+    describe('Student view settings : Auto-resize - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsTextPage.tests.verifyAutoResizeResponseFieldFunctionalityPreviewTab();
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: student view settings`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('fill in the gaps');
+                        fillInTheGapsTextPage.steps.addResponseAreaInQuestionField();
+                        fillInTheGapsTextPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Item preview':
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
+                    fillInTheGapsTextPage.steps.clickOnConfirmButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(` 'Auto-resize response field' functionality in  ${view}`, () => {
+                if (view === 'Student view') {
+                    fillInTheGapsTextPage.tests.verifyAutoResizeResponseFieldFunctionalityPreviewTab();
+                };
+
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsTextPage.tests.verifyAutoResizeResponseFieldFunctionalityPreviewTab();
+                };
+            });
+        });
+    });
+
     /*describe('Allow students to check answer: Edit tab', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/FillInTheGapsTextNew/textContainerSettings.js

@@ -1,7 +1,10 @@
-import { dialogBoxBase, fillInTheGapsTextPage } from "../../../pages";
+import { dialogBoxBase, fillInTheGapsTextPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
 
 describe('Create item page - Fill in the gaps with text: Text container settings', () => {
     before(() => {
@@ -216,4 +219,73 @@ describe('Create item page - Fill in the gaps with text: Text container settings
             fillInTheGapsTextPage.steps.verifyAnswerInputFieldHeightPreviewTab(1, '150px');
         });
     });
+
+    views.forEach((view) => {
+        describe(`${view}: Text container settings - Width and Height input field functionality`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsTextPage.steps.clickOnResponseAreaSettingsButton(0);
+                        fillInTheGapsTextPage.steps.addInputToHeightInputField(100);
+                        fillInTheGapsTextPage.steps.addInputToWidthInputField(100);
+                        fillInTheGapsTextPage.steps.clickOnResponseAreaSettingsOkButton();
+                        fillInTheGapsTextPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
+                    fillInTheGapsTextPage.steps.clickOnConfirmButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When user updates the width and height input field value, then dimensions of all answer input fields should be updated', () => {
+                if (view === 'Grading view') {
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldHeightPreviewTab(0, '100px');
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldWidthPreviewTab(0, '100px');
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldHeightPreviewTab(0, '100px');
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldWidthPreviewTab(0, '100px');
+                };
+
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldHeightPreviewTab(0, '100px');
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldWidthPreviewTab(0, '100px');
+                    fillInTheGapsTextPage.steps.switchToGradingView();
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldHeightPreviewTab(0, '100px');
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldWidthPreviewTab(0, '100px');
+                };
+            });
+        });
+    });
 });

package/cypress/pages/components/createQuestionBasePage.js

@@ -22,6 +22,8 @@ const selectors = {
     editButton: () => cy.get('[aria-label="Edit"]'),
     questionPreviewPoint: () => cy.get('[class*="PreviewTabstyles__PointsValue"]'),
     confirmButton: () => cy.get('[data-testid="accept-button"]'),
+    questionLabel: (type) => cy.get(`[aria-label*="${type}"] .widget-card-label`),
+    questionIcon: (type) => cy.get(`[aria-label*="${type}"] svg`),
 }
 
 const steps = {
@@ -32,6 +34,11 @@ const steps = {
         selectQuestionResourceToolPage.steps.selectQuestionType(questionType);
     },
 
+    navigateToCreateQuestionPage: () => {
+        cy.visit('/item-engine/demo/create-item');
+        createItemPage.steps.clickOnAddQuestion();
+    },
+
     navigateToCreateResource: (resourceType) => {
         cy.visit('/item-engine/demo/create-item');
         createItemPage.steps.clickOnAddResource();
@@ -352,6 +359,17 @@ const tests = {
                 .should('have.attr', 'aria-selected', 'true');
             utilities.verifyElementVisibilityState(createQuestionBasePage.editTabWrapper(), 'visible');
         });
+    },
+
+    verifySelectQuestionContents: (questionType, LabelText) => {
+        it(`Question label ${LabelText} should be displayed`, () => {
+            utilities.verifyElementVisibilityState(createQuestionBasePage.questionLabel(questionType), 'visible');
+            utilities.verifyInnerText(createQuestionBasePage.questionLabel(questionType), LabelText);
+        });
+
+        it('Question icon should be displayed ', () => {
+            utilities.verifyElementVisibilityState(createQuestionBasePage.questionIcon(questionType), 'visible');
+        });
     }
 }
 

package/cypress/pages/components/customizeSpecialCharacterComponent.js

@@ -11,6 +11,7 @@ const selectors = {
     groupByLanguageRadioButton: () => cy.get('[class*="CustomizedSpecialCharacterstyles__RadioGroupWrapper"] .ngie-radio-btn input').eq(0),
     groupByLanguageLabel: () => cy.get('[class*="CustomizedSpecialCharacterstyles__RadioGroupWrapper"] .ngie-radio-label').eq(0),
     showOnlyCustomSpecialCharactersRadioButton: () => cy.get('[class*="CustomizedSpecialCharacterstyles__RadioGroupWrapper"] .ngie-radio-btn input').eq(1),
+    showOnlyCustomSpecialCharactersRadioButtonWrapper: () => cy.get('[class*="CustomizedSpecialCharacterstyles__RadioGroupWrapper"] .ngie-radio-btn').eq(1),
     showOnlyCustomSpecialCharactersLabel: () => cy.get('[class*="CustomizedSpecialCharacterstyles__RadioGroupWrapper"] .ngie-radio-label').eq(1),
     selectSpecialCharacterLanguagesLabel: () => cy.get('[class*="CustomizedSpecialCharacterstyles__SpecialCharLabel"]'),
     customizeSpecialCharactersPreviewButton: () => cy.get('[class*="CustomizedSpecialCharacterstyles__PreviewLabel"]'),
@@ -36,6 +37,7 @@ const selectors = {
     //Show only custom special characters section
     customSpecialCharactersLabel: () => cy.get('[class*="CustomizedSpecialCharacterstyles__SpecialCharLabel"]'),
     customSpecialCharactersInputField: () => cy.get('input[aria-label="Custom special characters"]'),
+    customSpecialCharactersInputFieldWrapper: () => cy.get('.spl-char-input-field .text-input-field')
 }
 
 const steps = {

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -62,6 +62,7 @@ const selectors = {
     specialCharactersPopupCharacterSymbol: () => cy.get('.characters-button'),
     specialCharactersPopupCategoryTitle: () => cy.get('.char-accordion-label'),
     specialCharactersPopupCategoryAccordionIcon: () => cy.get('.special-math-content [class*="expandIconWrapper"]'),
+    enableSpecialCharactersCheckboxWrapper: () => cy.get('[data-ngie-testid="enable-special-characters-checkbox"]'),
 
     //TODO: Shift all preview tab special characters popup related selectors/steps to a common component file once https://redmine.zeuslearning.com/issues/559296 is resolved
     //preview tab special characters
@@ -87,6 +88,8 @@ const selectors = {
     //Student view settings
     spellCheckLabel: () => cy.get('[data-ngie-testid="spell-check-checkbox"] .MuiFormControlLabel-label'),
     spellCheckCheckbox: () => cy.get('[data-ngie-testid="spell-check-checkbox"] input[type="checkbox"]'),
+    correctAnswerResponseForCorrectResponse: () => cy.get('[class*="ClozeWithTextResponsestyles__AnswerWrapperForLabelImg"]').eq(0),
+    correctIncorrectAnswerLabelNew: () => cy.get('[class*="ClozeWithTextPreviewstyle__AnswerStatusWrapper"]'),
 }
 
 const steps = {
@@ -913,7 +916,7 @@ const tests = {
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        commonComponents.tests.verifyErrorMessageCSSAndA11y();
+        // commonComponents.tests.verifyErrorMessageCSSAndA11y();
 
         it('When the user enters value in minimum character limit input field then the error message should disappear', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(0);
@@ -935,7 +938,7 @@ const tests = {
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        commonComponents.tests.verifyErrorMessageCSSAndA11y();
+        // commonComponents.tests.verifyErrorMessageCSSAndA11y();
 
         it('When the user sets minimum limit input field value less than or equal to maximum limit input field value then error message should disappear', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(30);

package/cypress/pages/components/index.js

@@ -70,3 +70,4 @@ export * from './connectorStyleStyleAndLayoutCustomizationComponent';
 export * from './equationEditorSectionCommonComponent';
 export * from './ckEditorAudioPlayerComponent';
 export * from './hideExpressionListComponent';
+export * from './printPreviewComponent';

package/cypress/pages/components/printPreviewComponent.js

@@ -0,0 +1,157 @@
+import utilities from "../../support/helpers/utilities";
+import { commonComponents } from "./commonComponents";
+import { createQuestionBasePage } from "./createQuestionBasePage";
+const css = Cypress.env('css');
+
+const selectors = {
+    questionInstructionsLabelEditTab: () => cy.get('.edit-question-instruction-label'),
+    excludeThisQuestionWhenPrintingLabel: () => cy.get('.print-layout-option-wrapper .MuiFormControlLabel-label'),
+    excludeThisQuestionWhenPrintingCheckbox: () => cy.get('.print-layout-option-wrapper .MuiCheckbox-root input'),
+    printLayoutSettingsPanel: () => cy.get('.print-layout-settings-container .MuiAccordionSummary-root'),
+    printPreviewIcon: () => cy.get('.icon-print-preview svg'),
+    printPreviewButton: () => cy.get('.print-layout-option-wrapper .print-preview-button'),
+    questionInstructionsForPrintLabel: () => cy.get('.print-layout-option-wrapper .additional-settings-label'),
+    questionInstructionsInputFieldForPrint: () => cy.get('.print-layout-option-wrapper [aria-label="Question instructions for print (overrides default instructions)"]'),
+};
+
+const steps = {
+    expandPrintLayoutSettings: () => {
+        printPreviewComponent.printLayoutSettingsPanel()
+            .click();
+        cy.log('Need this wait in order for the font size dropdown to render properly');
+        cy.wait(2000);
+        printPreviewComponent.printLayoutSettingsPanel()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    verifyExcludeThisQuestionWhenPrintingCheckboxUnchecked: () => {
+        printPreviewComponent.excludeThisQuestionWhenPrintingCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyExcludeThisQuestionWhenPrintingCheckboxChecked: () => {
+        printPreviewComponent.excludeThisQuestionWhenPrintingCheckbox()
+            .should('be.checked');
+    },
+
+    checkExcludeThisQuestionWhenPrintingCheckbox: () => {
+        printPreviewComponent.excludeThisQuestionWhenPrintingCheckbox()
+            .click()
+        steps.verifyExcludeThisQuestionWhenPrintingCheckboxChecked();
+    },
+
+    uncheckExcludeThisQuestionWhenPrintingCheckbox: () => {
+        printPreviewComponent.excludeThisQuestionWhenPrintingCheckbox()
+            .click();
+        steps.verifyExcludeThisQuestionWhenPrintingCheckboxUnchecked();
+    },
+
+    verifyPrintPreviewButtonDisabledState: () => {
+        printPreviewComponent.printPreviewButton()
+            .should('have.class', 'disabled-print-preview-button');
+    },
+
+    verifyQuestionInstructionsInputFieldForPrintDisabledState: () => {
+        printPreviewComponent.questionInstructionsInputFieldForPrint()
+            .should('have.attr', 'contenteditable', 'false');
+    }
+
+};
+
+const tests = {
+    verifyPrintLayoutSettingsAccordionProperties: () => {
+        it('By default \'Print Layout Settings\' accordion should be collapsed and by clicking on the \'Print Layout Settings\' accordion, user should be able to expand the accordion', () => {
+            printPreviewComponent.printLayoutSettingsPanel()
+                .should('have.attr', 'aria-expanded', 'false');
+            printPreviewComponent.steps.expandPrintLayoutSettings();
+        });
+
+        it('CSS of \'Print Layout Settings\' accordion', { tags: 'css' }, () => {
+            utilities.verifyCSS(printPreviewComponent.printLayoutSettingsPanel().find('.additional-settings'), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(printPreviewComponent.printLayoutSettingsPanel().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Print Layout Settings\' accordion', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(printPreviewComponent.printLayoutSettingsPanel().parents('.print-layout-settings-container'));
+        });
+    },
+
+    verifyPrintLayoutSettingsAccordionContents: () => {
+        it('\'Exclude this question when printing\' label should be displayed', () => {
+            utilities.verifyInnerText(printPreviewComponent.excludeThisQuestionWhenPrintingLabel(), 'Exclude this question when printing');
+            utilities.verifyElementVisibilityState(printPreviewComponent.excludeThisQuestionWhenPrintingLabel(), 'visible');
+        });
+
+        it('Exclude this question when printing checkbox should be displayed and in unchecked state by default', () => {
+            utilities.verifyElementVisibilityState(printPreviewComponent.excludeThisQuestionWhenPrintingCheckbox(), 'exist');
+            steps.verifyExcludeThisQuestionWhenPrintingCheckboxUnchecked();
+        });
+
+        it('CSS of \'Exclude this question when printing\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(printPreviewComponent.excludeThisQuestionWhenPrintingLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Exclude this question when printing\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(printPreviewComponent.printLayoutSettingsPanel().parents('.print-layout-settings-container'));
+        });
+
+        it('User should be able to check and uncheck the \'Exclude this question when printing\' checkbox', () => {
+            steps.checkExcludeThisQuestionWhenPrintingCheckbox();
+            steps.uncheckExcludeThisQuestionWhenPrintingCheckbox();
+        });
+
+        it('Print preview button should be present and icon should be visible', () => {
+            utilities.verifyElementVisibilityState(printPreviewComponent.printPreviewButton(), 'visible');
+            utilities.verifyInnerText(printPreviewComponent.printPreviewButton(), 'Print preview');
+            utilities.verifyElementVisibilityState(printPreviewComponent.printPreviewIcon(), 'visible');
+        });
+
+        it('CSS of Print preview button and icon', { tags: 'css' }, () => {
+            utilities.verifyCSS(printPreviewComponent.printPreviewButton(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular,
+            });
+            utilities.verifyCSS(printPreviewComponent.printPreviewIcon().find('path'), {
+                'stroke': css.color.primaryBtnBg
+            });
+        });
+
+        it('Accessibility of Print preview button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(printPreviewComponent.printPreviewButton());
+        });
+
+        it('When the user check the \'Exclude this question when printing\' checkbox, then Print preview button should be disabled and instructions input field for print should not be editable', () => {
+            steps.checkExcludeThisQuestionWhenPrintingCheckbox();
+            steps.verifyPrintPreviewButtonDisabledState();
+            steps.verifyQuestionInstructionsInputFieldForPrintDisabledState();
+            steps.uncheckExcludeThisQuestionWhenPrintingCheckbox();
+        });
+
+        it('Question instructions for print label should be displayed', () => {
+            utilities.verifyElementVisibilityState(printPreviewComponent.questionInstructionsForPrintLabel(), 'visible');
+            utilities.verifyInnerText(printPreviewComponent.questionInstructionsForPrintLabel(), 'Question instructions for print (overrides default instructions)');
+        });
+
+        it('Question instructions for print (overrides default instructions) input field should be present and by default it should be empty', () => {
+            utilities.verifyElementVisibilityState(printPreviewComponent.questionInstructionsInputFieldForPrint(), 'visible');
+            utilities.verifyTextContent(printPreviewComponent.questionInstructionsInputFieldForPrint(), '');
+        });
+    },
+};
+
+export const printPreviewComponent = {
+    ...selectors,
+    steps,
+    tests
+};

package/cypress/pages/components/questionInputFieldComponent.js

@@ -29,7 +29,7 @@ const steps = {
             .within(() => {
                 questionInputFieldComponent.responseAreaCloseButton()
                     .click();
-                    cy.wait(1000)
+                cy.wait(1000)
             });
     },
 
@@ -76,6 +76,18 @@ const steps = {
         cy.wait(1000);
     },
 
+    /**
+     * @description Add multiple response areas
+     * @param {number} count Number of response areas to add
+     */
+    addMultipleResponseAreas: (count) => {
+        for (let i = 0; i < count; i++) {
+            questionInputFieldComponent.addResponseAreaButton()
+                .click();
+            cy.wait(1000);
+        }
+    },
+
     verifyQuestionInputFieldPlaceholder: () => {
         questionInputFieldComponent.questionInputField()
             .should('have.attr', 'data-cke-editorplaceholder', 'Enter question');

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -252,6 +252,11 @@ const tests = {
             scoringSectionBaseEditTab.steps.verifyDefaultPointsLabelAndInputField();
         });
 
+        it('By default, the points input field should be empty', () => {
+            scoringSectionBaseEditTab.steps.focusInAndFocusOutOfPointsInputField(0);
+            scoringSectionBaseEditTab.steps.verifyPointsFieldValue('');
+        });
+
         it('CSS of \'Points\' label and input field', { tags: 'css' }, () => {
             utilities.verifyCSS(scoringSectionBaseEditTab.pointsLabel(), {
                 'color': css.color.labels,
@@ -397,6 +402,12 @@ const tests = {
         });
     },
 
+    verifyNonScoredDefaultState: () => {
+        it('Point input field should be displayed in disabled state with prefilled 0 points', () => {
+            scoringSectionBaseEditTab.steps.verifyNonScoredPointsField();
+        });
+    },
+
     verifyScoringSectionContentsForNonScoredScoringType: () => {
         it('When the user has selected \'Non scored\' option from the \'Scoring type\' dropdown, \'Minimum scoring\' dropdown should not be displayed', () => {
             utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.minimumScoringDropdown(), 'notExist');

package/cypress/pages/fillInTheGapsTextPage.js

@@ -1,6 +1,7 @@
 import utilities from "../support/helpers/utilities";
-import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, questionInputFieldComponent, additionalSettingsPanel, responseAreaSettingsPopupComponent, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent } from "./components";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, questionInputFieldComponent, additionalSettingsPanel, responseAreaSettingsPopupComponent, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, studentViewSettingsLabelComponent, printPreviewComponent } from "./components";
 import { createItemPage } from "./createItemPage";
+const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -21,11 +22,20 @@ const selectors = {
     ...placeholderTextSectionComponent,
     ...styleAndLayoutCustomizationAccordionComponent,
     ...figCommonStyleAndLayoutComponent,
+    ...studentViewSettingsLabelComponent,
+    ...printPreviewComponent,
     setForAllTextContainersLabel: () => cy.get('[data-ngie-testid="set-for-all-text-containers-checkbox"] .MuiFormControlLabel-label'),
     setForAllTextContainersCheckbox: () => cy.get('[data-ngie-testid="set-for-all-text-containers-checkbox"] input'),
     correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.no-numeration-correct-answers-wrapper .preview-question-text-wrapper'),
     answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="label-image-with-text-correct-answer-wrapper"]'),
+    //Student view settings
+    autoResizeResponseFieldLabel: () => cy.get('[data-ngie-testid="auto-resize-the-response-field-checkbox"] .MuiFormControlLabel-label'),
+    autoResizeCheckbox: () => cy.get('[data-ngie-testid="auto-resize-the-response-field-checkbox"] input[type="checkbox"]'),
+    answerResponseFieldPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .response-multiline-input-field'),
+    questionInstructionsPrintPreviewContent: (number) => cy.get('[data-testid="question-instruction-element"]').eq(number),
+    questionNumberPrintPreviewText: () => cy.get('[class*="ClozeWithTextPreviewstyle__QuestionNumber"]'),
+    responseAreaNumerationNew: () => cy.get('.answer-numeration-number-box'),
 }
 
 const steps = {
@@ -53,6 +63,7 @@ const steps = {
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...figCommonStyleAndLayoutComponent.steps,
     ...createItemPage.steps,
+    ...printPreviewComponent.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.
@@ -165,6 +176,48 @@ const steps = {
         fillInTheGapsTextPage.answerStatusBanner()
             .should('be.visible');
     },
+
+    verifyAutoResizeCheckboxUnchecked: () => {
+        fillInTheGapsTextPage.autoResizeCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyAutoResizeCheckboxChecked: () => {
+        fillInTheGapsTextPage.autoResizeCheckbox()
+            .should('be.checked');
+    },
+
+    checkAutoResizeCheckbox: () => {
+        fillInTheGapsTextPage.autoResizeCheckbox()
+            .click()
+        steps.verifyAutoResizeCheckboxChecked();
+    },
+
+    uncheckAutoResizeCheckbox: () => {
+        fillInTheGapsTextPage.autoResizeCheckbox()
+            .click();
+        steps.verifyAutoResizeCheckboxUnchecked();
+    },
+
+    /**
+     * Verify that the auto-resize for a response field in the Preview Tab is disabled.
+     * @param {number} responseFieldIndex - The index of the response field to verify.
+     */
+    verifyAutoResizeOfResponseFieldPreviewTabDisabled: (responseFieldIndex) => {
+        fillInTheGapsTextPage.answerInputFieldWrapperPreviewTab()
+            .eq(responseFieldIndex)
+            .should('have.attr', 'resizetype', 'vertical');
+    },
+
+    /**
+     * Verify that the auto-resize for a response field in the Preview Tab is enabled.
+     * @param {number} responseFieldIndex - The index of the response field to verify.
+     */
+    verifyAutoResizeOfResponseFieldPreviewTabEnabled: (responseFieldIndex) => {
+        fillInTheGapsTextPage.answerResponseFieldPreviewTab()
+            .eq(responseFieldIndex)
+            .should('have.attr', 'resizetype', 'none');
+    },
 }
 
 const tests = {
@@ -185,7 +238,79 @@ const tests = {
     ...ariaLabelSectionComponent.tests,
     ...placeholderTextSectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
-    ...figCommonStyleAndLayoutComponent.tests
+    ...figCommonStyleAndLayoutComponent.tests,
+    ...studentViewSettingsLabelComponent.tests,
+    ...printPreviewComponent.tests,
+
+    verifyAutoResizeResponseFieldEditTabContents: () => {
+        it('Auto-resize response field label should be displayed', () => {
+            utilities.verifyInnerText(fillInTheGapsTextPage.autoResizeResponseFieldLabel(), 'Auto-resize the response field');
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.autoResizeResponseFieldLabel(), 'visible');
+        });
+
+        it('Auto-resize response field checkbox should be displayed and in unchecked state by default', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.autoResizeCheckbox(), 'exist');
+            steps.verifyAutoResizeCheckboxUnchecked();
+        });
+
+        it('CSS of \'Auto-resize response field\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsTextPage.autoResizeResponseFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Auto-resize response field\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsTextPage.autoResizeResponseFieldLabel().parents('.student-view-settings-container'));
+        });
+
+        it('CSS of \'Auto-resize response field\' section - unchecked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsTextPage.autoResizeResponseFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.autoResizeCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+
+        it('Accessibility of \'Auto-resize response field\' section - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsTextPage.autoResizeResponseFieldLabel().parents('.student-view-settings-container'));
+        });
+
+        it('User should be able to check \'Auto-resize response field\' checkbox', () => {
+            fillInTheGapsTextPage.steps.checkAutoResizeCheckbox();
+        });
+
+        it('CSS of \'Auto-resize response field\' section - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsTextPage.autoResizeCheckbox().parent('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Auto-resize response field\' section - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsTextPage.autoResizeResponseFieldLabel().parents('.student-view-settings-container'));
+        });
+
+        it('User should be able to uncheck \'Auto-resize response field\' checkbox', () => {
+            fillInTheGapsTextPage.steps.uncheckAutoResizeCheckbox();
+        });
+    },
+
+    verifyAutoResizeResponseFieldFunctionalityPreviewTab: () => {
+        it('When the \'Auto-resize response field\' functionality is disabled, the response field should have \'auto-resize\' attribute set as \'false\' in preview tab', () => {
+            fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabDisabled(0);
+        });
+
+        it('When the \'Auto-resize response field\' functionality is enabled, the response field should have \'auto-resize\' attribute set as \'true\' in the preview tab', () => {
+            createQuestionBasePage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.checkAutoResizeCheckbox();
+            createQuestionBasePage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabEnabled(0);
+        });
+    },
 }
 
 export const fillInTheGapsTextPage = {

package/package.json

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