itemengine-cypress-automation 1.0.479-skipFewTestsDueToBugs-d877a1b.0 → 1.0.480

package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js

@@ -1279,8 +1279,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             //Selected state of secondary toolbar option. Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
         });
 
-        //Need to remove skip once https://weldnorthed.atlassian.net/browse/IEI-6776 is resolved
-        it.skip(`A \'Line type\' title along with the five line type options - ${lineTypeOptions.join(', ')} should be displayed`, () => {
+        it(`A \'Line type\' title along with the five line type options - ${lineTypeOptions.join(', ')} should be displayed`, () => {
             drawingResponsePage.steps.verifySecondaryOptionPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[2].secondaryToolbarOptions[2]);
             lineTypeOptions.forEach((thickness, index) => {
                 drawingResponsePage.steps.verifySecondaryPopupLineType(thickness, index);

package/cypress/e2e/ILC/MultipleSelection/responseModeToggle.js

@@ -0,0 +1,72 @@
+import { createItemPage, itemPreviewPage, multipleSelectionPage, singleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { responseModeToggle } from "../../../pages/components/responseModeToggle";
+
+const options = ['Animal', 'Vehicle', 'Birds', 'Insects'];
+
+let itemReferenceID = '';
+
+describe('Create item page - Multiple selection : Response mode toggle', () => {
+    before(() => {
+        cy.loginAs('admin');
+        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        cy.barsPreLoaderWait();
+        multipleSelectionPage.steps.addQuestionInstructions();
+        multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        multipleSelectionPage.steps.allotPoints(20);
+    });
+
+    after(() => {
+        cy.deleteItem(itemReferenceID);
+        cy.logout();
+    });
+
+    describe('Test response mode toggle functionality while authoring a question', () => {
+        abortEarlySetup();
+        it('When no answer is selected, then user should be able to change responseMode', () => {
+            responseModeToggle.steps.changeResponseMode('Multiple selection', 'Single selection');
+        });
+        
+        it('When answer is selected, then upon changing the response Mode a warning popup should be displayed', () => {
+            responseModeToggle.steps.changeResponseMode('Single selection', 'Multiple selection');
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            responseModeToggle.steps.warnResponseModeChange('Multiple selection', 'Single selection');
+        });
+
+        it('When user rejects the response mode change in the warning popup, then the question type should remain unchanged', () => {
+            responseModeToggle.steps.confirmResponseModeChange(false);
+            responseModeToggle.steps.checkQuestionIsLoadedWithResponseMode('Multiple selection');
+        });
+        
+        it('When the user accepts the response mode change in the warning popup, then the question type should be changed to the selected response mode type', () => {
+            responseModeToggle.steps.warnResponseModeChange('Multiple selection', 'Single selection');
+            responseModeToggle.steps.confirmResponseModeChange(true);
+            responseModeToggle.steps.changeResponseMode('Single selection', 'Multiple selection');
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+        });
+    });
+
+    describe('Test response mode toggle functionality on saved item', () => {
+        abortEarlySetup();
+        it('When an item is edited to have different response Mode, then user should be able to change response mode of a saved item and save with different question type', () => {
+            multipleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            cy.wait(5000).then(() => {
+                itemPreviewPage.referenceID().invoke('text').then(($text) => {
+                    itemReferenceID = $text;
+                    cy.visit(`/item-engine/demo/edit-item/${
+                        utilities.base64Encoding(itemReferenceID)
+                    }`);
+                })
+            });
+            createItemPage.steps.editItem();
+            responseModeToggle.steps.warnResponseModeChange('Multiple selection', 'Single selection');
+            responseModeToggle.steps.confirmResponseModeChange(true);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            cy.wait(5000);
+            createItemPage.steps.editItem();
+            responseModeToggle.steps.checkQuestionIsLoadedWithResponseMode('Single selection');
+        });
+    });
+});

package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js

@@ -221,12 +221,9 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                 });
             }
 
-            //Added if condition as sometimes when we run tests on spinaker it fails as image does not load and give unnecessary failure. Need to run these locally.
-            if (view !== 'Correct answer view') {
-                it('Accessibility of preview tab', { tags: 'a11y' }, () => {
-                    cy.checkAccessibility(multipleSelectionGridPage.tableCell());
-                });
-            }
+            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(multipleSelectionGridPage.tableCell());
+            });
         });
     });
 });

package/cypress/e2e/ILC/SingleSelection/responseModeToggle.js

@@ -0,0 +1,72 @@
+import { createItemPage, itemPreviewPage, singleSelectionPage, multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { responseModeToggle } from "../../../pages/components/responseModeToggle";
+
+const options = ['Animal', 'Vehicle', 'Birds', 'Insects'];
+
+let itemReferenceID = '';
+
+describe('Create item page - Single selection : Response mode toggle', () => {
+    before(() => {
+        cy.loginAs('admin');
+        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        cy.barsPreLoaderWait();
+        singleSelectionPage.steps.addQuestionInstructions();
+        singleSelectionPage.steps.addInputToOptionsInputField(options);
+        singleSelectionPage.steps.allotPoints(20);
+    });
+
+    after(() => {
+        cy.deleteItem(itemReferenceID);
+        cy.logout();
+    });
+
+    describe('Test response mode toggle functionality while authoring a question', () => {
+        abortEarlySetup();
+        it('When no answer is selected, then user should be able to change responseMode', () => {
+            responseModeToggle.steps.changeResponseMode('Single selection', 'Multiple selection');
+        });
+        
+        it('When answer is selected, then upon changing the response Mode a warning popup should be displayed', () => {
+            responseModeToggle.steps.changeResponseMode('Multiple selection', 'Single selection');
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+            responseModeToggle.steps.warnResponseModeChange('Single selection', 'Multiple selection');
+        });
+
+        it('When user rejects the response mode change in the warning popup, then the question type should remain unchanged', () => {
+            responseModeToggle.steps.confirmResponseModeChange(false);
+            responseModeToggle.steps.checkQuestionIsLoadedWithResponseMode('Single selection');
+        });
+        
+        it('When the user accepts the response mode change in the warning popup, then the question type should be changed to selected response mode type', () => {
+            responseModeToggle.steps.warnResponseModeChange('Single selection', 'Multiple selection');
+            responseModeToggle.steps.confirmResponseModeChange(true);
+            responseModeToggle.steps.changeResponseMode('Multiple selection', 'Single selection');
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+        });
+    });
+    
+    describe('Test response mode toggle functionality on saved item', () => {
+        abortEarlySetup();
+        it('When an item is edited to have different response Mode, then user should be able to change response mode of a saved item and save with different question type', () => {
+            singleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            cy.wait(5000).then(() => {
+                itemPreviewPage.referenceID().invoke('text').then(($text) => {
+                    itemReferenceID = $text;
+                    cy.visit(`/item-engine/demo/edit-item/${
+                        utilities.base64Encoding(itemReferenceID)
+                    }`);
+                })
+            });
+            createItemPage.steps.editItem();
+            responseModeToggle.steps.warnResponseModeChange('Single selection', 'Multiple selection');
+            responseModeToggle.steps.confirmResponseModeChange(true);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            singleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            cy.wait(5000);
+            createItemPage.steps.editItem();
+            responseModeToggle.steps.checkQuestionIsLoadedWithResponseMode('Multiple selection');
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelectionGridNew/previewContentsForAllViews.smoke.js

@@ -220,12 +220,9 @@ describe('Create item page - Single selection grid: Preview contents', () => {
                 });
             }
 
-            //Added if condition as sometimes when we run tests on spinaker it fails as image does not load and give unnecessary failure. Need to run these locally.
-            if (view !== 'Correct answer view') {
-                it('Accessibility of preview tab', { tags: 'a11y' }, () => {
-                    cy.checkAccessibility(singleSelectionGridPage.tableCell());
-                });
-            }
+            it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(singleSelectionGridPage.tableCell());
+            });
         });
     });
 });

package/cypress/pages/components/createQuestionBasePage.js

@@ -12,7 +12,7 @@ const css = Cypress.env('css');
 const selectors = {
     previewTab: () => cy.get('[data-ngie-testid="preview-tab"]'),
     editTab: () => cy.get('[data-ngie-testid="edit-tab"]'),
-    headerTitle: () => cy.get('div[class*="HeaderComponentstyles__BlockLabel"]'),
+    headerTitle: () => cy.get('h1[class*="HeaderComponentstyles__BlockLabel"]'),
     cancelButton: () => cy.get('[class*="header-wrapper"] .ngie-button').eq(0),
     saveQuestionButton: () => cy.get('[class*="header-wrapper"] .ngie-button').eq(1),
     //Note: Adding visible as this is hidden in tools and does not exist in questions

package/cypress/pages/components/responseModeToggle.js

@@ -0,0 +1,70 @@
+import utilities from "../../support/helpers/utilities";
+import { createQuestionBasePage } from "./createQuestionBasePage";
+const css = Cypress.env('css');
+
+const responseModeText = "Response mode";
+const popupTitleText = "Change response mode?";
+const popupContent = "Are you sure you want to switch from {from} to {to}? The correct answer you've chosen will be reset.";
+
+const selectors = {
+    responseModeLabel: () => cy.get('[class*="response-mode-detail-label"]'),
+    responseModeToggleButtons: () => cy.get('[class*="response-mode-detail-label"] [class*="MuiToggleButtonGroup-grouped"]'),
+    responseModeToggleSelectedButton: () => cy.get(
+        '.edit-question-response-mode-wrapper [aria-pressed="true"]'
+    ),
+    getResponseModeToggleButton: (value) => cy.get(
+        `.edit-question-response-mode-wrapper [value="${value.toLowerCase()}"]`
+    ),
+    ResponseModeChangePopup: () => cy.get('.ngie-popover-container.change-response-mode-dialog'),
+    ResponseModeChangePopupTitle: () => cy.get('.change-response-mode-dialog .dialog-title-wrapper'),
+    ResponseModeChangePopupContent: () => cy.get('.change-response-mode-dialog .dialog-content'),
+    ResponseModeChangePopupReject: () => cy.get('.change-response-mode-dialog .reject-button'),
+    ResponseModeChangePopupAccept: () => cy.get('.change-response-mode-dialog .accept-button'),
+    opacityLabel: () => cy.get('[class*="OpacityWrapper"] [class*="Label"]').last(),
+    opacityInputField: () => cy.get('[class*="OpacityWrapper"] input[type="text"]').last(),
+    opacitySlider: () => cy.get('[class*="OpacityWrapper"] .MuiSlider-colorPrimary'),
+};
+
+const steps = {
+    selectResponseModetoggleButton: (mode) => {
+        responseModeToggle.getResponseModeToggleButton(mode).click();
+    },
+
+    confirmResponseModeChange: (accept) => {
+        if(accept) {
+            responseModeToggle.ResponseModeChangePopupAccept().click();
+        } else {
+            responseModeToggle.ResponseModeChangePopupReject().click();
+        }
+    },
+
+    checkQuestionIsLoadedWithResponseMode: (mode) => {
+        utilities.verifyElementVisibilityState(responseModeToggle.responseModeLabel(), 'visible');
+        utilities.verifyInnerText(responseModeToggle.responseModeLabel(), responseModeText);
+        utilities.verifyInnerText(createQuestionBasePage.headerTitle(), mode);
+        utilities.verifyInnerText(responseModeToggle.responseModeToggleSelectedButton(), mode);
+    },
+
+    changeResponseMode: (initialMode, changedMode) => {
+        utilities.verifyInnerText(responseModeToggle.responseModeToggleSelectedButton(), initialMode);
+        utilities.verifyInnerText(createQuestionBasePage.headerTitle(), initialMode);
+        responseModeToggle.steps.selectResponseModetoggleButton(changedMode);
+        utilities.verifyInnerText(responseModeToggle.responseModeToggleSelectedButton(), changedMode);
+        utilities.verifyInnerText(createQuestionBasePage.headerTitle(), changedMode);
+    },
+
+    warnResponseModeChange: (initialMode, changedMode) => {
+        responseModeToggle.steps.selectResponseModetoggleButton(changedMode);
+        utilities.verifyElementVisibilityState(responseModeToggle.ResponseModeChangePopup(), 'visible');
+        utilities.verifyInnerText(responseModeToggle.ResponseModeChangePopupTitle(), popupTitleText);
+        utilities.verifyInnerText(
+            responseModeToggle.ResponseModeChangePopupContent(),
+            popupContent.replace('{from}', initialMode).replace('{to}', changedMode)
+        );
+    }
+};
+
+export const responseModeToggle = {
+    ...selectors,
+    steps
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.479-skipFewTestsDueToBugs-d877a1b.0",
+  "version": "1.0.480",
   "description": "",
   "main": "index.js",
   "scripts": {