itemengine-cypress-automation 1.0.483-skipFewTestsDueToBugs-b0631a8.0 → 1.0.483

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/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/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('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/deploy/audioResponseQuestion/service.yaml

@@ -0,0 +1,22 @@
+global:
+  name: itemengine-audio-response
+  type: job
+  autoDeploy:
+    enabled: true
+    highestEnvironment: dev
+
+deployment:
+  activeDeadlineSeconds: 7200
+  architecture: arm64
+  backoffLimit: 25
+  completions: 7
+  parallelism: 7
+  image:
+    cmd: /ie-e2e/deploy/audioResponseQuestion/run.sh
+  resources:
+    limits:
+      memory: 8446Mi
+      cpu: 5000m
+    requests:
+      memory: 4096Mi
+      cpu: 2000m

package/il.yaml

@@ -1,11 +1,29 @@
 # yaml-language-server: $schema=https://schema-validator.imaginelearning.tech/il.yaml/v2.0.json
       
 meta:
-  owner: undeclared # Set this to the squad that maintains this repo
+  owner: itemengine
   trackingId: 87b2338d-3ea4-45cc-bd63-73d1f4a73a6c
-  
+  system: ngie
+  domain: content
+
 # otk:
 
+otk:
+  enabled: true
+  build:
+    platform: arm64
+    linuxDistribution: alpine
+    language: node
+    languageVersion: "20"
+  deployables:
+    - ./deploy/audioResponseQuestion/service.yaml
+  deployConfig:
+    environments:
+      - dev
+      - qa
+      - staging
+      - prod
+
 # catalog:
 
 spartanzBot:

package/package.json

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