itemengine-cypress-automation 1.0.68 → 1.0.70

package/cypress/pages/components/listSortingAndOrderingBase.js

@@ -350,7 +350,7 @@ const tests = {
             scoringSectionBase.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored')
         });
 
-        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'All or Nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside Additional Settings accordion Check Answer section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
+        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'All or Nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside Additional Settings accordion Check Answer section i.e. \'Allow student to check answer\' checkbox should not be displayed', () => {
             utilities.verifyElementVisibilityState(autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel(), 'notExist');
             utilities.verifyElementVisibilityState(autoScoredScoringSectionMultipleResponsesType.allOrNothingCheckbox(), 'notExist');
             utilities.verifyElementVisibilityState(autoScoredScoringSectionMultipleResponsesType.partialEqualWeightsCheckbox(), 'notExist');

package/cypress/pages/components/mcqAdditionalSettingsBase.js

@@ -39,6 +39,15 @@ const selectors = {
     optionOrientationListOptions: (optionIndex) => cy.get('[aria-labelledby="Option-Orientation-dropdown-label Option-Orientation-placeholder"] li[role="option"]').eq(optionIndex)
 }
 
+const steps = {
+    selectNumberOfOptionColumnsFromDropdown: (optionNumber) => {
+        mcqAdditionalSettingsBase.numberOfOptionColumnsDropdown()
+            .click();
+        mcqAdditionalSettingsBase.numberOfOptionColumnsListOptions(optionNumber)
+            .click();
+    }
+}
+
 const tests = {
     verifyNumberOfOptionsColumns: (orientation) => {
         let option = [2, 3, 4, 5, 6];
@@ -386,5 +395,6 @@ const tests = {
 
 export const mcqAdditionalSettingsBase = {
     ...selectors,
+    steps,
     tests
 }

package/cypress/pages/components/mcqQuestionCommonComponents.js

@@ -159,7 +159,7 @@ const tests = {
 
     verifyEditTabCorrectAnswerSectionAndPreviewTabFontSize: () => {
         //TODO: Comment: we'll need to move to object loopings in case of 2 parameters please ask for more details
-        const fontsizes = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+        const fontsizes = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
         const font = ['16px', '12px', '14px', '17px', '20px', '24px'];
         fontsizes.forEach((option, count) => {
             it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions and check answer button) should be changed to ${option} in the \'Set Correct Answer\' section as well as in the \'Preview\' tab`, () => {

package/cypress/pages/components/mcqScoringComponent.js

@@ -94,7 +94,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
         });
     },

package/cypress/pages/components/previewScoringAndShowCorrectAnswerComponent.js

@@ -4,13 +4,18 @@ const css = Cypress.env('css');
 const selectors = {
     showCorrectAnswerCheckbox: () => cy.get('input[aria-label="Show correct answer"]'),
     showCorrectAnswerCheckboxLabel: () => cy.get('.showAnswer-options-label').eq(1),
-    previewScoreText: () => cy.get('.check-score-view-text')
+    previewScoreText: () => cy.get('[class*="PreviewTabstyles__ScoreWrapper"]'),
+    gradingViewRadioButton: () => cy.get('.edit-question-preview-wrapper .ngie-radio-group-wrapper .radio-option-wrapper input').eq(1),
+    studentViewRadioButton: () => cy.get('.edit-question-preview-wrapper .ngie-radio-group-wrapper .radio-option-wrapper input').eq(0),
+    studentViewRadioButtonLabel: () => cy.get('.edit-question-preview-wrapper .ngie-radio-group-wrapper .radio-option-wrapper label').eq(0),
+    gradingViewRadioButtonLabel: () => cy.get('.edit-question-preview-wrapper .ngie-radio-group-wrapper .radio-option-wrapper label').eq(1),
+    previewScoreLabel: () => cy.get('[class*="PreviewTabstyles__ScoreLabelWrapper"]')
 }
 
 const steps = {
     //V3 - This function should be updated in all files
     checkShowCorrectAnswerCheckbox: () => {
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
+        previewScoringAndShowCorrectAnswerComponent.gradingViewRadioButton()
             .click()
             .should('be.checked');
     },
@@ -18,18 +23,15 @@ const steps = {
     //V3 - This function should be updated in all files
     uncheckShowCorrectAnswerCheckbox: () => {
         cy.log('Deselect the show correct checkbox')
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
+        previewScoringAndShowCorrectAnswerComponent.studentViewRadioButton()
             .click()
-            .should('not.be.checked');
+            .should('be.checked');
     },
 
     //V3 - This function should be updated in all files
     verifyDefaultShowCorrectAnswerCheckboxAndLabel: () => {
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckboxLabel()
-            .verifyInnerText('Show correct answer');
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-            .should('exist')
-            .and('not.be.checked');
+        previewScoringAndShowCorrectAnswerComponent.previewScoreLabel()
+            .verifyInnerText('Score:');
     },
 
     //V3 - This function should be updated in all files
@@ -45,24 +47,24 @@ const steps = {
 }
 
 const tests = {
-    verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab: () => {
+    verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab: (scoringType) => {
         it('Show correct answer checkbox as well as points besides it should not be displayed', () => {
             previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
-                .should('not.exist');
+                .verifyInnerText(scoringType);
         });
     },
 
     //V3 - This function should be updated in all files
     verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab: () => {
         it('Show correct answer checkbox should be displayed and it should be unchecked by default and points should not be displayed beside it ', () => {
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
+            previewScoringAndShowCorrectAnswerComponent.gradingViewRadioButton()
                 .should('not.be.checked');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckboxLabel()
-                .verifyInnerText('Show correct answer');
+            previewScoringAndShowCorrectAnswerComponent.studentViewRadioButton()
+                .should('be.checked');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
-                .should('not.exist');
+                .verifyInnerText('Non scored');
         });
     },
 
@@ -76,9 +78,9 @@ const tests = {
             createQuestionBasePage.previewTab()
                 .verifyCSS(css.color.activeButtons, css.fontSize.default, css.fontWeight.bold);
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
-                .verifyCSS(css.color.labels, css.fontSize.default, css.fontWeight.regular);
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckboxLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+            previewScoringAndShowCorrectAnswerComponent.previewScoreLabel()
+                .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.regular);
         });
     }
 }

package/cypress/pages/components/questionInstructionsComponent.js

@@ -5,7 +5,7 @@ const css = Cypress.env('css');
 const selectors = {
     questionInstructionsLabelEditTab: () => cy.get('.edit-question-instruction-label'),
     questionInstructionsInputField: () => cy.get('[title="Question Instructions"]'),
-    questionInstructionsText: () => cy.get('.question-instruction').eq(0),
+    questionInstructionsText: () => cy.get('.question-instruction'),
 }
 
 const steps = {

package/cypress/pages/components/scoringSectionBase.js

@@ -14,6 +14,15 @@ const selectors = {
     pointsInputField: () => cy.get('.points-input-field input[type="text"]'),
     pleaseEnterPointsErrorMessage: () => cy.get('[class*="ErrorBlockstyles__ErrorText"]'),
     pointsWrapper: () => cy.get('.set-correct-answer-points-wrapper'),
+    minimumScoringLabel: () => cy.get('#minimum-scoring-dropdown-label'),
+    minimumScoringDropdown: () => cy.get('#minimum-scoring-select'),
+    minimumScoringDropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="minimum-scoring-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('[aria-labelledby*="minimum-scoring-dropdown-label"] [role="option"]')
+        }
+    },
 }
 
 const steps = {
@@ -34,8 +43,11 @@ const steps = {
     },
 
     verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField: () => {
+        //Enhancement: Will need to update these steps when updating scripts
+        scoringSectionBase.steps.expandMinimumScoringDropdown();
+        scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
         scoringSectionBase.minimumScoreIfAttemptedLabel()
-            .verifyInnerText('Minimum score awarded (if attempted)');
+            .verifyInnerText('Minimum points');
         scoringSectionBase.minimumScoreIfAttemptedInputField()
             .should('have.value', '')
             .and('be.visible');
@@ -115,6 +127,20 @@ const steps = {
             .eq(index)
             .focus()
             .blur();
+    },
+
+    expandMinimumScoringDropdown: () => {
+        scoringSectionBase.minimumScoringDropdown()
+            .click();
+    },
+
+    /**
+     * @param {('No minimum score'| 'Award minimum score'|'Award minimum score only if attempted')} listOption 
+     * @description this function selects an option from expanded minimum scoring dropdown
+     */
+    selectMinimumScoringTypeListOption: (listOption) => {
+        scoringSectionBase.minimumScoringDropdownListOptions(listOption)
+            .click();
     }
 }
 
@@ -229,6 +255,9 @@ const tests = {
      */
     verifyMinimumScoreIfAttemptedFieldErrorState: (allocatedPoints, minimumPoints, maxPoints) => {
         it('When the user focuses in and out of the empty Minimum score awarded (if attempted) input field, any validation text should not be displayed', () => {
+            cy.log('Pre-step: Selecting minimum scoring');
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.minimumScoreIfAttemptedInputField()
                 .click()
                 .blur();

package/cypress/pages/components/setPointsPopupBase.js

@@ -4,6 +4,7 @@ import { scoringSectionBase } from "./scoringSectionBase";
 
 const selector = {
     ...dialogBoxBase,
+    dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"][role="alertdialog"]'),
     setPointsPopupOptions: () => cy.get('#alert-dialog-description .question-text-wrapper'),
     setPointsPopupPointsLabel: () => cy.get('[class*="ListOrderingstyles__PointsLabel"]')
 }
@@ -34,7 +35,7 @@ const steps = {
                     scoringSectionBase.pointsInputField()
                         .eq(index)
                         .clear()
-                        .type(points)
+                        .type(points, { delay: 500 })
                         .should('have.value', points);
                 });
         });

package/cypress/pages/components/uploadImageSectionComponent.js

@@ -17,15 +17,15 @@ const selector = {
     deleteImageButton: () => cy.get('.edit-delete-btn-wrapper button').eq(1),
     //Upload image popup
     inputTypeFile: () => cy.get('input[type="file"]'),
-    uploadImagePopup: () => cy.get('[aria-describedby="alert-dialog-description"]'),
-    imagePopupTitle: () => cy.get('#alert-dialog-title'),
+    uploadImagePopup: () => cy.get('.image-upload-popup'),
+    imagePopupTitle: () => cy.get('.dialog-title'),
     imagePopupPreviewLabel: () => cy.get('.preview-label-wrapper'),
-    imagePopupWidthLabel: () => cy.get('[aria-describedby="alert-dialog-description"] .highlight-image-property-label.text-label').eq(0),
-    imagePopupWidthInputField: () => cy.get('[aria-describedby="alert-dialog-description"] .highlight-image-input-field input').eq(0),
-    imagePopupHeightLabel: () => cy.get('[aria-describedby="alert-dialog-description"] .highlight-image-property-label.text-label').eq(1),
-    imagePopupHeightInputField: () => cy.get('[aria-describedby="alert-dialog-description"] .highlight-image-input-field input').eq(1),
-    buttonAspectRatio: () => cy.get('[class*="LockIconWrapper"] button'),
-    buttonResetDimensions: () => cy.get('[class*="ResetIconWrapper"] button'),
+    imagePopupWidthLabel: () => cy.get('.image-upload-popup .highlight-image-property-label.text-label').eq(0),
+    imagePopupWidthInputField: () => cy.get('.image-upload-popup .highlight-image-input-field input').eq(0),
+    imagePopupHeightLabel: () => cy.get('.image-upload-popup .highlight-image-property-label.text-label').eq(1),
+    imagePopupHeightInputField: () => cy.get('.image-upload-popup .highlight-image-input-field input').eq(1),
+    buttonAspectRatio: () => cy.get('.lock-unlock-reset-btn').eq(0),
+    buttonResetDimensions: () => cy.get('.lock-unlock-reset-btn').eq(1),
     imagePopupButtonCancel: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     imagePopupButtonOk: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
     imagePopupButtonReplace: () => cy.get('.preview-replace-button'),

package/cypress/pages/createItemPage.js

@@ -1,3 +1,5 @@
+import utilities from "../support/helpers/utilities";
+
 const css = Cypress.env('css');
 
 const selectors = {
@@ -12,7 +14,14 @@ const selectors = {
     referenceId: () => cy.get('.edit-item-reference-id'),
     itemTitle: () => cy.get('.ItemLevel-Header'),
     tagsButton: () => cy.get('.ngie-button').contains('Tags'),
-    tagsInputField: () => cy.get('.tags-chip-container')
+    tagsInputField: () => cy.get('.tags-chip-container'),
+    editItemPageWrapper: () => cy.get('.edit-wrapper'),
+    editItemReferenceId: () => cy.get('.edit-item-reference-id'),
+    applyChangesButton: () => cy.get('.ngie-btn-contained').contains('Apply changes'),
+    editTitleIcon: () => cy.get('.icon-pencil'),
+    titleInputField: () => cy.get('.edit-box-header-input-wrapper'),
+    submitButton: () => cy.get('[class*="StudentViewstyles__ButtonsWrapper"] button').eq(1),
+    studentViewReferenceId: () => cy.get('[class*="StudentViewstyles__ViewInfoWrapper"]')
 }
 
 const steps = {
@@ -30,6 +39,23 @@ const steps = {
         cy.visit('/item-engine/demo/create-item');
     },
 
+    /**
+   * @param {string} reference id of the question to be navigated 
+   * @description this function navigates to the edit item page of the 
+   */
+    navigateToEditItemUsingReferenceID: (reference) => {
+        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(reference)}`);
+    },
+
+    navigateToEditItemPage: () => {
+        createItemPage.referenceId()
+            .invoke('text')
+            .then(text => {
+                const referenceId = text;
+                steps.navigateToEditItemUsingReferenceID(referenceId);
+            });
+    },
+
     verifyCreateItemContainerIsVisible: () => {
         createItemPage.createItemContainer()
             .should('be.visible');
@@ -52,6 +78,62 @@ const steps = {
     verifyTagsInInputField: (arrayOfTags) => {
         createItemPage.tagsInputField()
             .should('have.text', arrayOfTags.sort().join(''));
+    },
+
+    /**
+    * @param {string[]} arrayOfTags of text that need to enter in tags input field
+    * @description set tags for an item
+    */
+    setTags: (arrayOfTags) => {
+        steps.clickOnTagsButton()
+        for (let index = 0; index < arrayOfTags.length; index++) {
+            createItemPage.tagsInputField()
+                .type(`${arrayOfTags[index]}{enter}`);
+        }
+        createItemPage.applyChangesButton()
+            .click();
+    },
+
+    /**
+    * @param {string[]} value of text that need to enter in title input field
+    * @description this function enters text in title input field
+    */
+    enterTitle: (value) => {
+        createItemPage.titleInputField()
+            .type(value);
+    },
+
+    clickOnSubmitButton: () => {
+        createItemPage.submitButton()
+            .click();
+    },
+
+
+    navigateToStudentViewPage: () => {
+        createItemPage.referenceId()
+            .invoke('text')
+            .then(text => {
+                const referenceId = text;
+                steps.navigateToStudentViewUsingReferenceID(referenceId);
+            });
+    },
+
+    navigateToEditItemPageFromStudentView: () => {
+        createItemPage.studentViewReferenceId()
+            .invoke('text')
+            .then(text => {
+                let value = text;
+                let referenceId = value.split(':')[1].trim();
+                steps.navigateToEditItemUsingReferenceID(referenceId);
+            });
+    },
+
+    /**
+      * @param {string} reference id of the question to be navigated 
+      * @description this function navigates to the student view page
+      */
+    navigateToStudentViewUsingReferenceID: (reference) => {
+        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(reference)}`);
     }
 }
 

package/cypress/pages/dialogBoxBase.js

@@ -3,11 +3,11 @@ import { createQuestionBasePage } from "./components";
 const css = Cypress.env('css');
 
 const selectors = {
-    dialogBox: () => cy.get('[role="dialog"]'),
+    dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"]'),
     dialogBoxTitle: () => cy.get('.dialog-title'),
     dialogBoxContent: () => cy.get('div[id="alert-dialog-description"]'),
-    buttonReject: () => cy.get('.action-btn-wrapper button').eq(0),
-    buttonAccept: () => cy.get('.action-btn-wrapper button').eq(1),
+    buttonReject: () => cy.get('[class*="action"][class*="wrapper"] button').eq(0),
+    buttonAccept: () => cy.get('[class*="action"][class*="wrapper"] button').eq(1),
     buttonClose: () => cy.get('[aria-label="CLOSE"]')
 }
 
@@ -33,15 +33,11 @@ const steps = {
     clickOnAcceptButtonInDialogBox: () => {
         dialogBoxBase.buttonAccept()
             .click();
-        dialogBoxBase.dialogBox()
-            .should('not.exist');
     },
 
     clickOnRejectButtonInDialogBox: () => {
         dialogBoxBase.buttonReject()
             .click();
-        dialogBoxBase.dialogBox()
-            .should('not.exist');
     }
 }
 

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -746,9 +746,7 @@ const steps = {
 
     verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked: () => {
         cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state');
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-            .click()
-            .should('not.be.checked');
+        previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         autoScoredPreviewBase.correctIcon()
             .should('not.exist');
         autoScoredPreviewBase.incorrectIcon()
@@ -1362,6 +1360,8 @@ const tests = {
         it('When user has provided minimum score awarded (if attempted) points, then in Preview tab on entering incorrect answer, minimum score should be provided for the question', () => {
             cy.log('Switch to edit tab and set minimum score if attempted points')
             createQuestionBasePage.steps.switchToEditTab();
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.steps.allotMinimumScoreAwardedIfAttempted(1)
             createQuestionBasePage.steps.switchToPreviewTab()
             dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 2);
@@ -1496,7 +1496,8 @@ const tests = {
         it('When the \'Round down score\' checkbox is not selected, then in preview tab when user selects partially or fully correct answers the points should be displayed in decimal points if applicable as per the options selected by the user', () => {
             cy.log('Switching to Edit tab')
             dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.uncheckRoundDownScoreCheckbox();
+            dragAndDropIntoCategoriesPage.steps.expandRoundingDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromRoundingDropdownOption('none');
             cy.log('Switching to Preview tab')
             dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
             dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);

package/cypress/pages/essayResponsePage.js

@@ -14,6 +14,7 @@ const selectors = {
     ...additionalSettingsPanel,
     ...questionInstructionsComponent,
     ...essayResponseCommonComponents,
+    ...commonComponents,
     //Basic section
     setWordLimitLabel: () => cy.get('[class*="EssayResponseComponentstyles__PropertyLabel"]'),
     setWordLimitInputField: () => cy.get('.essay-response-question-word-limit-setting-wrapper input[type="text"]'),

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -350,6 +350,7 @@ const tests = {
                 });
         });
 
+        //Failing due to https://redmine.zeuslearning.com/issues/547859
         it('CSS of inactive state of draggable options and response areas', { tags: 'css' }, () => {
             fillInTheGapsDragAndDropPage.setCorrectAnswerDraggableOption()
                 .should('have.css', 'border', `1px solid ${css.color.figDefaultComponentBorder}`)