itemengine-cypress-automation 1.0.579-IEI-7178-6f40615.0 → 1.0.579-IEI-7193-1dd98c9.0

package/cypress/pages/components/optionsWrapperComponent.js

@@ -2,8 +2,10 @@ import constants from "../../fixtures/constants";
 import utilities from "../../support/helpers/utilities";
 import { ckEditorToolbar } from "./ckEditorToolbar";
 import { commonComponents } from "./commonComponents";
+import { createQuestionBasePage } from "./createQuestionBasePage";
 import { equationEditorFlyout } from "./equationEditorFlyout";
 const css = Cypress.env('css');
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 const selectors = {
     optionsLabel: () => cy.get('.options-label-wrapper .options-label'),
@@ -13,7 +15,9 @@ const selectors = {
     deleteOptionButton: () => cy.get('.ngie-button[aria-label*="Delete option"]'),
     optionsInputField: () => cy.get('.option-component [role="textbox"]'),
     //TODO: Need to update this in all TEI
-    optionNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]')
+    optionNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]'),   
+    expandIconButton: () => cy.get('.expand-image-container .expand-image-btn[aria-label="expand image button"]'),
+    closeImagePopup: () => cy.get('.close-popup-btn')
 }
 
 const steps = {
@@ -300,7 +304,23 @@ const steps = {
 
     verifyOptionCount: (count) => {
         utilities.verifyElementCount(optionsWrapperComponent.optionsInputField(), count);
-    }
+    },
+
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(optionsWrapperComponent.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            optionsWrapperComponent.expandIconButton()
+                .first()
+                .scrollIntoView()
+                .realClick();
+        },
+
+    closeImagePopup: () => {
+            optionsWrapperComponent.closeImagePopup()
+                .click();
+        }
 }
 
 const tests = {
@@ -387,6 +407,17 @@ const tests = {
             ckEditorToolbar.steps.addImageToInputField();
             optionsWrapperComponent.steps.verifyImageAndAltTextInOptionsInputField(inputFieldIndex);
         });
+        if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in options input field, user should be able to expand the image in preview tab', () => {
+                createQuestionBasePage.steps.switchToPreviewTab();
+                ckEditorToolbar.steps.verifyExpandIconInImage();
+                ckEditorToolbar.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(ckEditorToolbar.closeImagePopup(), 'Close');
+                ckEditorToolbar.steps.closeImagePopup();
+                ckEditorToolbar.steps.verifyExpandIconInImage();
+                createQuestionBasePage.steps.switchToEditTab();
+            });
+        }
     },
 
     /**

package/cypress/pages/components/questionInputFieldComponent.js

@@ -10,7 +10,9 @@ const selectors = {
     responseAreaNumeration: () => cy.get('marker'),
     responseAreaResponseLabel: () => cy.get('content'),
     questionContainerPreviewTab: () => cy.get('.preview-question-text-wrapper'),
-    responseAreaSettingsButton: () => cy.get('.add_response_settings_btn')
+    responseAreaSettingsButton: () => cy.get('.add_response_settings_btn'),
+    expandIconButton: () => cy.get('.expand-image-btn'),
+    closeImagePopup: () => cy.get('.close-popup-btn'),
 }
 
 const steps = {
@@ -145,7 +147,21 @@ const steps = {
         utilities.getNthElement(questionInputFieldComponent.responseArea(), responseAreaIndex)
             .find('.add_response_element')
             .should('have.css', 'height', height);
-    }
+    },
+
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(questionInputFieldComponent.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            questionInputFieldComponent.expandIconButton()
+                .click();
+        },
+
+    closeImagePopup: () => {
+            questionInputFieldComponent.closeImagePopup()
+                .click();
+        }
 }
 
 const tests = {

package/cypress/pages/matchingPage.js

@@ -5,6 +5,7 @@ import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 const options = ['option 1', 'option 2', 'option 3'];
 const fourOptions = ['option 1', 'option 2', 'option 3', 'option 4'];
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 const selectors = {
     ...correctIncorrectAnswerLabelComponent,
@@ -24,6 +25,7 @@ const selectors = {
     ...scoringSectionBaseEditTab,
     ...additionalSettingsPanel,
     ...connectorStyleStyleAndLayoutCustomizationComponent,
+    ...ckEditorToolbar,
     //Edit tab
     promptInputField: () => cy.get('.edit-mcq-stems-wrapper [role="textbox"]'),
     promptInputFieldWrapper: () => cy.get('.edit-mcq-stems-wrapper .edit-mcq-option-wrapper'),
@@ -2864,6 +2866,22 @@ const tests = {
             createQuestionBasePage.steps.switchToPreviewTab();
             draggableOptionContainer.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(optionsAfterDeleting);
         });
+        if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in question instruction, user should be able to expand the image in preview tab', () => {
+                createQuestionBasePage.steps.switchToEditTab();
+                optionsWrapperComponent.steps.addOption();
+                matchingPage.steps.focusInOptionsInputField(3);
+                matchingPage.steps.selectImageOptionFromCKEditorToolbar();
+                matchingPage.steps.addImageToInputField();
+                // matchingPage.steps.focusOutOptionsInputField(3);
+                createQuestionBasePage.steps.switchToPreviewTab();
+                matchingPage.steps.verifyExpandIconInImage();
+                matchingPage.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(matchingPage.closeImagePopup(), 'Close');
+                matchingPage.steps.closeImagePopup();
+                matchingPage.steps.verifyExpandIconInImage();
+            });
+        }
     },
 
     //Need to remove when https://redmine.zeuslearning.com/issues/566720 is resolved

package/cypress/pages/numberLineLabelPage.js

@@ -15,6 +15,7 @@ const selectors = {
     ...autoScoredScoringPreviewTab,
     ...randomizeOptionsComponent,
     ...additionalSettingsPanel,
+    ...ckEditorToolbar,
     partialEqualWeightsPointsPerResponseScore: () => cy.get('.alternate-points-points-per-value-span'),
     snapToTicksCheckbox: () => cy.get('[data-ngie-testid="snap-to-grid-nodes-checkbox"] input'),
     snapToTicksLabel: () => cy.get('[data-ngie-testid="snap-to-grid-nodes-checkbox"] .MuiFormControlLabel-label'),

package/cypress/pages/shortTextResponsePage.js

@@ -1,9 +1,8 @@
-import { createQuestionBasePage, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, questionInstructionsComponent, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, additionalSettingsPanel, acceptedStudentInputComponent, studentViewSettingsLabelComponent, customizeSpecialCharacterComponent, studentResponseAndLayoutComponent, printPreviewComponent, showAlternativeAnswersComponent } from "./components/";
+import { createQuestionBasePage, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, questionInstructionsComponent, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, additionalSettingsPanel, acceptedStudentInputComponent, studentViewSettingsLabelComponent, customizeSpecialCharacterComponent, studentResponseAndLayoutComponent, printPreviewComponent } from "./components/";
 import { dialogBoxBase } from "./dialogBoxBase";
 import utilities from "../support/helpers/utilities";
 import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -19,7 +18,6 @@ const selectors = {
     ...createQuestionBasePage,
     ...printPreviewComponent,
     ...autoScoredScoringSectionMultiResponseType,
-    ...showAlternativeAnswersComponent,
 
     answerLabelSpecifyCorrectAnswerSection: () => cy.get('.answer-label'),
     displayCharacterCountLabel: () => cy.get('[data-ngie-testid="display-character-count-checkbox"] .MuiFormControlLabel-label'),
@@ -67,13 +65,7 @@ const selectors = {
     //Preview tab
     previewTabResponseField: () => cy.get('.input-field input:visible'),
     previewTabResponseFieldWrapper: () => cy.get('.input-wrapper:visible'),
-    previewTabCorrectAnswerWrapper: () => {
-        if (alternativeAnswerCheck) {
-            return cy.get('[class*="CorrectAnswerSectionstyle__CorrectAnswerLabelWrapper"]');
-        } else {
-            return cy.get('[class*="ShortTextResponsestyles__CorrectAnswerWrapper"]');
-        }
-    },
+    previewTabCorrectAnswerWrapper: () => cy.get('[class*="ShortTextResponsestyles__CorrectAnswerWrapper"]'),
     previewTabCorrectAnswerLabel: () => cy.get('[class*="ShortTextResponsestyles__CorrectAnswerLabel"]'),
     previewTabCorrectAnswerResponse: () => cy.get('[class*="ShortTextResponsestyles__CorrectAnswerValueWrapper"]'),
     responseFieldCountPreviewTab: () => cy.get('[class*="InputLimitLabelWrapper"]'),
@@ -135,7 +127,6 @@ const steps = {
     ...createItemPage.steps,
     ...printPreviewComponent.steps,
     ...autoScoredScoringSectionMultiResponseType.steps,
-    ...showAlternativeAnswersComponent.steps,
 
     verifyCorrectIcon: () => {
         utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
@@ -158,7 +149,7 @@ const steps = {
 
     verifyIncorrectAttemptBorder: () => {
         utilities.verifyCSS(shortTextResponsePage.previewTabResponseField().parent().find('fieldset'), {
-            'border': `0.8px solid ${css.color.incorrectAnswer}`
+            'border': `1px solid ${css.color.incorrectAnswer}`
         });
     },
 
@@ -174,33 +165,14 @@ const steps = {
      * @param {String} correctAnswer correct answer in correct answer wrapper present in grading view
      * @description function verifies correct answer wrapper in grading view
      */
-    verifyCorrectAnswerResponseInCorrectAnswerWrapper: (correctAnswer, correctAnswerPoints = '') => {
-        if (alternativeAnswerCheck) {
-            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
-            (correctAnswerPoints !== '') && shortTextResponsePage.steps.verifyCorrectAnswersLabelAndPointVisible(`(${correctAnswerPoints} points)`);
-        } else {
-            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
-            utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'Correct answer:');
-            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'visible');
-        }
+    verifyCorrectAnswerResponseInCorrectAnswerWrapper: (correctAnswer) => {
+        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
+        utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'Correct answer:');
+        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'visible');
         utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerResponse(), correctAnswer);
         utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerResponse(), 'visible');
     },
 
-    verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper: (correctAnswer, correctAnswerPoints, alternateAnswer, alternateAnswerPoints) => {
-        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
-        utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerResponse().eq(0), correctAnswer);
-        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerResponse().eq(0), 'visible');
-        shortTextResponsePage.steps.verifyCorrectAnswersLabelAndPointVisible(`(${correctAnswerPoints} points)`);
-        shortTextResponsePage.steps.verifyShowAlternativeAnswersToggleExists();
-        shortTextResponsePage.steps.disableShowAlternativeAnswersToggle();
-        shortTextResponsePage.steps.verifyShowAlternativeAnswersToggleUnchecked();
-        shortTextResponsePage.steps.verifyAlternativeAnswersSectionNotExist();
-        shortTextResponsePage.steps.clickShowAlternativeAnswersToggle();
-        shortTextResponsePage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, `(${alternateAnswerPoints} points)`);
-        utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerResponse().eq(1), alternateAnswer);
-    },
-
     enterTextInShortTextResponseInputField: (correctAnswer) => {
         shortTextResponsePage.setCorrectAnswerResponseField()
             .type(correctAnswer)

package/cypress/pages/textSelectionPage.js

@@ -102,6 +102,8 @@ const selectors = {
     optionsInputFieldInQuestionPreviewTab: () => cy.get('[class*="word-span highlight_option"]'),
     questionInstructionsPrintViewText: () => cy.get('.question-text-wrapper').eq(0),
     questionTextPrintViewParagraphs: () => cy.get('#nextgen-assess-print-view [data-testid="question-instruction-element"] p'),
+    expandIconButton: () => cy.get('.expand-image-btn'),
+    closeImagePopup: () => cy.get('.close-popup-btn'),
 }
 
 const steps = {
@@ -1379,7 +1381,21 @@ const steps = {
         textSelectionPage.questionTextPrintViewParagraphs().each(($el, index) => {
             utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.questionTextPrintViewParagraphs(), index), `${paragraphTextArray[index]}`);
         });
-    }
+    },
+
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(textSelectionPage.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            textSelectionPage.expandIconButton()
+                .click();
+        },
+
+    closeImagePopup: () => {
+            textSelectionPage.closeImagePopup()
+                .click();
+        },
 }
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.579-IEI-7178-6f40615.0",
+  "version": "1.0.579-IEI-7193-1dd98c9.0",
   "description": "",
   "main": "index.js",
   "scripts": {