itemengine-cypress-automation 1.0.79 → 1.0.80

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -0,0 +1,172 @@
+export const drawingToolbarOptionsAndAdditionalOptions = {
+    drawingToolbarOptions: [
+        {
+            displayName: 'Select',
+            tooltipText: 'SelectSelect, move, rotate and re-size',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Scribble',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker'],
+            secondaryToolbarOptions: ['Stroke color', 'Stroke thickness', 'Opacity'],
+            tooltipText: 'PencilDraw freehand lines',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Line',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker'],
+            secondaryToolbarOptions: ['Stroke color', 'Stroke thickness', 'Line type', 'Opacity'],
+            tooltipText: 'LineDraw a straight line',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Curved line',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker'],
+            secondaryToolbarOptions: ['Stroke color', 'Stroke thickness', 'Line type', 'Opacity'],
+            tooltipText: 'Curved LineDraw a curved line',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Capture image',
+            tooltipText: "Take a photoUse your device's camera to take a photo and add it to the canvas",
+            toolType: 'dialog'
+        },
+        {
+            displayName: 'Insert image',
+            tooltipText: 'Upload an imageUpload an image from your device',
+            toolType: 'dialog'
+        },
+        {
+            displayName: 'Text',
+            additionalOptions: [' specialchar', ' mathchar', ' fontsize', ' strokefontcolor', ' strokefontcolorpicker'],
+            secondaryToolbarOptions: ['Special characters', 'Math characters', 'Font Size', 'Text color', 'Opacity'],
+            tooltipText: 'TextAdd text',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Point eraser',
+            secondaryToolbarOptions: ['Eraser thickness'],
+            tooltipText: 'Point EraserErase the element by pixel',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Item eraser',
+            tooltipText: 'Item EraserErase the entire element',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Rectangle',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker', ' fillcolor', ' fillcolorpicker'],
+            secondaryToolbarOptions: ['Fill color', 'Stroke color', 'Stroke thickness', 'Opacity'],
+            tooltipText: 'RectangleDraw a rectangle',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Ellipse',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker', ' fillcolor', ' fillcolorpicker'],
+            secondaryToolbarOptions: ['Fill color', 'Stroke color', 'Stroke thickness', 'Opacity'],
+            tooltipText: 'EllipseDraw an ellipse',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Polygon',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker', ' fillcolor', ' fillcolorpicker'],
+            secondaryToolbarOptions: ['Fill color', 'Stroke color', 'Stroke thickness', 'Opacity'],
+            tooltipText: 'PolygonDraw polygon',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Compass',
+            additionalOptions: [' strokefontcolor', ' strokefontcolorpicker', ' fillcolor', ' fillcolorpicker'],
+            secondaryToolbarOptions: ['Stroke color', 'Stroke thickness', 'Opacity'],
+            tooltipText: 'CompassDraw compass',
+            toolType: 'tool'
+        },
+        {
+            displayName: 'Bring forward',
+            tooltipText: 'Bring forwardBring selected item forward a layer',
+            toolType: 'action'
+        },
+        {
+            displayName: 'Bring backward',
+            tooltipText: 'Bring backwardSend selected item back a layer',
+            toolType: 'action'
+        },
+        {
+            displayName: 'Duplicate',
+            tooltipText: 'DuplicateMake a copy of the selection',
+            toolType: 'action'
+        },
+        {
+            displayName: 'Undo',
+            tooltipText: 'UndoUndo last action',
+            toolType: 'action'
+        },
+        {
+            displayName: 'Redo',
+            tooltipText: 'RedoRedo last action',
+            toolType: 'action'
+        },
+        {
+            displayName: 'Full Screen',
+            tooltipText: 'Full ScreenView the canvas using your whole screen',
+            toolType: 'dialog'
+        },
+        {
+            displayName: 'Clear All',
+            tooltipText: 'Clear AllClear entire canvas',
+            toolType: 'dialog'
+        }
+    ],
+
+    additionalOptions: [' specialchar', ' mathchar', ' fontsize', ' strokefontcolor', ' strokefontcolorpicker', ' fillcolor', ' fillcolorpicker'],
+
+    additionalOptionsTooltip: ['Special characters', 'Math characters', 'Font size', 'Stroke font color', 'Stroke font color picker', 'Fill color', 'Fill color picker']
+}
+
+export const specialCharacters = [
+    {
+        categoryName: 'Spanish'
+    },
+    {
+        categoryName: 'French'
+    },
+    {
+        categoryName: 'German'
+    },
+    {
+        categoryName: 'Portuguese'
+    },
+    {
+        categoryName: 'Scandinavian'
+    },
+    {
+        categoryName: 'Italian'
+    },
+    {
+        categoryName: 'Icelandic'
+    }
+]
+
+export const mathCharacters = [
+    {
+        categoryName: 'Mathematical symbols',
+        symbols: ['SquareRoot', 'CubeRoot', 'Infinity', 'PlusMinus', 'Integral', 'Triangle', 'GreaterThan', 'LessThan', 'NotEqual', 'Approximate']
+    },
+    {
+        categoryName: 'Notation and set theory',
+        symbols: ['StandardDeviation', 'Eta', 'Summation', 'Pi', 'Union', 'Intersection', 'ProperSet', 'SubSet']
+    },
+    {
+        categoryName: 'Comparison and units',
+        symbols: ['Equivalence', 'Estimates', 'Approximation', 'Mu', 'MicroMeter', 'Degree', 'DegreeCelsius']
+    },
+    {
+        categoryName: 'Fraction values',
+        symbols: ['OneNine', 'OneTen', 'OneSix', 'OneFive', 'OneFour', 'OneThree', 'TwoFive', 'TwoThree', 'FiveEight', 'OneTwo', 'ThreeFive', 'ThreeFour', 'FourFive', 'FiveSix']
+    },
+    {
+        categoryName: 'Superscript and subscript',
+        symbols: ['Plus', 'Minus', 'Zero', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Plus', 'Minus', 'Zero', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine']
+    }
+]

package/cypress/fixtures/evaluationMethodsAndCustomSettings.js

@@ -0,0 +1,83 @@
+export const evaluationMethods = [
+    {
+        name: 'Symbols are equivalent',
+        description: 'Response inputted needs to be equivalent to be marked correct',
+        answerInputField: 'true',
+        customSettings: ['Case sensitive', 'Accept interval notation', 'Exclude LaTeX text from validation', 'Check for equality across sides', 'Interpret alphabets as variables', 'Interpret e as Euler\'s number', 'Interpret i as imaginary', 'Decimal separator', 'Thousands separator', 'Decimal places to be compared'],
+    },
+    {
+        name: 'Value is equivalent',
+        description: 'Response inputted needs to be equivalent but can be represented differently to be marked correct',
+        answerInputField: 'true',
+        customSettings: ['Case sensitive', 'Exclude LaTeX text from validation', 'Check for equality across sides', 'Decimal separator', 'Thousands separator', 'Decimal places to be compared', 'Tolerance']
+    },
+    {
+        name: 'Match value',
+        description: 'Response inputted needs to be equal and represented the same way to be marked correct',
+        answerInputField: 'true',
+        customSettings: ['Case sensitive', 'Accept interval notation', 'Accept expressions in any order', 'Exclude from possible correct answers', 'Ignore zeros after decimal', 'Ignore unit coefficient', 'Check for parenthesis grouping', 'Decimal separator', 'Thousands separator']
+    },
+    {
+        name: 'Equivalent structure',
+        description: 'Response inputted needs to be in set structure / format to be marked correct',
+        answerInputField: 'false',
+        customSettings: ['Case sensitive', 'Syntax']
+    },
+    {
+        name: 'Response is true',
+        description: 'Response inputted needs to be a true equation / inequality to be marked correct',
+        answerInputField: 'true',
+        customSettings: ['Case sensitive', 'Decimal separator', 'Thousands separator', 'Decimal places to be compared']
+    },
+    {
+        name: 'Expanded form',
+        description: 'Response inputted needs to be in expanded form to be marked correct',
+        answerInputField: 'false',
+        customSettings: ['Case sensitive', 'Decimal separator', 'Thousands separator']
+    },
+    {
+        name: 'Factored form',
+        description: 'Response inputted needs to be in factored form to be marked correct',
+        answerInputField: 'false',
+        customSettings: ['Case sensitive', 'Decimal separator', 'Thousands separator', 'Type of expression']
+    },
+    {
+        name: 'Simplified version',
+        description: 'Response inputted needs to be in simplified form to be marked correct',
+        answerInputField: 'false',
+        customSettings: ['Case sensitive', 'Decimal separator', 'Thousands separator']
+    },
+    {
+        name: 'Match exact',
+        description: 'Response entered needs to be an exact match to be marked correct',
+        answerInputField: 'true',
+        customSettings: ['Case sensitive', 'Ignore spaces before and after', 'Ignore extra spaces'],
+    }
+]
+
+export const syntaxDropdown = ['Number', 'Integer', 'Decimal', 'Scientific', 'Variable', 'Fraction', 'Mixed fraction', 'Simple fraction', 'Fraction or decimal', 'Expression', 'Equation']
+
+export const typeOfExpression = ['Integer', 'Real', 'Complex']
+
+export const decimalSeparator = ['Dot', 'Comma']
+
+export const thousandsSeparatorForDotDecimalSeparator = ['None', 'Comma or space', 'Comma', 'Space']
+
+export const thousandsSeparatorForCommaDecimalSeparator = ['None', 'Dot or space', 'Dot', 'Space']
+
+export const customSettingsIds = {
+    caseSensitive: 'case-sensitive-checkbox',
+    acceptIntervalNotation: 'accept-interval-notation-checkbox',
+    excludeLatexTextFromValidation: 'exclude-latex-text-from-validation-checkbox',
+    checkForEqualityAcrossSides: 'check-for-equality-across-sides-checkbox',
+    interpretAlphabetsAsVariables: 'interpret-alphabets-as-variables-checkbox',
+    interpretEAsEulerNumber: 'interpret-e-as-euler\'s-number-checkbox',
+    interpretIAsImaginary: 'interpret-i-as-imaginary-checkbox',
+    acceptExpressionsInAnyOrder: 'accept-expressions-in-any-order-checkbox',
+    excludeFromPossibleCorrectAnswers: 'exclude-from-possible-correct-answers-checkbox',
+    ignoreZerosAfterDecimal: 'ignore-zeros-after-decimal-checkbox',
+    ignoreUnitCoefficient: 'ignore-unit-coefficient-checkbox',
+    checkForParenthesisGrouping: 'check-for-parenthesis-groups-checkbox',
+    ignoreSpacesBeforeAndAfter: 'ignore-spaces-before-and-after-checkbox',
+    ignoreExtraSpaces: 'ignore-extra-spaces-checkbox',
+}

package/cypress/fixtures/theme/ilc.json

@@ -74,7 +74,7 @@
         "titleContainerBorder": "rgb(107, 139, 255)",
         "optionNumerationBg": "rgb(214, 224, 255)",
         "panelLabel": "rgb(0, 0, 124)",
-        "dragOptionActiveBorder": "rgb(107, 139, 255)",
+        "correctOptionBorder": "rgb(107, 139, 255)",
         "feedbackStar": "rgb(226, 121, 0)",
         "clickTapAnywhereAreaBg": "rgb(102, 102, 102)",
         "recordingIcon": "rgb(209, 51, 51)",
@@ -85,7 +85,26 @@
         "fileUploadProgressBarFill": "rgb(74, 147, 224)",
         "responseContainerPointer": "rgba(0, 0, 46, 0.4)",
         "activeHighlightBorder": "rgb(41, 0, 128)",
-        "hoverHighlightBorder": "rgb(66, 0, 204)"
+        "hoverHighlightBorder": "rgb(66, 0, 204)",
+        "selectToolbarOptionBg": "rgb(186, 201, 255)",
+        "defaultToolbarOptionBg": "rgb(245, 247, 254)",
+        "toolBarOptionTooltipBackground": "rgba(34, 34, 34, 0.9)",
+        "correctAnswerLabelBg": "rgb(199, 238, 210)",
+        "incorrectAnswerLabelBg": "rgb(255, 244, 241)",
+        "matrixHeadingCellBg": "rgb(214, 223, 255)",
+        "matrixSubheadingCellBg": "rgb(238, 241, 251)",
+        "matrixCellBorder": "rgb(82, 0, 255)",
+        "draggableOptionsContainerBg": "rgb(238, 241, 251)",
+        "draggableOptionsContainerBorder": "rgb(186, 201, 255)",
+        "draggableOptionBorder": "rgb(107, 139, 255)",
+        "matrixDropzoneCellBg": "rgb(245, 248, 255)",
+        "dropzoneCellIcon": "rgb(186, 201, 255)",
+        "noneCellIcon": "rgb(0, 0, 124)",
+        "unSelectedEvaluationMethodTitle": "rgb(82, 0, 255)",
+        "evaluationMethodContainerBorder": "rgb(186, 201, 255)",
+        "selectedEvaluationMethodContainerBg": "rgb(0, 0, 124)",
+        "customSettingsCheckboxLabel": "rgb(34, 34, 76)",
+        "separatorsUnselectedOption": "rgb(68, 68, 97)"
     },
     "fontSize": {
         "extraSmall": "10px",

package/cypress/support/helpers/accessibility.js

@@ -20,10 +20,10 @@ function checkAccessibility(cySelector = null) {
     cy.injectAxe()
         .then(() => {
             if (cySelector === null) {
-                return cy.checkA11y(null, config);
+                return cy.checkA11y(null, config, terminalLog);
             } else {
                 cySelector.then(($element) => {
-                    return cy.checkA11y($element.selector, config);
+                    return cy.checkA11y($element.selector, config, terminalLog);
                 });
             };
         });

package/cypress/support/helpers/utilities.js

@@ -126,6 +126,60 @@ const utilities = {
     base64Encoding: (str) => {
         const base64 = btoa(str);
         return encodeURIComponent(base64).replace(/([!*'();:@&=+$,/?#[]~])/g, match => `%${match.charCodeAt(0).toString(16).toUpperCase()}`);
+    },
+
+    /**
+      * @description verifies disabled state of an element
+      * @param {*} selector cy.get selector
+      */
+    verifyElementDisabled: (selector) => {
+        selector.should('be.disabled');
+    },
+
+    /**
+     * @description verifies disabled state of an element
+     * @param {*} selector cy.get selector
+     */
+    verifyElementDisabledClass: (selector) => {
+        selector.should(($form) => {
+            const classes = $form.attr('class');
+            expect(classes).to.include('disabled');
+        });
+    },
+
+    /**
+     * @description verifies that element is not disabled
+     * @param {*} selector cy.get selector
+     */
+    verifyElementNotDisabled: (selector) => {
+        selector.should(($form) => {
+            const classes = $form.attr('class');
+            expect(classes).to.not.include('disabled');
+        });
+        selector.should('not.be.disabled');
+    },
+
+    /**
+     * Retrieves an array of views based on the provided filter or returns the default views.
+     * @param {Array<string>} [filterArray] - An optional array of view names to filter from the default views.
+     * @example
+     * const allViews = getViews(); // Retrieves all default views
+     * const filteredViews = getViews(['Item view', 'Student view']); // Retrieves only specific views
+     * @returns {Array<string>} - An array of view names.
+     */
+    getViews: (filterArray) => {
+        const views = Cypress.env('views') ? Cypress.env('views') : ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view']
+        return (filterArray) ? filterArray.filter(view => views.includes(view)) : views
+    },
+
+    /**
+     * Verifies that the input field with the specified selector has the expected value.
+     * @param {*} selector - The Cypress selector representing the input field.
+     * @param {string} value - The expected value to match with the input field.
+     * @returns {null} - Returns null as the verification is done through assertions.
+     */
+    verifyInputFieldValue: (selector, value) => {
+        selector.should('have.value', value);
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.79",
+  "version": "1.0.80",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -9,7 +9,7 @@
     "local": "node scripts/local.mjs --env fileConfig=ilqa,theme=ilc",
     "spinnaker": "node scripts/spinnaker.mjs --env theme=ilc",
     "local:untagged": "node scripts/local.mjs --env fileConfig=ilqa,theme=ilc,grepUntagged=true",
-    "spinnaker:untagged": "node scripts/spinnaker.mjs --env theme=ilc,grepUntagged=true",    
+    "spinnaker:untagged": "node scripts/spinnaker.mjs --env theme=ilc,grepUntagged=true",
     "cy:ildev": "cypress open --env fileConfig=ildev",
     "cy:ilprod": "cypress open --env fileConfig=ilprod",
     "cy:ilqa": "cypress open --env fileConfig=ilqa",
@@ -30,4 +30,4 @@
     "cypress-real-events": "^1.7.6",
     "react-uuid": "^2.0.0"
   }
-}
+}