itemengine-cypress-automation 1.0.184-e2e-execution-crash-3b9d0d0.0 → 1.0.185-repoUpdate26April-b17eb46.0

package/cypress/e2e/ILC/ToolSettings/toolSettingsContent.js

@@ -5,7 +5,7 @@ import { dialogBoxBase, multipleSelectionPage, rulerPage } from "../../../pages"
 
 const css = Cypress.env('css');
 
-const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple calculator', 'Scientific calculator'];
+const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple Calculator', 'Scientific Calculator'];
 const lengthOfRuler = ['15 cm', '30 cm', '40 cm'];
 const rotationOptions = ['None', 'Allow rotation', 'Allow rotation and display angle'];
 const unitOfMeasurementOptions = ['Centimeter', 'Inch', 'Pixel', 'Both centimeter and inch', 'Custom image'];
@@ -62,7 +62,7 @@ describe('Create Item page: Tool settings', () => {
         it(`When \'Tool settings\' accordion is expanded, then \'Add tools\' and \'Select the tools that will be displayed to the students.\' labels should be displayed. Three tools ${tools} should be displayed with their labels, icons, drag handle button and edit icon. By default tools should not be selected`, () => {
             utilities.verifyInnerText(toolSettingsComponent.addToolsLabel(), 'Add tools');
             utilities.verifyInnerText(toolSettingsComponent.toolSettingsHelpText(), 'Select the tools that will be displayed to the students.');
-            utilities.verifyElementCount(toolSettingsComponent.toolButton(), 3);
+            utilities.verifyElementCount(toolSettingsComponent.toolButton(), 5);
             tools.forEach((toolName, toolIndex) => {
                 toolSettingsComponent.steps.verifyToolButton(toolIndex, toolName);
             });
@@ -117,8 +117,8 @@ describe('Create Item page: Tool settings', () => {
         it(`'Length of ruler' label and dropdown should be displayed and by default ${lengthOfRuler[0]} should be selected`, () => {
             utilities.verifyInnerText(rulerPage.lengthOfRulerLabel(), 'Length of ruler');
             utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerLabel(), 'visible');
-            rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(lengthOfRuler[0]);
-            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerDropdown(), 'exist');
+            rulerPage.steps.verifyLengthOfRulerOptions(lengthOfRuler[0]);
+            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerOptions(), 'exist');
         });
 
         it(`When user expands the \'Unit of measurement\' dropdown then list with five option ${unitOfMeasurementOptions} should be displayed`, () => {
@@ -134,7 +134,7 @@ describe('Create Item page: Tool settings', () => {
 
         it(`When user expands the \'Length of ruler\' dropdown then list with three options ${lengthOfRuler} should be displayed`, () => {
             rulerPage.steps.expandLengthOfRulerDropdown();
-            rulerPage.steps.verifyLengthOfRulerDropdownListOptions(lengthOfRuler);
+            rulerPage.steps.verifyLengthOfRulerOptions(lengthOfRuler);
         });
 
         it('When user selects an option from \'Length of ruler\' dropdown list, then dropdown list should disappear and selected option should be the active selection for the dropdown', () => {

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -32,7 +32,7 @@ describe('Tool settings content for all views', () => {
                         toolSettingsComponent.steps.expandToolSettingsAccordion();
                         toolSettingsComponent.steps.clickOnToolEditIcon(0);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                        toolSettingsComponent.steps.clickOnOkButton();
                         createQuestionBasePage.steps.switchToPreviewTab();
                         utilities.verifyElementVisibilityState(commonComponents.previewTabQuestionWrapper(), 'visible');
                         break;
@@ -117,10 +117,10 @@ describe('Tool settings content for all views', () => {
                         toolSettingsComponent.steps.expandToolSettingsAccordion();
                         toolSettingsComponent.steps.clickOnToolEditIcon(0);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                        toolSettingsComponent.steps.clickOnOkButton();
                         toolSettingsComponent.steps.clickOnToolEditIcon(1);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                        toolSettingsComponent.steps.clickOnOkButton();
                         createQuestionBasePage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

package/cypress/fixtures/constants.js

@@ -9,7 +9,7 @@ const constants = {
     sampleSVGLink: "https://www.svgrepo.com/show/128943/3-flowers.svg",
     CKEditorEquationEditorPopupInputFieldEnteredEquationText: "x=3√8,What is the value of x?",
     CKEditorInputFieldEnteredEquationText: "x=83,What is the value of x?",
-    CKEditorInputFieldEnteredEquationAriaLabel: "x equals the cube root of 8 comma cap w h of A t i s t h of e v A l u e o f x question mark question mark",
+    CKEditorInputFieldEnteredEquationAriaLabel: "x equals the cube root of 8 comma cap w h of A t i s t h of e v A l u e o f x question mark",
     sampleMp3Link: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
     sampleWAVLink: "https://dl.espressif.com/dl/audio/ff-16b-1c-44100hz.wav",
     sampleAACLink: "https://dl.espressif.com/dl/audio/ff-16b-1c-44100hz.aac",

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -80,17 +80,11 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Comma',
                 displayText: ','
             },
-            add: {
-                title: 'Addition',
-                textElement: null,
-                ariaLabel: 'Plus 6',
-                displayText: '+'
-            },
-            subtract: {
-                title: 'Subtraction',
+            divide: {
+                title: 'Division',
                 textElement: null,
-                ariaLabel: 'Minus',
-                displayText: '−'
+                ariaLabel: 'Division',
+                displayText: '÷'
             },
             multiply: {
                 title: 'Multiply',
@@ -98,11 +92,17 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Multiply',
                 displayText: '×'
             },
-            divide: {
-                title: 'Division',
+            subtract: {
+                title: 'Subtraction',
                 textElement: null,
-                ariaLabel: 'Division',
-                displayText: '÷'
+                ariaLabel: 'Minus',
+                displayText: '−'
+            },
+            add: {
+                title: 'Addition',
+                textElement: null,
+                ariaLabel: 'Plus 6',
+                displayText: '+'
             },
             equalTo: {
                 title: 'Equal To',
@@ -122,17 +122,17 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'MoveRight',
                 displayText: null
             },
-            clear: {
-                title: 'Clear',
-                textElement: null,
-                ariaLabel: 'Clear',
-                displayText: null
-            },
             clearAll: {
                 title: 'Clear all',
                 textElement: null,
                 ariaLabel: 'ClearAll',
                 displayText: null
+            },
+            clear: {
+                title: 'Clear',
+                textElement: null,
+                ariaLabel: 'Clear',
+                displayText: null
             }
         }
     },

package/cypress/fixtures/theme/ilc.json

@@ -47,8 +47,8 @@
         "highlightedTableCellBorder": "rgb(255, 255, 255)",
         "standardTableCellText": "rgb(51, 51, 51)",
         "editTableDeleteButton": "rgb(204, 39, 0)",
-        "progressBarRemainingFill": "rgb(194, 194, 194)",
-        "progressBarElapsedFill": "rgb(64, 134, 235)",
+        "progressBarRemainingFill": "rgb(238, 241, 251)",
+        "progressBarElapsedFill": "rgb(82, 0, 255)",
         "progressBarSliderHoverBackground": "rgba(25, 118, 210, 0.16)",
         "waveformCursorColor": "rgb(0, 0, 0)",
         "audioResponsePreviewComponentsFill": "rgb(64, 134, 235)",
@@ -135,7 +135,11 @@
         "uploadedFileName": "rgb(0, 0, 124)",
         "feedbackHeart": "rgb(255, 56, 0)",
         "manipulativeOptionContainerBorder": "rgb(186, 201, 255)",
-        "cellIcon": "rgb(186, 201, 255)"
+        "cellIcon": "rgb(186, 201, 255)",
+        "outerBorder": "rgb(186, 201, 255)",
+        "playbackTime": "rgb(0, 0, 124)",
+        "stopButtonBg": "rgb(187, 47, 10)",
+        "stopButtonBorder": "rgb(92, 0, 0)"
     },
     "fontSize": {
         "extraSmall": "10px",
@@ -161,27 +165,25 @@
             "hoverBackground": "rgba(82, 0, 255, 0.2)",
             "hoverBorder": "rgba(82, 0, 255, 0.4)"
         },
-        "darkGreen":{
-            "background": "rgb(186, 201, 255)",
-            "hoverBackground": "rgba(186, 201, 255, 0.4)",
-            "hoverBorder": "rgb(107, 139, 255)"
+        "aqua":{
+            "background": "rgb(0, 112, 128)",
+            "hoverBackground": "rgba(0, 112, 128, 0.2)",
+            "hoverBorder": "rgba(0, 112, 128, 0.4)"
         },
         "brown":{
-            "background": "rgb(128, 239, 255)",
-            "hoverBackground": "rgba(128, 239, 255, 0.4)",
-            "hoverBorder": "rgb(0, 156, 179)"
+            "background": "rgb(128, 102, 69)",
+            "hoverBackground": "rgba(128, 102, 69, 0.2)",
+            "hoverBorder": "rgba(128, 102, 69, 0.4)"
         },
         "grey":{
-            "background": "rgb(255, 238, 215)",
-            "hoverBackground": "rgba(255, 238, 215, 0.4)",
-            "hoverBorder": "rgb(153, 134, 67)"
+            "background": "rgb(102, 102, 102)",
+            "hoverBackground": "rgba(102, 102, 102, 0.2)",
+            "hoverBorder": "rgba(102, 102, 102, 0.4)"
         },
         "black":{
-            "title": "yellow",
-            "background": "rgb(255, 238, 78)",
-            "border": "rgb(64, 59, 20)",
-            "hoverBackground": "rgba(255, 238, 78, 0.4)",
-            "hoverBorder": "rgb(153, 141, 32)"
+            "background": "rgb(0, 0, 0)",
+            "hoverBackground": "rgba(0, 0, 0, 0.2)",
+            "hoverBorder": "rgba(0, 0, 0, 0.4)"
         }
     }
 }