itemengine-cypress-automation 1.0.201-28thMayRepoUpdate-e720349.0 → 1.0.201

package/cypress/e2e/ILC/VideoResponseNew/customizePlaybackControlsStandardRecorderStyle.js

@@ -47,7 +47,7 @@ describe('Create Item page - Video response: Customize playback controls', () =>
             utilities.verifyElementVisibilityState(videoResponsePage.fullScreenButtonControlsForPlayback(), 'visible');
             utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 6), 'Fullscreen');
             utilities.verifyElementVisibilityState(videoResponsePage.forwardBackwardButtonControlsForPlayback(), 'visible');
-            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 7), 'Forward/backward');
+            utilities.verifyInnerText(utilities.getNthElement(videoResponsePage.controlsForPlaybackButtonLabel(), 7), 'Forward/ backward');
             videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Play');
             videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Pause');
             videoResponsePage.steps.verifyControlsForPlaybackToggleButtonSelectedState('Seek');

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

@@ -117,7 +117,7 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         });
     });
 
-    //Failing due to https://redmine.zeuslearning.com/issues/570772, https://redmine.zeuslearning.com/issues/570761
+    //Failing due to https://redmine.zeuslearning.com/issues/573549
     describe('Maximum recording duration: Edit tab', () => {
         abortEarlySetup();
         before(() => {
@@ -200,6 +200,7 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         });
 
         it('When the user toggles to "Mins", "5" should be displayed in \'Maximum recording duration\' field', () => {
+            videoResponsePage.steps.setMaximumRecordingDuration(300);
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Mins');
             videoResponsePage.steps.verifyMaximumRecordingDuration(5);
         });
@@ -246,7 +247,7 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         });
 
         it('By default, maximum recording duration (5 minutes) should be displayed in minutes(mm:ss) format', () => {
-            utilities.verifyInnerText(videoResponsePage.recordingTimer(), '05:00');
+            utilities.verifyInnerText(videoResponsePage.recordingTimer(), '5:00');
             utilities.verifyElementVisibilityState(videoResponsePage.recordingTimer(), 'visible');
         });
 

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

@@ -43,7 +43,7 @@ describe('Create item page - Charts - Dot plot: Header section and saving questi
             chartsDotPlotPage.steps.allotPoints(20);
             chartsDotPlotPage.steps.clickOnCancelButton();
             utilities.verifyElementVisibilityState(chartsDotPlotPage.dialogBox(), 'visible');
-            utilities.verifyInnerText(chartsDotPlotPage.dialogBoxContent(), 'Are you sure you want to leave this page? Your changes have not been saved.');
+            utilities.verifyInnerText(chartsDotPlotPage.dialogBoxContentText(), 'Are you sure you want to leave this page? Your changes have not been saved.');
             utilities.verifyInnerText(chartsDotPlotPage.buttonAccept(), 'Yes, I want to leave this page');
             utilities.verifyInnerText(chartsDotPlotPage.buttonReject(), 'No, I\'d like to go back');
         });

package/cypress/pages/audioPlayerPage.js

@@ -1,10 +1,12 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
 import { ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, playbackControlsBaseComponent } from "./components";
+import { dialogBoxBase } from "./dialogBoxBase";
 
 const selectors = {
     ...playbackControlsBaseComponent,
     ...commonComponents,
+    ...dialogBoxBase,
     uploadAudioFileLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(0),
     uploadAudioFileRadioButton: () => cy.get('.ngie-radio-btn input').eq(0),
     addAudioURLLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(1),

package/cypress/pages/chartsLinePage.js

@@ -357,7 +357,7 @@ const tests = {
         it('When user hovers over the point, then point tooltip should be displayed', () => {
             utilities.getNthElement(chartsLinePage.previewTabPoint(), pointIndex)
                 .realHover({ position: 'left' });
-            utilities.verifyElementVisibilityState(chartsLinePage.barAndPointTooltipWrapper(), 'visible');
+            utilities.verifyElementVisibilityState(chartsLinePage.barAndPointTooltipDeleteButton(), 'visible');
         });
 
         it('The point tooltip should contain and point label button, and delete button', () => {
@@ -372,7 +372,7 @@ const tests = {
 
         it('When user hovers away from the point, then point tooltip should be not be displayed', () => {
             utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(chartsLinePage.barAndPointTooltipWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(chartsLinePage.barAndPointTooltipDeleteButton(), 'notExist');
         });
 
         it('CSS of point tooltip', { tags: 'css' }, () => {

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -356,11 +356,13 @@ const tests = {
                 .within(() => {
                     utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.pleaseEnterPointsErrorMessage(), 'notExist');
                 });
-            if (questionType != 'list ordering' && questionType != 'short text response' && questionType != 'text entry math') {
+            if (questionType != 'list ordering' && questionType != 'short text response' && questionType != 'text entry math' && questionType != 'text selection') {
                 steps.verifySpecifyCorrectAnswerErrorMessage();
             }
             else if (questionType === 'short text response' || questionType === 'fill in the gaps with text' || questionType === 'fill in the gaps over image text' || questionType === 'text entry math') {
                 utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), -1), 'Error: Answer is required.');
+            } else if (questionType === 'text selection') {
+                utilities.verifyInnerText(commonComponents.alertMessage(), 'Error: Please set a correct answer.');
             }
         });
     },

package/cypress/pages/components/commonComponents.js

@@ -16,6 +16,7 @@ const selectors = {
     deleteButton: () => cy.get('button[aria-label*="Delete option"]'),
     tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon'),
     errorIcon: () => cy.get('[id="Icon_material-error"]'),
+    alertMessage: () => cy.get('[role="alert"]:visible')
 }
 
 const steps = {

package/cypress/pages/components/createQuestionBasePage.js

@@ -162,7 +162,7 @@ const tests = {
             createQuestionBasePage.cancelButton()
                 .click();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Are you sure you want to leave this page? Your changes have not been saved.');
+            utilities.verifyInnerText(dialogBoxBase.dialogBoxContentText(), 'Are you sure you want to leave this page? Your changes have not been saved.');
             utilities.verifyInnerText(dialogBoxBase.buttonAccept(), 'Yes, I want to leave this page');
             utilities.verifyInnerText(dialogBoxBase.buttonReject(), 'No, I\'d like to go back');
         });

package/cypress/pages/components/draggableOptionContainer.js

@@ -17,10 +17,10 @@ const selectors = {
     groupedOptionsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupDiv"]'),
     groupedOptionsTitlePreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="GroupTitleWrapper"]'),
     groupedOptionsGridPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="DraggableGroupsGrid"]'),
-    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="DraggableItemsstyle__QuestionTextWrapper"]:visible'),
+    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="DraggableItems"][class*="__QuestionTextWrapper"]:visible'),
     optionContainerItemListPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .item-list'),
     optionContainerItemListSpecifyCorrectAnswerSection: () => cy.get('.item-list'),
-    draggableOptionDragIcon: () => cy.get('.drag-indicator-icon')
+    draggableOptionDragIcon: () => cy.get('.drag-icon-button')
 }
 
 const steps = {

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -334,6 +334,7 @@ const steps = {
     expandAndCollapseDropdownInSpecifyCorrectAnswerSection: (dropdownIndex) => {
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), dropdownIndex)
             .click();
+        utilities.verifyElementVisibilityState(fillInTheGapsDropdownCommonComponent.dropdownListOptions(), 'visible');
         cy.get('body')
             .click({ position: 'center' });
     },

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -990,8 +990,8 @@ const tests = {
 
         it('When user enters zero in maximum limit input field, then error message \'Error: Maximum limit must be greater than 0.\' should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Maximum limit must be greater than 0.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than 0.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage().eq(1), 'visible');
         });
 
         it('When user enters limit more than zero in maximum limit input field, then error message should disappear', () => {

package/cypress/pages/components/imageCanvasComponent.js

@@ -496,6 +496,16 @@ const steps = {
             .should('have.css', 'color', color);
     },
 
+    /**
+     * Selects the textbox inserted on the canvas
+     * @param {number} index index of the text box
+     */
+    selectInsertedTextBox: (index) => {
+        imageCanvasComponent.textResponse()
+            .eq(index)
+            .click();
+    },
+
     verifyTextColorOfTextBoxInPreviewTab: (color) => {
         imageCanvasComponent.textBoxInPreviewTab()
             .should('have.css', 'color', color);

package/cypress/pages/dialogBoxBase.js

@@ -8,7 +8,8 @@ const selectors = {
     dialogBoxContent: () => cy.get('[class*="dialog-content"]'),
     buttonReject: () => cy.get('[data-testid="reject-button"]'),
     buttonAccept: () => cy.get('[data-testid="accept-button"]'),
-    buttonClose: () => cy.get('[aria-label="CLOSE"]')
+    buttonClose: () => cy.get('[aria-label="CLOSE"]'),
+    dialogBoxContentText: () => cy.get('[class*="dialog-content"] [class*="EditQuestionstyles__PopupContentWrapper"]')
 }
 
 const steps = {
@@ -52,7 +53,7 @@ const tests = {
 
     verifyContentsOfLeavePagePopupWithCSSAnda11y: () => {
         it('The pop up should be displayed with the message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Are you sure you want to leave this page? Your changes have not been saved.');
+            utilities.verifyInnerText(dialogBoxBase.dialogBoxContentText(), 'Are you sure you want to leave this page? Your changes have not been saved.');
             utilities.verifyInnerText(dialogBoxBase.buttonAccept(), 'Yes, I want to leave this page');
             utilities.verifyInnerText(dialogBoxBase.buttonReject(), 'No, I\'d like to go back');
         });

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -56,7 +56,7 @@ const selectors = {
     rightArrowNavigationButton: () => cy.get('[class*="DragAndDropTablestyles__PaginationRightControl"]'),
 
     //Specify correct answer matrix
-    tableCellContainerSpecifyCorrectAnswerSection: () => cy.get('[class*="Matrixstyles__CellContainer"]'),
+    tableCellContainerSpecifyCorrectAnswerSection: () => cy.get('[class*="CellDropZonestyles__CellContainer"]'),
     tableRowContainerSpecifyCorrectAnswerSection: () => cy.get('[class*="Matrixstyles__RowContainer"]'),
     leftArrowNavigationButtonSpecifyCorrectAnswerSection: () => cy.get('.classification-set-correct-answer-wrapper [aria-label="Left Pagination Button"]'),
     rightArrowNavigationButtonSpecifyCorrectAnswerSection: () => cy.get('.classification-set-correct-answer-wrapper [aria-label="Right Pagination Button"]'),
@@ -515,7 +515,7 @@ const steps = {
             .within(() => {
                 draggableOptionContainer.draggableOption()
                     .contains(optionText)
-                    .click();
+                    .click({ force: true });
             });
         dragAndDropIntoCategoriesPage.dropzoneCellSpecifyCorrectAnswerSection()
             .eq(dropzoneIndex)
@@ -1324,7 +1324,6 @@ const tests = {
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-                    .eq(1)
                     .within(() => {
                         utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
                     });
@@ -1339,26 +1338,6 @@ const tests = {
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
 
-        it('When user clicks on right arrow navigation button, then the table should be scrolled to the right by 1 column and left arrow navigation button should be enabled', () => {
-            dragAndDropIntoCategoriesPage.steps.clickOnRightArrowNavigationButtonSpecifyCorrectAnswerSection();
-            dragAndDropIntoCategoriesPage.steps.verifyColumnIsVisibleInTableSpecifyCorrectAnswer(8);
-            utilities.verifyElementNotDisabled(dragAndDropIntoCategoriesPage.leftArrowNavigationButtonSpecifyCorrectAnswerSection());
-        });
-
-        it('When user has scrolled to the rightmost column using the right arrow navigation button, then the table right arrow navigation button should be enabled', () => {
-            for (let index = 9; index < 15; index++) {
-                dragAndDropIntoCategoriesPage.steps.clickOnRightArrowNavigationButtonSpecifyCorrectAnswerSection();
-            }
-            utilities.verifyElementDisabled(dragAndDropIntoCategoriesPage.rightArrowNavigationButtonSpecifyCorrectAnswerSection());
-        });
-
-        it('When user clicks on left arrow navigation button, then the table should be scrolled to the left by 1 column and right arrow navigation button should be enabled again', () => {
-            dragAndDropIntoCategoriesPage.steps.clickOnLeftArrowNavigationButtonSpecifyCorrectAnswerSection();
-            dragAndDropIntoCategoriesPage.steps.verifyColumnIsVisibleInTableSpecifyCorrectAnswer(8);
-            dragAndDropIntoCategoriesPage.steps.verifyColumnIsNotVisibleInSpecifyColumnsAndRowsTable(14);
-            utilities.verifyElementNotDisabled(dragAndDropIntoCategoriesPage.leftArrowNavigationButtonSpecifyCorrectAnswerSection());
-        });
-
         it('CSS of \'Correct\' accordion contents', { tags: 'css' }, () => {
             //Navigation button
             utilities.verifyCSS(dragAndDropIntoCategoriesPage.leftArrowNavigationButtonSpecifyCorrectAnswerSection().find('path'), {

package/cypress/pages/drawingResponsePage.js

@@ -72,7 +72,7 @@ const selectors = {
     previewTabToolbarOptionName: () => cy.get('[class*="tool-name"]:visible'),
     previewTabSecondaryOptionPopup: () => cy.get('.edit-question-preview-wrapper .drawing-tool-options__options'),
     previewTabSecondaryOptionPopupTitle: () => cy.get('.edit-question-preview-wrapper .drawing-tool-options__options .drawing-tool-options__options__label'),
-    previewTabSecondaryOptionPopupOptions: () => cy.get('.edit-question-preview-wrapper .drawing-tool-options__options__options-list__button'),
+    previewTabSecondaryOptionPopupOptions: () => cy.get('.drawing-tool-options__options .drawing-tool-options__options__options-list__button'),
     previewTabColorPickerLabel: () => cy.get('.drawing-tool-color-picker__label'),
     colorPalleteSelectedColorLabel: () => cy.get('.drawing-tool-color-picker__selected-color-label'),
     colorPalleteSelectedColorBlock: () => cy.get('.drawing-tool-color-picker__selected-color'),

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -20,6 +20,7 @@ const selectors = {
     ...additionalSettingsAccessibilitySectionComponent,
     ...ariaLabelSectionComponent,
     ...placeholderTextSectionComponent,
+    ...dialogBoxBase,
     //TODO: Update below selectors after https://redmine.zeuslearning.com/issues/557945 is resolved
 
     responseContainerInPreviewTab: () => cy.get('[class*="AddTextResponseOnImagestyles__DraggableInput"]'),
@@ -166,7 +167,7 @@ const steps = {
                 case 'top left':
                     return { top: '12px', left: '23px' };
                 case 'left':
-                    return { top: '-19px', left: '28px' };
+                    return { top: '-16px', left: '28px' };
                 case 'bottom left':
                     return { top: '-37px', left: '18px' };
             }

package/cypress/pages/listOrderingPage.js

@@ -17,11 +17,13 @@ const selectors = {
     ...enableOuterBorderComponent,
     //Specify correct answer section
     optionSpecifyCorrectAnswerSection: () => cy.get('.list-ordering-set-correct-answer [class*="AnswerWrapper"][role="button"]'),
+    optionTextSpecifyCorrectAnswerSection: () => cy.get('.draggable-item-wrapper[overflow] .question-text-wrapper'),
     optionWrapperSpecifyCorrectAnswerSection: () => cy.get('[class*="ListOrderingResponsestyles__DroppableWrapper"]'),
     partialDifferentWeightsPointsLabel: () => cy.get('.partial-points-per-response-label'),
     pointsPerResponseValue: () => cy.get('.alternate-points-points-per-value-span'),
     draggableOptionDragIcon: () => cy.get('.drag-indicator-icon'),
     //Preview Tab
+    optionTextPreviewTab: () => cy.get('.draggable-item-wrapper[overflow] .question-text-wrapper'),
     optionPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="AnswerWrapper"][role="button"]'),
     optionWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .orderlist-option-wrapper'),
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="__CorrectAnswerLabel"]'),
@@ -163,7 +165,7 @@ const steps = {
      * @description this function verifies options text content
      */
     verifyTextContentOfOptionInPreviewTab: (optionsText, index) => {
-        utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionPreviewTab(), index), optionsText);
+        utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionTextPreviewTab(), index), optionsText);
     },
 
     /**
@@ -291,7 +293,7 @@ const steps = {
      */
     verifyOptionsOrderInPreviewTab: (optionsTextArray) => {
         optionsTextArray.forEach((option, index) => {
-            utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionPreviewTab(), index), option);
+            utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.optionTextPreviewTab(), index), option);
         });
     },
 
@@ -305,7 +307,7 @@ const steps = {
 
     getOptionsArray: () => {
         const optionsArray = []
-        listOrderingPage.optionPreviewTab()
+        listOrderingPage.optionTextPreviewTab()
             .each(($el) => {
                 cy.wrap($el)
                     .invoke('text')
@@ -322,8 +324,9 @@ const steps = {
      */
     verifyRandomizeOptionOrder: (optionsArray) => {
         let currentOptionsArray = [...optionsArray]
+        cy.log(currentOptionsArray)
         for (let index = 0; index < currentOptionsArray.length; index++) {
-            listOrderingPage.optionPreviewTab()
+            listOrderingPage.optionTextPreviewTab()
                 .eq(index)
                 .then(($element) => {
                     expect($element.text()).to.be.oneOf(currentOptionsArray);
@@ -338,7 +341,7 @@ const steps = {
     * @description this function verifies that the order of the options is different from the previous order
     */
     verifyOptionsAreReRandomized: (previousOrderOfOptionsArray) => {
-        listOrderingPage.optionPreviewTab()
+        listOrderingPage.optionTextPreviewTab()
             .should('not.have.text', '')
             .and('not.have.text', previousOrderOfOptionsArray.join(''));
     },
@@ -371,7 +374,7 @@ const steps = {
      * @param {number} index - The index of the option in the Specify Correct Answer section.
      */
     verifyBoldTextInSpecifyCorrectAnswerSection: (index) => {
-        utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection(), index)
+        utilities.getNthElement(listOrderingPage.optionTextSpecifyCorrectAnswerSection(), index)
             .find('strong')
             .should('have.text', 'This is a bold option');
     },

package/cypress/pages/numberLineLabelPage.js

@@ -29,10 +29,12 @@ const selectors = {
     //Specify correct answer section
     draggableLabelsSpecifyCorrectAnswer: () => cy.get('.label-tool'),
     labelContainerSpecifyCorrectAnswer: () => cy.get('.items-container'),
+    numberLinePointSpecifyCorrectAnswer: () => cy.get('.ngie-accordion .ngie-jxgbox svg ellipse:visible'),
 
     //Preview tab 
     draggableLabelsPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .label-tool'),
     labelContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .items-container'),
+    numberLinePointPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find('svg ellipse[display="inline"]:visible'),
 
     //Correct answer section
     numberLineCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox svg').eq(2),