itemengine-cypress-automation 1.0.585-IEI-7055-cypress-9249eaa.0 → 1.0.586-IEI-7161-main-9f0d20f.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-7055-cypress-9249eaa.0",
+  "version": "1.0.586-IEI-7161-main-9f0d20f.0",
   "description": "",
   "main": "index.js",
   "scripts": {