itemengine-cypress-automation 1.0.150-migrationScripts-5e451b6.0 → 1.0.151-28MarchRepoUpdate-4cfb82e.0

package/cypress/e2e/ILC/SingleSelectionGridNew/studentViewSettings.js

@@ -0,0 +1,189 @@
+import { singleSelectionGridPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const questionsArray = ['Elephants are the only mammals that can\'t jump', 'Bats are blind and navigate by using echolocation', 'Whale are mammals', 'Tigers can jump upto 3 metres'];
+
+describe('Create item page - single selection grid: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+        });
+
+        singleSelectionGridPage.tests.verifyStudentViewSettingsLabelAndCSS();
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(singleSelectionGridPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(singleSelectionGridPage.randomizeOptionsCheckbox(), 'exist');
+            singleSelectionGridPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        singleSelectionGridPage.tests.verifyRandomizeOptionsCheckboxAndLabelUncheckedCSS();
+
+        it('When the \'Randomize options\' functionality is disabled, the questions and options in the specify correct answer section grid should be displayed in the order in which the user has set them in the "Specify rows and columns" section', () => {
+            singleSelectionGridPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            questionsArray.forEach((question, rowIndex) => {
+                singleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: rowIndex + 1, column: 0 }, question);
+            });
+            singleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: 0, column: 1 }, 'True');
+            singleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: 0, column: 2 }, 'False');
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the question stems and options in the specify correct answer section grid should be in the order in which the user has set them in the "Specify rows and columns" section', () => {
+            singleSelectionGridPage.steps.checkRandomizeOptionsCheckbox()
+            questionsArray.forEach((question, rowIndex) => {
+                singleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: rowIndex + 1, column: 0 }, question);
+            });
+            singleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: 0, column: 1 }, 'True');
+        });
+
+        singleSelectionGridPage.tests.verifyRandomizeOptionsCheckboxCheckedCSSAndA11y();
+    });
+
+    describe('Randomize options - Functionality: Preview tab', () => {
+        let randomizedOptionsString = '';
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the questions and options in the preview tab grid should be displayed in the order in which the user has set them in the "Specify rows and columns" section', () => {
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            questionsArray.forEach((question, rowIndex) => {
+                singleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: rowIndex + 1, column: 0 }, question);
+            });
+            singleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 0, column: 1 }, 'True');
+            singleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 0, column: 2 }, 'False');
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options should be displayed in a random order in the preview tab dropdown', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.checkRandomizeOptionsCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.verifyRandomizeQuestionsOrder(questionsArray);
+            randomizedOptionsString = singleSelectionGridPage.steps.getQuestionsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the questions and options should not change in the preview tab grid', () => {
+            singleSelectionGridPage.steps.resetQuestionPreview();
+            randomizedOptionsString.forEach((question, rowIndex) => {
+                singleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: rowIndex + 1, column: 0 }, question);
+            });
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the questions should change and the options should be displayed in the order in which the user has set them in the preview tab grid', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.allotPoints(5);
+            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
+            cy.wait(1000);
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.verifyRandomizeQuestionsOrder(questionsArray);
+            singleSelectionGridPage.steps.verifyQuestionsAreReRandomized(randomizedOptionsString);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options should be displayed in the order in which the user has set them in the "Specify rows and columns" section in the preview tab grid', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.uncheckRandomizeOptionsCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            questionsArray.forEach((question, rowIndex) => {
+                singleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: rowIndex + 1, column: 0 }, question);
+            });
+        });
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionGridPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
+
+        singleSelectionGridPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
+
+        singleSelectionGridPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
+
+        singleSelectionGridPage.tests.verifyAllowStudentsToCheckAnswerContentsCSSAndA11y();
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            singleSelectionGridPage.steps.allotPoints(20);
+            singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user has added questions and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            singleSelectionGridPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(singleSelectionGridPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user selects an option and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        singleSelectionGridPage.tests.verifyDisabledCheckAnswerButtonWithCSSAndA11y();
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer single times', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 3, column: 0 });
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -32,7 +32,7 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'dialog'
         },
         {
-            displayName: 'Insert image',
+            displayName: 'Upload image',
             tooltipText: 'Upload an imageUpload an image from your device',
             toolType: 'dialog'
         },

package/cypress/pages/audioResponsePage.js

@@ -53,8 +53,8 @@ const selectors = {
     compactPreviewStopRecordingButton: () => cy.get('.recorder-buttons-wrapper .stop-button'),
     compactPreviewResumeRecordingButton: () => cy.get('.recorder-buttons-wrapper .record-button'),
     compactPreviewRetakeButton: () => cy.get('.play-back-btn-wrapper .record-button'),
-    compactPreviewPlayPlaybackButton: () => cy.get('.play-back-btn-wrapper .play-back-button'),
-    compactPreviewPausePlaybackButton: () => cy.get('.play-back-btn-wrapper .play-back-button'),
+    compactPreviewPlayPlaybackButton: () => cy.get('.play-back-btn-wrapper .play-back-button').contains('Play'),
+    compactPreviewPausePlaybackButton: () => cy.get('.play-back-btn-wrapper .play-back-button').contains('Pause'),
     compactPreviewRecordingHelpText: () => cy.get('.minimal-record-helper-text-wrapper'),
     compactPreviewRecordingStatusText: () => cy.get('.minimal-recording-text'),
     compactPreviewRecorderHelpText: () => cy.get('.response-recorded'),

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -33,7 +33,7 @@ const steps = {
      */
     addAlternativeAnswerAccordion: (accordionIndex) => {
         autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
-        utilities.verifyInnerText(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordionLabel(), `${accordionIndex-1}`), `Alternative ${accordionIndex}`);
+        utilities.verifyInnerText(utilities.getNthElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordionLabel(), `${accordionIndex - 1}`), `Alternative ${accordionIndex}`);
     },
 
     verifySpecifyCorrectAnswerErrorIconNotExists: () => {
@@ -97,7 +97,7 @@ const steps = {
      */
     deleteAlternativeAnswerAccordion: (accordionIndex) => {
         autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-            .eq(accordionIndex + 1)
+            .eq(accordionIndex)
             .within(() => {
                 autoScoredSpecifyCorrectAnswerSection.deleteAlternateAccordionButton()
                     .click();
@@ -204,7 +204,7 @@ const tests = {
                 case 'graphing':
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s)';
                     break;
-                case 'grid fill' :
+                case 'grid fill':
                     helpText = 'You can set the correct answer by selecting the correct cell(s) in the grid.';
                     break;
                 default:

package/cypress/pages/components/commonComponents.js

@@ -7,7 +7,8 @@ const selectors = {
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]:visible'),
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
-    errorMessage: () => cy.get('.error-text-message'),
+    //Remove :visible https://redmine.zeuslearning.com/issues/564243 gets resolved
+    errorMessage: () => cy.get('.error-text-message:visible'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
     dropdownList: () => cy.get('.dropdown-list'),
     dragHandleButton: () => cy.get('.dragicon-button'),

package/cypress/pages/components/customizeSpecialCharacterComponent.js

@@ -19,9 +19,9 @@ const selectors = {
     specialCharactersCategoryTilesWrapper: () => cy.get('[class*="CustomizedSpecialCharacterstyles__DragAndDropWrapper"]'),
     specialCharacterTiles: (specialCharacterCategory = null) => {
         if (specialCharacterCategory) {
-            return cy.get(`[aria-label*="special character"][id*="DraggableItem"] button[aria-label="${specialCharacterCategory}"]`)
+            return cy.get(`[class*="GridItemsWrapper"] .icon-button-custom-format[aria-label="${specialCharacterCategory}"]`)
         } else {
-            return cy.get('[aria-label*="special character"][id*="DraggableItem"] button')
+            return cy.get('[class*="GridItemsWrapper"] .icon-button-custom-format')
         }
     },
     specialCharacterTileIcon: () => cy.get('.equation-editor-icon'),
@@ -122,9 +122,9 @@ const steps = {
                     customizeSpecialCharacterComponent.specialCharacterTiles()
                         .eq(index)
                         .should('have.attr', 'aria-label', `${characterCategory}`);
+                    utilities.verifyElementCount(customizeSpecialCharacterComponent.specialCharacterTiles(), charactersCategoriesArray.length);
                 });
             });
-        utilities.verifyElementCount(customizeSpecialCharacterComponent.specialCharacterTiles(), charactersCategoriesArray.length);
     },
 
     /**
@@ -209,7 +209,7 @@ const tests = {
         it('When the user clicks on the \'Preview\' hyperlink, a special characters popup should be displayed with all the special characters segregated according to all the language options. The user should be able to close the popup by clicking on the \'Close[X]\' button', () => {
             customizeSpecialCharacterComponent.steps.clickOnCustomizeSpecialCharactersPreviewButton();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-            customizeSpecialCharacterComponent.steps.verifySpecialCharactersPreviewPopupInEditTab(specialCharacters);
+            // customizeSpecialCharacterComponent.steps.verifySpecialCharactersPreviewPopupInEditTab(specialCharacters);
             //Add this verification once https://redmine.zeuslearning.com/issues/555008 is resolved
             cy.log('Post-step: Closing preview popup')
             dialogBoxBase.steps.closeWarningPopup();
@@ -220,7 +220,7 @@ const tests = {
             customizeSpecialCharacterComponent.steps.clickOnSpecialCharactersCategoryTile(specialCharacters[0].categoryName);
             customizeSpecialCharacterComponent.steps.verifySpecialCharacterCategoryTileIsNotSelected(specialCharacters[0].categoryName);
             customizeSpecialCharacterComponent.steps.clickOnCustomizeSpecialCharactersPreviewButton();
-            customizeSpecialCharacterComponent.steps.verifySpecialCharactersPreviewPopupInEditTab(specialCharacters);
+            // customizeSpecialCharacterComponent.steps.verifySpecialCharactersPreviewPopupInEditTab(specialCharacters);
             //Add this verification once https://redmine.zeuslearning.com/issues/555008 is resolved
             cy.log('Post-step: Closing preview popup')
             dialogBoxBase.steps.closeWarningPopup();

package/cypress/pages/components/desmosToolComponent.js

@@ -30,7 +30,7 @@ const selectors = {
 
 const steps = {
     verifyDesmosToolIsVisible: () => {
-        cy.wait(7000);
+        cy.wait(5000);
         utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosTool(), 'visible');
     },