itemengine-cypress-automation 1.0.585-IEI-7048-de16dee.0 → 1.0.585-IEI-7161-main-9d7019b.0

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

@@ -1,9 +1,10 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { uploadResponsePage } from "../../../pages";
+import { uploadResponsePage, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 import { supportedFileType } from "../../../fixtures/uploadResponseFileType";
 import { commonComponents } from "../../../pages/components";
 const css = Cypress.env('css');
+let itemReferenceID;
 
 const fileSizeLimitOptions = ['5', '10', '15', '20', '100'];
 
@@ -407,4 +408,57 @@ describe('Create question page - Upload Response: Question Instructions, Support
             utilities.verifyElementVisibilityState(uploadResponsePage.warningIcon(), 'notExist');
         });
     });
+
+
+    describe('Print layout settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        uploadResponsePage.tests.verifyPrintLayoutSettingsAccordionProperties();
+        uploadResponsePage.tests.verifyPrintLayoutSettingsAccordionContents();
+        uploadResponsePage.tests.verifyPrintLayoutSettingsAccordionAdditionalContent();
+    });
+
+    describe('Print layout settings: Default state', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.expandPrintLayoutSettings();
+            uploadResponsePage.steps.addTextInQuestionInstructionsInputField('upload response instructions.');
+            uploadResponsePage.steps.checkDisplayLinesForTheResponseCheckbox();
+        });
+
+        it('When the user navigates to the print view, then instructions and number of lines with 32px height should be displayed correctly', () => {
+            uploadResponsePage.steps.clickOnSaveQuestionButton();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            cy.wrap(itemPreviewPage.steps.getItemReferenceID()).then((referenceId) => {
+                itemReferenceID = referenceId;
+                cy.visit(`/item-engine/demo/render-item/print-view/${utilities.base64Encoding(itemReferenceID)}`);
+                utilities.verifyInnerText(uploadResponsePage.questionInstructionsPrintPreviewText(), 'upload response instructions.');
+                uploadResponsePage.steps.verifyNumberOfLinesInPrintView(5, '32px');
+            });
+        });
+
+        it('When the modified number of lines and line spacing are applied, then instructions and number of lines with modified line spacing should be displayed correctly', () => {
+            cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+            uploadResponsePage.steps.clickOnEditQuestionButton();
+            uploadResponsePage.steps.expandPrintLayoutSettings();
+            uploadResponsePage.steps.addTextInQuestionInstructionsInputFieldForPrint('upload response modify instructions.');
+            uploadResponsePage.steps.addValueInNumberOfLinesInputField('5');
+            uploadResponsePage.steps.expandLineSpacingDropdown();
+            uploadResponsePage.steps.selectLineSpacingDropdownOption('Double');
+            uploadResponsePage.steps.clickOnSaveQuestionButton();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            cy.wrap(itemPreviewPage.steps.getItemReferenceID()).then((referenceId) => {
+                itemReferenceID = referenceId;
+                cy.visit(`/item-engine/demo/render-item/print-view/${utilities.base64Encoding(itemReferenceID)}`);
+                utilities.verifyInnerText(uploadResponsePage.questionInstructionsPrintPreviewText(), 'upload response modify instructions.');
+                uploadResponsePage.steps.verifyNumberOfLinesInPrintView(5, '48px');
+            });
+        });
+    });
 });

package/cypress/e2e/ILC/UploadResponse/studentViewSettingsSection.js

@@ -1,9 +1,12 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { uploadResponsePage } from "../../../pages";
+import { uploadResponsePage, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(correctAnswerViews);
+let itemReferenceID = "";
 
-const labels =[uploadResponsePage.allowStudentToAddFileDescriptionLabel, uploadResponsePage.allowStudentToEditFileNameLabel, uploadResponsePage.displayPerFileSizeLimitToStudentLabel];
+const labels = [uploadResponsePage.allowStudentToAddFileDescriptionLabel, uploadResponsePage.allowStudentToEditFileNameLabel, uploadResponsePage.displayPerFileSizeLimitToStudentLabel];
 
 describe('Create question page - Upload Response: Additional Settings', () => {
     before(() => {
@@ -43,7 +46,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             uploadResponsePage.steps.uncheckDisplayPerFileSizeLimitToStudentCheckbox();
         });
 
-        /*it('\'Allow student to edit file name\' label and checkbox should be displayed and by default checkbox should be checked', () => {
+        it('\'Allow student to edit file name\' label and checkbox should be displayed and by default checkbox should be checked', () => {
             utilities.verifyInnerText(uploadResponsePage.allowStudentToEditFileNameLabel(), 'Allow student to edit file name');
             utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToEditFileNameLabel(), 'visible');
             utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToEditFileNameCheckbox(), 'exist');
@@ -87,7 +90,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
 
         it('Accessibility of \'Student view settings\' section', { tags: 'a11y' }, () => {
             cy.checkAccessibility(uploadResponsePage.uploadControlsLabel().parents('.student-view-settings-container'))
-        });*/
+        });
     });
 
     describe('Upload controls - Preview tab', () => {
@@ -150,7 +153,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
         });
     });
 
-    /*describe('Allow student to edit file name - Preview tab', () => {
+    describe('Allow student to edit file name - Preview tab', () => {
         abortEarlySetup();
         before(() => {
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
@@ -170,9 +173,9 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             uploadResponsePage.steps.uncheckAllowStudentToEditFileNameCheckbox();
             uploadResponsePage.steps.switchToPreviewTab();
             uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
-            utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'hidden');
+            utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'notExist');
         });
-    });*/
+    });
 
     describe('Allow student to add file description - Preview tab', () => {
         abortEarlySetup();
@@ -180,9 +183,9 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
             cy.barsPreLoaderWait();
         });
-        
+
         it('When the \'Allow student to add file description\' checkbox is checked then in the preview tab, then add description icon should be displayed', () => {
-            uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
+            uploadResponsePage.steps.verifyAllowStudentToAddFileDescriptionCheckboxChecked();
             uploadResponsePage.steps.switchToPreviewTab();
             uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
             utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'visible');
@@ -197,4 +200,174 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'notExist');
         });
     });
+
+    views.forEach((view) => {
+        describe(`${view}: Student view settings default state`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+                        cy.barsPreLoaderWait();
+                        uploadResponsePage.steps.addTextInQuestionInstructionsInputField('upload response instructions.');
+                        uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
+                        uploadResponsePage.steps.verifyAllowStudentToAddFileDescriptionCheckboxChecked();
+                        uploadResponsePage.steps.verifyDisplayPerFileSizeLimitToStudentCheckboxChecked();
+                        uploadResponsePage.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':
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    uploadResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(`When the 'Allow student to edit file name' checkbox ,then edit icon should be displayed in the ${view}`, () => {
+                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+                utilities.verifyElementVisibilityState(utilities.getNthElement(uploadResponsePage.editDisplayTextIcon(), 0), 'visible');
+            });
+
+            it(`When the 'Allow student to add file description' checkbox is checked, then add description icon should be displayed in the ${view}`, () => {
+                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+                utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'visible');
+            });
+
+            it(`When the 'Display per file size limit to student' checkbox is checked then, then 'Maximum file size: #MB' should be displayed in the ${view}`, () => {
+                utilities.verifyElementVisibilityState(uploadResponsePage.maximumFileSize(), 'visible');
+                uploadResponsePage.steps.verifyMaximumFileSizePreviewTab('20MB');
+            });
+
+            it('When the \'Capture photos\' option is selected then in the preview tab, the upload response area text should have \'Capture an image\' option', () => {
+                uploadResponsePage.steps.verifyUploadOptionVisibleInUploadResponseArea('Capture photo');
+            });
+
+            it('When the \'Drag and drop files\' option is selected then in the preview tab, the upload response area text should be \'Drag and drop files here\'', () => {
+                utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
+                utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
+            });
+
+            it('When the user clicks on the link text \'capture an image\' a \'Capture image\' popup should open', () => {
+                uploadResponsePage.steps.captureImage();
+                utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'visible');
+            });
+
+            it('On \'Capture image\' popup following should be displayed - \'Capture image\' title text, Camera preview, Capture and Cancel buttons', () => {
+                uploadResponsePage.steps.verifyCaptureImagePopup();
+                utilities.verifyElementVisibilityState(uploadResponsePage.acceptButton(), 'visible');
+                utilities.verifyElementVisibilityState(uploadResponsePage.cancelButton(), 'visible');
+                utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Cancel');
+                utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Capture');
+            });
+
+            it('When the user clicks on \'Cancel\' button the \'Capture image\' popup should close', () => {
+                uploadResponsePage.steps.clickCancelButtonInPopup();
+                utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'notExist');
+            });
+
+            it('When the user clicks on \'Capture\' button, then an image should get captured and a preview of the captured image should be displayed in place of the camera preview and also two buttons \'Retake\' and \'Save\' should be displayed in the popup and \'Cancel\' and \'Capture\' buttons should not be displayed in the popup', () => {
+                uploadResponsePage.steps.captureImage();
+                uploadResponsePage.steps.clickAcceptButtonInPopup();
+                utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Retake');
+                utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Save');
+            });
+
+            it('When the user clicks on \'Save\' button, it should upload the captured image in the response', () => {
+                uploadResponsePage.steps.clickAcceptButtonInPopup();
+                utilities.verifyElementVisibilityState(uploadResponsePage.uploadingProgressBar(), 'notExist');
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe.only(`${view}: Student view settings modified state`, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+                        cy.barsPreLoaderWait();
+                        uploadResponsePage.steps.addTextInQuestionInstructionsInputField('upload response instructions.');
+                        uploadResponsePage.steps.uncheckAllowStudentToEditFileNameCheckbox();
+                        uploadResponsePage.steps.uncheckAllowStudentToAddFileDescriptionCheckbox();
+                        uploadResponsePage.steps.uncheckDisplayPerFileSizeLimitToStudentCheckbox();
+                        uploadResponsePage.steps.unselectUploadControlsOption(0);
+                        uploadResponsePage.steps.unselectUploadControlsOption(1);
+                        uploadResponsePage.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(() => {
+                    uploadResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it(`When the user unchecks  \'Allow student to edit file name\' checkbox, then edit icon should be not be displayed in the ${view}`, () => {
+                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+                utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'notExist');
+            });
+
+            it(`When the user unchecks 'Allow student to add file description' checkbox, then in the Preview tab add description icon should be not be displayed in the ${view}`, () => {
+                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+                utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'notExist');
+            });
+
+            it(`When the user unchecks 'Display per file size limit to student' checkbox, then in the Preview tab Maximum file size: #MB should not be displayed in the ${view}`, () => {
+                utilities.verifyElementVisibilityState(uploadResponsePage.maximumFileSize(), 'notExist');
+            });
+
+            it(`When the user unselects the 'Capture photos' option, then the upload response area text should not have 'capture an image' option in the ${view}`, () => {
+                uploadResponsePage.steps.verifyUploadOptionNotVisibleInUploadResponseArea('Capture photo');
+            });
+
+            it(`When the user unselects the 'Drag and drop files' option, then the upload response area text should be 'Upload file here' in the ${view}`, () => {
+                utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
+                utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Upload file here');
+            });
+        });
+    });
 });

package/cypress/e2e/ILC/UploadResponse/uploadResponsePreview.js

@@ -22,7 +22,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('CSS of uploaded file wrapper contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(uploadResponsePage.uploadedFileLink().children(), {
+            utilities.verifyCSS(uploadResponsePage.uploadedFileDownloadLinkText(), {
                 'color': css.color.linkText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
@@ -105,7 +105,7 @@ describe('Create question page - Upload Response: Preview', () => {
 
         it('On clicking on the file name, user should be able to download the file', () => {
             uploadResponsePage.steps.uploadFile('uploads/image.png');
-            cy.verifyUploadFilePreviewDownload('image.png');
+            uploadResponsePage.steps.verifyDownloadedFilename('image.png', 0);
             cy.wait(5000);
         });
     });
@@ -131,6 +131,10 @@ describe('Create question page - Upload Response: Preview', () => {
 
         it('On \'Capture image\' popup following should be displayed - \'Capture image\' title text, Camera preview, Capture and Cancel buttons', () => {
             uploadResponsePage.steps.verifyCaptureImagePopup();
+            utilities.verifyElementVisibilityState(uploadResponsePage.acceptButton(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.cancelButton(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Cancel');
+            utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Capture');
         });
 
         it('CSS of \'Capture image\' popup', { tags: 'css' }, () => {

package/cypress/e2e/ILC/UploadResponse/uploadedFileProperties.js

@@ -67,9 +67,10 @@ describe('Create question page - Upload Response: Preview', () => {
             utilities.verifyInnerText(commonComponents.tooltipText(), 'Add file description');
         });
 
-        it('When the user clicks on the \'Add file description\' icon button, an input area should be displayed along with a placeholder text: \'Add file description\'', () => {
+        it('When the user clicks on the \'Add file description\' icon button, an input area should be displayed along with a label text: \'Add file description\'', () => {
             uploadResponsePage.steps.clickOnAddFileDescriptionIcon();
-            uploadResponsePage.steps.verifyAddFileDescriptionInputFieldPlaceholderText();
+            utilities.verifyInnerText(uploadResponsePage.addFileDescriptionLabel(), 'Add file description');
+            utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionInput(), 'visible');
         });
 
         it('CSS of \'Add file description\' input field', { tags: 'css' }, () => {
@@ -81,7 +82,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('Accessibility of \'Add file description\' input field', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(uploadResponsePage.addFileDescriptionInput().parents('.placeholder'));
+            cy.checkAccessibility(uploadResponsePage.addFileDescriptionInput());
         });
 
         it('User should be able to add description text for uploaded file', () => {
@@ -244,7 +245,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('If the user tries to download file after renaming, the file should get downloaded with the original name', () => {
-            cy.verifyUploadFilePreviewDownload('image.png');
+            uploadResponsePage.steps.verifyDownloadedFilename('imageEdited.png', 0);
         });
     });
 });

package/cypress/pages/uploadResponsePage.js

@@ -1,4 +1,4 @@
-import { commonComponents, questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent, additionalSettingsAccessibilitySectionComponent, autoScoredStudentViewSettings } from "./components";
+import { commonComponents, questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent, additionalSettingsAccessibilitySectionComponent, autoScoredStudentViewSettings, printPreviewComponent } from "./components";
 import { createItemPage, dialogBoxBase } from ".";
 import utilities from "../support/helpers/utilities";
 import { supportedFileType } from "../fixtures/uploadResponseFileType";
@@ -15,6 +15,7 @@ const selectors = {
     ...questionInstructionsComponent,
     ...commonComponents,
     ...dialogBoxBase,
+    ...printPreviewComponent,
 
     maximumNumberOfFilesInputField: () => cy.get('.input-stepper-textfield'),
     maximumNumberOfFilesLabel: () => cy.get('.input-stepper-label'),
@@ -73,10 +74,11 @@ const selectors = {
     inputTypeFile: () => cy.get('input[type="file"]'),
     uploadedFilesSectionWrapper: () => cy.get('.uploaded-document-wrapper'),
     uploadedFileWrapper: () => cy.get('.uploaded-document'),
-    editDisplayTextIcon: () => cy.get('.icon-pencil'),
+    editDisplayTextIcon: () => cy.get('[class*="UploadedDocumentsstyle__DocumentEditIconWrapper"]'),
     fileName: () => cy.get('.studentResponse'),
-    addFileDescriptionInput: () => cy.get('[placeholder="Add file description"]'),
+    addFileDescriptionInput: () => cy.get('.uploaded-documents-file-description-input input'),
     addFileDescriptionIcon: () => cy.get('.icon-File-description'),
+    addFileDescriptionLabel: () => cy.get('[class*="UploadedDocumentsstyle__FileDescriptionLabel"]'),
     scanningForVirusPreLoader: () => cy.get('[alt="loader"]'),
     virusErrorMessageWrapper: () => cy.get('.FileUploadStatementLarge'),
     uploadedFileLink: () => cy.get('img[src*="/files/document?key=freeResponse/"]'),
@@ -99,6 +101,25 @@ const selectors = {
     downloadIconOfPopUp: () => cy.get('.download-icon'),
     downloadTextOfPopUp: () => cy.get('[class*="UploadedDocumentsstyle__DownloadTextWrapper"]'),
     closePopUpButton: () => cy.get('.close-popup-btn'),
+
+    //Print layout settings additional content selectors
+    displayLinesForTheResponseLabel: () => cy.get('label[aria-label*="Display lines for the response"]'),
+    displayLinesForTheResponseCheckbox: () => cy.get('input[aria-label*="Display lines for the response"]'),
+    numberOfLinesInputField: () => cy.get('[aria-labelledby*="number-of-lines"]'),
+    numberOfLinesLabel: () => cy.get('.number-of-lines-label'),
+    lineSpacingLabel: () => cy.get('[id="Line-Spacing-dropdown-label"]'),
+    lineSpacingDropdown: () => cy.get('.print-layout-settings-detail-wrapper [aria-label*="Line Spacing"]'),
+    lineSpacingDropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="Line-Spacing-dropdown-label Line-Spacing-placeholder"] [role="option"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('[aria-labelledby*="Line-Spacing-dropdown-label Line-Spacing-placeholder"] [role="option"]')
+        }
+    },
+    numberOfLinesInPrintView: () => cy.get('[class*="UploadResponsePrintPreviewstyles__Line"]'),
+    uploadedFileButton: () => cy.get('[class*="UploadedDocumentsstyle__UploadedDocumentNameContainer"] button'),
+    uploadedFileDownloadButton: () => cy.get('[class*="UploadedDocumentsstyle__DownloadTextWrapper"]'),
+    uploadedFileDownloadLinkText: () => cy.get('[class*="DocumentNameWrapper studentResponse"]'),
 }
 
 const steps = {
@@ -109,7 +130,7 @@ const steps = {
     ...commonComponents.steps,
     ...autoScoredScoringPreviewTab.steps,
     ...createItemPage.steps,
-
+    ...printPreviewComponent.steps,
     /**
      * @param {number} maxValue value of maximum number of files
      * @description function enters value in maximum number of files input field
@@ -655,7 +676,82 @@ const steps = {
         utilities.verifyElementVisibilityState(uploadResponsePage.cancelButton(), 'visible');
         utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Capture');
         utilities.verifyElementVisibilityState(uploadResponsePage.acceptButton(), 'visible');
-    }
+    },
+
+    verifyDisplayLinesForTheResponseCheckboxUnchecked: () => {
+        uploadResponsePage.displayLinesForTheResponseCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyDisplayLinesForTheResponseCheckboxChecked: () => {
+        uploadResponsePage.displayLinesForTheResponseCheckbox()
+            .should('be.checked');
+    },
+
+    checkDisplayLinesForTheResponseCheckbox: () => {
+        uploadResponsePage.displayLinesForTheResponseCheckbox()
+            .click()
+        steps.verifyDisplayLinesForTheResponseCheckboxChecked();
+    },
+
+    uncheckDisplayLinesForTheResponseCheckbox: () => {
+        uploadResponsePage.displayLinesForTheResponseCheckbox()
+            .click();
+        steps.verifyDisplayLinesForTheResponseCheckboxUnchecked();
+    },
+
+    expandLineSpacingDropdown: () => {
+        uploadResponsePage.lineSpacingDropdown()
+            .click();
+    },
+
+    /**
+     * @description this function is select option from line spacing dropdown
+     * @param {number} option is to be selected from the dropdown
+     */
+    selectLineSpacingDropdownOption: (option) => {
+        uploadResponsePage.lineSpacingDropdownListOptions(option)
+            .click();
+        utilities.verifyInnerText(uploadResponsePage.lineSpacingDropdown(), option);
+    },
+
+    /**
+     * @description this function is to add value in number of lines input field
+     * @param {number} value need to add in the input field
+     */
+    addValueInNumberOfLinesInputField: (value) => {
+        uploadResponsePage.numberOfLinesInputField()
+            .clear()
+            .type(value)
+            .should('have.value', value);
+    },
+
+    /**
+     * @description this function verifies the number of lines and their height in the print view
+     * @param {number} expectedLines number of lines in the print view
+     * @param {number} expectedLineHeight height of each line in the print view
+     */
+    verifyNumberOfLinesInPrintView: (expectedLines, expectedLineHeight) => {
+        uploadResponsePage.numberOfLinesInPrintView()
+            .should('have.length', expectedLines)
+            .each(($line) => {
+                cy.wrap($line).should('have.css', 'height', expectedLineHeight);
+            });
+    },
+
+    /**
+    * @description this function verifies the downloaded filename
+    * @param {string} fileName for the uploaded file
+    * @param {number} index of the file type option to be click
+    */
+    verifyDownloadedFilename: (fileName, index) => {
+        uploadResponsePage.uploadedFileButton()
+            .eq(index)
+            .click();
+        uploadResponsePage.uploadedFileDownloadButton()
+            .click();
+        cy.verifyDownload(fileName);
+    },
 }
 
 const tests = {
@@ -668,6 +764,7 @@ const tests = {
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...autoScoredStudentViewSettings.tests,
+    ...printPreviewComponent.tests,
     verifyWarningMessageDisappear: () => {
         it('The error message should disappear if the user clicks anywhere in the upload file content wrapper', () => {
             uploadResponsePage.inputTypeFile()
@@ -676,7 +773,69 @@ const tests = {
             uploadResponsePage.warningMessage()
                 .should('not.exist');
         });
-    }
+    },
+
+    verifyPrintLayoutSettingsAccordionAdditionalContent: () => {
+        const lineSpacingDropdownOptions = ['Single', 'Double'];
+        it('\'Display lines for the response\' label should be displayed', () => {
+            utilities.verifyInnerText(uploadResponsePage.displayLinesForTheResponseLabel(), 'Display lines for the response');
+            utilities.verifyElementVisibilityState(uploadResponsePage.displayLinesForTheResponseLabel(), 'visible');
+        });
+
+        it('Display lines for the response checkbox should be displayed and by default unchecked', () => {
+            utilities.verifyElementVisibilityState(uploadResponsePage.displayLinesForTheResponseCheckbox(), 'exist');
+            steps.verifyDisplayLinesForTheResponseCheckboxUnchecked();
+        });
+
+        it('CSS of \'Display lines for the response\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.displayLinesForTheResponseLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Display lines for the response\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.displayLinesForTheResponseLabel().parents('.print-layout-settings-container'));
+        });
+
+        it('User should be able to check and uncheck the \'Display lines for the response\' checkbox', () => {
+            steps.checkDisplayLinesForTheResponseCheckbox();
+            steps.uncheckDisplayLinesForTheResponseCheckbox();
+        });
+
+        it('Number of lines label and input field should be displayed when \'Display lines for the response\' checkbox is checked', () => {
+            steps.checkDisplayLinesForTheResponseCheckbox();
+            utilities.verifyInnerText(uploadResponsePage.numberOfLinesLabel(), 'Number of lines');
+            utilities.verifyElementVisibilityState(uploadResponsePage.numberOfLinesLabel(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.numberOfLinesInputField(), 'exist');
+        });
+
+        it('User should be able to enter value in Number of lines input field', () => {
+            uploadResponsePage.steps.addValueInNumberOfLinesInputField('5');
+        });
+
+        it(`\'Line Spacing\' label should be displayed and \'Line Spacing\' dropdown should be displayed and in \'Line Spacing\' dropdown \'${lineSpacingDropdownOptions[0]}\' option should be selected by default`, () => {
+            utilities.verifyInnerText(uploadResponsePage.lineSpacingLabel(), 'Line spacing');
+            utilities.verifyElementVisibilityState(uploadResponsePage.lineSpacingDropdown(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.lineSpacingDropdown(), lineSpacingDropdownOptions[0]);
+        });
+
+        it(`\'Line Spacing\' dropdown should have the following options: ${lineSpacingDropdownOptions.join(', ')}`, () => {
+            steps.expandLineSpacingDropdown()
+            lineSpacingDropdownOptions.forEach((option, count) => {
+                utilities.verifyInnerText(uploadResponsePage.lineSpacingDropdownListOptions().eq(count), option)
+            });
+            uploadResponsePage.steps.selectLineSpacingDropdownOption('Double')
+        });
+
+        it('User should be able to select options from Line Spacing dropdown', () => {
+            lineSpacingDropdownOptions.forEach((option) => {
+                uploadResponsePage.steps.expandLineSpacingDropdown();
+                uploadResponsePage.steps.selectLineSpacingDropdownOption(option)
+            });
+        });
+    },
 }
 
 export const uploadResponsePage = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.585-IEI-7048-de16dee.0",
+  "version": "1.0.585-IEI-7161-main-9d7019b.0",
   "description": "",
   "main": "index.js",
   "scripts": {