itemengine-cypress-automation 1.0.478-IEI-6720-3097ab1.0 → 1.0.478-IEI-6812-325b82b.0

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

@@ -322,6 +322,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             });
 
             it('When user hovers on the enabled redo button, then tooltip \'Redo\' should be displayed', () => {
+                utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1])
                     .verifyTooltip('Redo');
             });

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('h1[class*="HeaderComponentstyles__BlockLabel"]'),
+    headerTitle: () => cy.get('div[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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.478-IEI-6720-3097ab1.0",
+  "version": "1.0.478-IEI-6812-325b82b.0",
   "description": "",
   "main": "index.js",
   "scripts": {

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

@@ -1,67 +0,0 @@
-import { createItemPage, itemPreviewPage, multipleSelectionPage, singleSelectionPage } from "../../../pages";
-import utilities from "../../../support/helpers/utilities";
-import { responseModeToggle } from "../../../pages/components/responseModeToggle";
-
-const options = ['Animal', 'Vehicle', 'Birds', 'Insects'];
-
-let itemReferenceID = '';
-
-describe('Create item page - Multiple selection : Response mode toggle', () => {
-    describe('Test response mode toggle contents and Functionality', () => {
-        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();
-        });
-        
-        it('When no answer is selected, then user should be able to change responseMode', () => {
-            responseModeToggle.tests.shouldChangeResponseMode('Multiple selection', 'Single selection');
-        });
-        
-        it('When answer is selected, then user should not be able to change responseMode', () => {
-            responseModeToggle.tests.shouldChangeResponseMode('Single selection', 'Multiple selection');
-            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
-            responseModeToggle.tests.shouldWarnResponseModeChange('Multiple selection', 'Single selection', false);
-        });
-        
-        it('When response mode change is accepted, then change response mode should change after accepting', () => {
-            responseModeToggle.tests.shouldWarnResponseModeChange('Multiple selection', 'Single selection', true);
-            responseModeToggle.tests.shouldChangeResponseMode('Single selection', 'Multiple selection');
-            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
-        });
-        
-        it('When an item is saved and it is edited to different 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.tests.shouldWarnResponseModeChange('Multiple selection', 'Single selection', true);
-            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
-            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.tests.shouldloadQuestionWithResponseMode('Single selection');
-        });
-    });
-});

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

@@ -1,67 +0,0 @@
-import { createItemPage, itemPreviewPage, singleSelectionPage, multipleSelectionPage } from "../../../pages";
-import utilities from "../../../support/helpers/utilities";
-import { responseModeToggle } from "../../../pages/components/responseModeToggle";
-
-const options = ['Animal', 'Vehicle', 'Birds', 'Insects'];
-
-let itemReferenceID = '';
-
-describe('Create item page - Single selection : Response mode toggle', () => {
-    describe('Test response mode toggle contents and Functionality', () => {
-        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();
-        });
-        
-        it('When no answer is selected, then user should be able to change responseMode', () => {
-            responseModeToggle.tests.shouldChangeResponseMode('Single selection', 'Multiple selection');
-        });
-        
-        it('When answer is selected, then user should not be able to change responseMode', () => {
-            responseModeToggle.tests.shouldChangeResponseMode('Multiple selection', 'Single selection');
-            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
-            responseModeToggle.tests.shouldWarnResponseModeChange('Single selection', 'Multiple selection', false);
-        });
-        
-        it('When response mode change is accepted, then change response mode should change after accepting', () => {
-            responseModeToggle.tests.shouldWarnResponseModeChange('Single selection', 'Multiple selection', true);
-            responseModeToggle.tests.shouldChangeResponseMode('Multiple selection', 'Single selection');
-            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
-        });
-        
-        it('When an item is saved and it is edited to different 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.tests.shouldWarnResponseModeChange('Single selection', 'Multiple selection', true);
-            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
-            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.tests.shouldloadQuestionWithResponseMode('Multiple selection');
-        });
-    });
-});

package/cypress/pages/components/responseModeToggle.js

@@ -1,72 +0,0 @@
-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('.ngie-popover-container.change-response-mode-dialog .dialog-title-wrapper'),
-    ResponseModeChangePopupContent: () => cy.get('.ngie-popover-container.change-response-mode-dialog .dialog-content'),
-    ResponseModeChangePopupReject: () => cy.get('.ngie-popover-container.change-response-mode-dialog .reject-button'),
-    ResponseModeChangePopupAccept: () => cy.get('.ngie-popover-container.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) => {
-        selectors.getResponseModeToggleButton(mode).click();
-    },
-    confirmResponseModeChange: (accept) => {
-        if(accept) {
-            selectors.ResponseModeChangePopupAccept().click();
-        } else {
-            selectors.ResponseModeChangePopupReject().click();
-        }
-    }
-}
-
-const tests = {
-
-    shouldloadQuestionWithResponseMode: (mode) => {
-        utilities.verifyElementVisibilityState(responseModeToggle.responseModeLabel(), 'visible');
-        utilities.verifyInnerText(responseModeToggle.responseModeLabel(), responseModeText);
-        utilities.verifyInnerText(createQuestionBasePage.headerTitle(), mode);
-        utilities.verifyInnerText(responseModeToggle.responseModeToggleSelectedButton(), mode);
-    },
-    shouldChangeResponseMode: (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);
-    },
-    shouldWarnResponseModeChange: (initialMode, changedMode, acceptChange) => {
-        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)
-        );
-        responseModeToggle.steps.confirmResponseModeChange(acceptChange);
-    }
-};
-
-export const responseModeToggle = {
-    ...selectors,
-    tests,
-    steps
-};