itemengine-cypress-automation 1.0.293-e2eUpdates5thFeb-7e9457e.0 → 1.0.294

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/editQuestion.smoke.js

@@ -34,9 +34,9 @@ describe('Edit item - Drag and drop into categories', () => {
         it('User should be able to edit options and save the question', () => {
             dragAndDropIntoCategoriesPage.steps.editItem();
             dragAndDropIntoCategoriesPage.steps.clearTextInOptionInputField(0);
-            dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(0, 'Birds');
+            dragAndDropIntoCategoriesPage.steps.editOptionInputField(0, 'Birds');
             dragAndDropIntoCategoriesPage.steps.clearTextInOptionInputField(1);
-            dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(1, 'Insects');
+            dragAndDropIntoCategoriesPage.steps.editOptionInputField(1, 'Insects');
             dragAndDropIntoCategoriesPage.steps.saveAQuestionAndVerifySnackbar();
             dragAndDropIntoCategoriesPage.steps.verifyOptionFieldTextInOptionsSection(options);
         });

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/studentViewSettingsForGroupedLayout.js

@@ -1,5 +1,6 @@
 import { dragAndDropIntoCategoriesPage } from "../../../pages/dragAndDropIntoCategoriesPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
 let animals = [['Bat', 'Platypus', 'Panda', 'Zebra'],
 ['Peacock', 'Falcon', 'Eagle', 'Tiger'],
 ['Parrot', 'Lion', 'Whale', 'Elephant'],
@@ -108,6 +109,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);
@@ -159,6 +161,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);
@@ -212,6 +215,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);

package/cypress/e2e/ILC/EditItem/editItem.ts

@@ -19,7 +19,7 @@ describe('Edit Question and edit item', () => {
         });
 
         it('When user edits the question instructions, then the changes should be saved correctly', () => {
-            multipleSelectionPage.steps.editItem(1);
+            multipleSelectionPage.steps.editItem();
             multipleSelectionPage.steps.clearQuestionInstructionsInputField();
             multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Edit question instructions');
             multipleSelectionPage.steps.clickOnSaveQuestionButton();
@@ -27,7 +27,7 @@ describe('Edit Question and edit item', () => {
         });
 
         it('When user edits the options, then the changes should be saved correctly', () => {
-            multipleSelectionPage.steps.editItem(1);
+            multipleSelectionPage.steps.editItem();
             multipleSelectionPage.steps.editOptionInputField(0, 'Edit option input field');
             multipleSelectionPage.steps.clickOnSaveQuestionButton();
             multipleSelectionPage.steps.verifyOptionInputFieldText(0, 'Edit option input field');
@@ -37,14 +37,14 @@ describe('Edit Question and edit item', () => {
         });
 
         it('When user edits the points, then the changes should be saved correctly', () => {
-            multipleSelectionPage.steps.editItem(1);
+            multipleSelectionPage.steps.editItem();
             multipleSelectionPage.steps.allotPoints(10);
             multipleSelectionPage.steps.clickOnSaveQuestionButton();
             multipleSelectionPage.steps.verifyPointsValue('10');
         });
 
         it('When user edits the correct answers, then the changes should be saved correctly', () => {
-            multipleSelectionPage.steps.editItem(1);
+            multipleSelectionPage.steps.editItem();
             multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(0);
             multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(2);
             multipleSelectionPage.steps.clickOnSaveQuestionButton();
@@ -84,7 +84,7 @@ describe('Edit Question and edit item', () => {
         });
 
         it('When user edits the resource, then the changes should be saved correctly', () => {
-            readingRulerPage.steps.editItem(0);
+            readingRulerPage.steps.editItem();
             readingRulerPage.steps.checkVisibleOnLandingCheckbox();
             readingRulerPage.steps.selectColorBlock(1);
             readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField(2);
@@ -115,7 +115,7 @@ describe('Edit Question and edit item', () => {
         });
 
         it('The user should be able to edit the item', () => {
-            singleSelectionPage.steps.editItem(0);
+            singleSelectionPage.steps.editItem();
             singleSelectionPage.steps.clearQuestionInstructionsInputField();
             singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Edit question instructions');
             singleSelectionPage.steps.clickOnSaveQuestionButton();
@@ -123,7 +123,7 @@ describe('Edit Question and edit item', () => {
         });
 
         it('User should be able to edit the resource', () => {
-            singleSelectionPage.steps.editItem(2);
+            singleSelectionPage.steps.editItem(1);
             readingRulerPage.steps.checkVisibleOnLandingCheckbox();
             readingRulerPage.steps.clickOnSaveQuestionButton();
             readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/editQuestion.smoke.js

@@ -34,9 +34,9 @@ describe('Edit item - fill in the gaps with drag and drop', () => {
         it('User should be able to edit options and save the question', () => {
             fillInTheGapsDragAndDropPage.steps.editItem();
             fillInTheGapsDragAndDropPage.steps.clearTextInOptionInputField(0);
-            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(0, 'Birds');
+            fillInTheGapsDragAndDropPage.steps.editOptionInputField(0, 'Birds');
             fillInTheGapsDragAndDropPage.steps.clearTextInOptionInputField(1);
-            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(1, 'Insects');
+            fillInTheGapsDragAndDropPage.steps.editOptionInputField(1, 'Insects');
             fillInTheGapsDragAndDropPage.steps.saveAQuestionAndVerifySnackbar();
             fillInTheGapsDragAndDropPage.steps.verifyOptionFieldTextInOptionsSection(options);
         });

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/editQuestion.smoke.js

@@ -38,9 +38,9 @@ describe('Edit item - fill in the gaps over image with drag and drop', () => {
         it('User should be able to edit options and save the question', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.editItem();
             fillInTheGapsOverImageDragAndDropPage.steps.clearTextInOptionInputField(0);
-            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(0, 'Birds');
+            fillInTheGapsOverImageDragAndDropPage.steps.editOptionInputField(0, 'Birds');
             fillInTheGapsOverImageDragAndDropPage.steps.clearTextInOptionInputField(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, 'Insects');
+            fillInTheGapsOverImageDragAndDropPage.steps.editOptionInputField(1, 'Insects');
             fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionAndVerifySnackbar();
             fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionFieldTextInOptionsSection(options);
         });

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -153,6 +153,7 @@ const steps = {
 }
 
 const tests = {
+    //Note: need to fix this function once save as you go is available for all question types
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -211,7 +211,7 @@ const steps = {
         utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
                 gridQuestionCommonComponent.cellPropertyInputField()
-                    .focus();
+                    .click();
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .clear()
                     .type(text)
@@ -2071,6 +2071,44 @@ const steps = {
 }
 
 const tests = {
+    //Note: need to remove this as change the global function once save as you go is available for all question types
+    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
+            autoScoredScoringPreviewTab.studentViewRadioButton()
+                .should('be.checked');
+            autoScoredScoringPreviewTab.gradingViewRadioButton()
+                .should('not.be.checked');
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
+            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+        });
+
+        it('CSS of Preview mode contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    },
+
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it(`When the user selects any scoring type except for manual scored, then the question grid should be displayed in the specify correct answer section`, () => {
             gridQuestionCommonComponent.steps.verifyTableCellPropertySpecifyCorrectAnswerSection({ row: 0, column: 0 }, 'None');

package/cypress/pages/components/optionsWrapperComponent.js

@@ -237,9 +237,6 @@ const steps = {
     enterTextInOptionInputField: (index, textContent) => {
         optionsWrapperComponent.optionsSectionWrapper()
             .within(() => {
-                optionsWrapperComponent.optionsInputField()
-                    .eq(index)
-                    .clear()
                 optionsWrapperComponent.optionsInputField()
                     .eq(index)
                     .type(textContent)

package/cypress/pages/createItemPage.js

@@ -31,7 +31,7 @@ const selectors = {
     sectionsNumber1Label: () => cy.get('.tablist-numbered-label').eq(0),
     sectionsNumber2Label: () => cy.get('.tablist-numbered-label').eq(1),
     noPreviewText: () => cy.get('[class*="__NoPreview"]'),
-    editItemButton: () => cy.get('.icon-pencil'),
+    editItemButton: () => cy.get('.column-component-column .icon-pencil'),
     pointsValue: () => cy.get('[class*="PreviewTabstyles__PointsValue"]'),
     moreActionsButton: () => cy.get('[class*="MoreActionMenuButton"] [type="button"]'),
     deleteItemButton: () => cy.get('[aria-label="Delete Button"]')
@@ -587,7 +587,7 @@ const steps = {
      * @param {number} index of the question
      * @description this function is used to click on edit item button
      */
-    editItem: (index) => {
+    editItem: (index = 0) => {
         createItemPage.editItemButton()
             .eq(index)
             .click();

package/cypress/pages/multipleSelectionPage.js

@@ -8,7 +8,7 @@ import { ckEditorInsertImageComponent } from "./components/ckEditorInsertImageCo
 import { ckEditorLinkComponent } from "../pages/components/ckEditorLinkComponent"
 import { createItemPage } from "./createItemPage";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
-import {audioPlayerPage} from "./audioPlayerPage";
+import { audioPlayerPage } from "./audioPlayerPage";
 const css = Cypress.env('css');
 const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
 
@@ -914,6 +914,44 @@ const tests = {
     ...ckEditorInsertTableComponent.tests,
     ...ckEditorInsertImageComponent.tests,
     ...ckEditorLinkComponent.tests,
+    //Note: need to remove this as change the global function once save as you go is available for all question types
+    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
+            autoScoredScoringPreviewTab.studentViewRadioButton()
+                .should('be.checked');
+            autoScoredScoringPreviewTab.gradingViewRadioButton()
+                .should('not.be.checked');
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
+            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+        });
+
+        it('CSS of Preview mode contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    },
+
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/singleSelectionPage.js

@@ -248,7 +248,7 @@ const steps = {
         singleSelectionPage.correctAnswerSectionWrapper()
             .should('be.visible');
     },
-    
+
     verifyAnswerBannerNotExist: () => {
         singleSelectionPage.answerStatusBanner()
             .should('not.exist');
@@ -719,6 +719,44 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.tests,
+    //Note: need to remove this as change the global function once save as you go is available for all question types
+    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
+            autoScoredScoringPreviewTab.studentViewRadioButton()
+                .should('be.checked');
+            autoScoredScoringPreviewTab.gradingViewRadioButton()
+                .should('not.be.checked');
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
+            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+        });
+
+        it('CSS of Preview mode contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    },
+
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('In the \'Correct\' accordion, all options with checkboxes should be displayed', () => {
             utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.293-e2eUpdates5thFeb-7e9457e.0",
+  "version": "1.0.294",
   "description": "",
   "main": "index.js",
   "scripts": {