itemengine-cypress-automation 1.0.239 → 1.0.240

package/cypress/pages/multipleSelectionGridPage.js

@@ -146,14 +146,13 @@ const steps = {
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'notExist');
             });
     },
-
     /**
-    * Verify placeholder text in the input field of a table cell property.
-    * @param {Object} position - The position of the table cell property.
-    * @param {number} position.row - The row index (zero-based) of the table cell property.
-    * @param {number} position.column - The column index (zero-based) of the table cell property.
-    * @param {string} text - The placeholder text to verify in the input field.
-    */
+ * Verify placeholder text in the input field of a table cell property.
+ * @param {Object} position - The position of the table cell property.
+ * @param {number} position.row - The row index (zero-based) of the table cell property.
+ * @param {number} position.column - The column index (zero-based) of the table cell property.
+ * @param {string} text - The placeholder text to verify in the input field.
+ */
     verifyPlaceholderTextInCellPropertyInputField: ({ row, column }, text) => {
         utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
@@ -161,7 +160,7 @@ const steps = {
                     .should('have.attr', 'placeholder', text);
             });
         });
-    }
+    },
 }
 
 const tests = {
@@ -190,19 +189,18 @@ const tests = {
             gridQuestionCommonComponent.steps.setAnswerInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
         });
 
-        it(`When the user has unchecked all the options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user has unchecked all the options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should not be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
             gridQuestionCommonComponent.steps.uncheckOptionInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/multipleSelectionPage.js

@@ -867,18 +867,17 @@ const tests = {
             multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(1);
         });
 
-        it(`When the user has unchecked all selected options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+        it(`When the user has unchecked all selected options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should not be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/numberLinePage.js

@@ -1452,19 +1452,8 @@ const tests = {
         it(`When the user resets the number line in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
             numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Reset');
             numberLinePage.steps.confirmReset();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
-            if (accordionName == 'Correct') {
-                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
-                    });
-            } else {
-                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
-                    });
-            };
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
         });
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();

package/cypress/pages/shortTextResponsePage.js

@@ -924,10 +924,9 @@ const tests = {
             shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Petals');
         });
 
-        it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should be displayed', () => {
+        it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should not be displayed', () => {
             shortTextResponsePage.steps.clearAndFocusOutOfSpecifyCorrectAnswerInputField();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();

package/cypress/pages/textEntryMathPage.js

@@ -11,6 +11,7 @@ const selectors = {
     ...autoScoredScoringSectionMultiResponseType,
     ...autoScoredSpecifyCorrectAnswerSection,
     ...commonComponents,
+    ...autoScoredScoringPreviewTab,
 
     addStructureTab: () => cy.get('[data-ngie-testid="add-structure-tab"]'),
     responseToken: () => cy.get('.cke_button__addresponse'),
@@ -59,6 +60,13 @@ const selectors = {
             return cy.get('[class*="CustomSettingsstyles__CheckboxContainer"] label')
         }
     },
+    customSettingsCheckbox: (customSettingCheckboxId = null) => {
+        if (customSettingCheckboxId) {
+            return cy.get(`[class*="CustomSettingsstyles__CheckboxContainer"] input[aria-label*="${customSettingCheckboxId}"]`)
+        } else {
+            return cy.get('[class*="CustomSettingsstyles__CheckboxContainer"] input')
+        }
+    },
     toggleSeparatorWrapper: () => cy.get('[class*="CustomSettingsstyles__ToggleWrapper"]'),
     decimalSeparatorWrapper: () => cy.get('[class*="SingleSelectToggleGroupstyles__ToggleButtonWrapper"]').eq(0),
     thousandsSeparatorWrapper: () => cy.get('[class*="SingleSelectToggleGroupstyles__ToggleButtonWrapper"]').eq(1),
@@ -834,6 +842,26 @@ const steps = {
         utilities.verifyElementVisibilityState(textEntryMathPage.alternativeAnswerAccordion().contains('Alternative 2'), 'notExist');
     },
 
+    /**
+     * This function checks the custom settings checkbox
+     * @param {("Case sensitive"|"Accept interval notation"|"Check for equality across sides"|"Exclude LaTeX text from validation"|"Exclude LaTeX text from validation"|"Interpret e as Euler\'s number"|"Accept expressions in any order"|"Ignore unit coefficient"|"Ignore zeros after decimal")} ariaLabel 
+     */
+    checkCustomSettingsCheckbox: (ariaLabel) => {
+        textEntryMathPage.customSettingsCheckbox(ariaLabel)
+            .click()
+            .should('be.checked');
+    },
+
+    /**
+     * This function unchecks the custom settings checkbox
+     * @param {("Case sensitive"|"Accept interval notation"|"Check for equality across sides"|"Exclude LaTeX text from validation"|"Exclude LaTeX text from validation"|"Interpret e as Euler\'s number"|"Accept expressions in any order"|"Ignore unit coefficient"|"Ignore zeros after decimal")} ariaLabel 
+     */
+    uncheckCustomSettingsCheckbox: (ariaLabel) => {
+        textEntryMathPage.customSettingsCheckbox(ariaLabel)
+            .click()
+            .should('not.be.checked');
+    },
+
     //Additional settings
     selectEquationEditorSectionCategories: (categoriesArray) => {
         categoriesArray.forEach((categoryName) => {

package/cypress/pages/textSelectionPage.js

@@ -2,6 +2,7 @@ import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
 import { createQuestionBasePage, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, questionInputFieldComponent, questionInstructionsComponent, autoScoredStudentViewSettings, correctIncorrectAnswerLabelComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, setPointsPopupBase, commonComponents, ckEditorToolbar, equationEditorFlyout, studentViewSettingsLabelComponent, enableOuterBorderComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, colorPopupComponent, showAvailableOptionsToStudents, showStudentMaximumNumberOfPossibleSelections } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
+import { singleMultipleSelectionModeComponent } from "./components";
 const css = Cypress.env('css');
 const colorLibrary = css.textSelectionColorLibrary;
 
@@ -22,6 +23,21 @@ const selectors = {
     questionLabel: () => cy.get('[class*="Highlightstyles__QuestionComponentWrapper"] .title-casing'),
     questionInputField: () => cy.get('[class*="Highlightstyles__QuestionComponentWrapper"] [title="Question"]'),
     specifyPossibleOptionsTextFieldWrapper: () => cy.get('[class*="Highlightstyles__HighLightWrapper"] .question-text-wrapper'),
+    textSelectionStyleLabel: () => cy.get('.text-selection-style .options-label'),
+    textSelectionStyleButtonLabel: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`.text-selection-style [type="button"][aria-label*="${ariaLabel}"] .ngie-toggle-button-label`)
+        } else {
+            return cy.get('.text-selection-style [type="button"] .ngie-toggle-button-label')
+        }
+    },
+    textSelectionStyle: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`.text-selection-style [type="button"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('.text-selection-style [type="button"]')
+        }
+    },
     textSelectionModeLabel: () => cy.get('.text-selection-mode .options-label'),
     textSelectionMode: (ariaLabel = null) => {
         if (ariaLabel) {
@@ -57,12 +73,15 @@ const selectors = {
     partialEqualWeightsPointsPerResponseScore: () => cy.get('[class*="Highlightstyles__PartialPointsPerResponseValue"]'),
     specifyCorrectAnswerErrorMessage: () => cy.get('[class*="ErrorMessageContainer"]').eq(1),
     //Style and customization layout
-    filledInStyleLabel: () => cy.get('.text-selection-style-title'),
-    fillColorLabel: () => cy.get('[class*="StyleAndLayoutCustomizationstyles__SubSectionLabel"]'),
-    colorBlock: () => cy.get('.color-picker-block'),
+    styleLabel: () => cy.get('.text-selection-style-title'),
+    colorLabel: () => cy.get('[class*="StyleAndLayoutCustomizationstyles__SubSectionLabel"]'),
+    colorBlock: () => cy.get('.color-grid-wrapper .color-picker-block'),
     editColorButton: () => cy.get('.ngie-icon-with-label-btn[aria-label="edit color"]'),
     changeFontColorToWhiteCheckbox: () => cy.get('[data-ngie-testid="change-font-color-to-white-checkbox"] input'),
     changeFontColorToWhiteCheckboxLabel: () => cy.get('[data-ngie-testid="change-font-color-to-white-checkbox"] [class*="label"]'),
+    borderStyle: () => cy.get('[class*="TextSelectionStylestyles__SectionWrapper"] .options-label'),
+    borderBlock: () => cy.get('.options-border-style [class*="OptionsContainerstyles__ToggleButtonWrapper"] .ngie-outlined-toggle-button'),
+    borderBlockInnerText: () => cy.get('.options-border-style .ngie-toggle-button-label'),
 
     //Preview tab
     questionTextOuterBorderPreviewTab: () => cy.get('[class*="Highlightstyles__HighlightPreviewWrapper"]'),
@@ -98,6 +117,8 @@ const steps = {
     ...colorPopupComponent.steps,
     ...showAvailableOptionsToStudents.steps,
     ...showStudentMaximumNumberOfPossibleSelections.steps,
+    ...singleMultipleSelectionModeComponent.steps,
+
     addInputToQuestionInputField: (text) => {
         textSelectionPage.questionInputField()
             .type(text);
@@ -256,6 +277,15 @@ const steps = {
             .click();
     },
 
+    /**
+     * @param {string} textSelectionStyle Type of text selection
+     * @description Switch text selection type in text selection dropdown
+     */
+    switchTextSelectionStyle: (textSelectionStyle) => {
+        textSelectionPage.textSelectionStyle(textSelectionStyle)
+            .click();
+    },
+
     /**
      * @param {string} textSelectionType Type of text selection
      * @description Verify text selection mode is selected
@@ -265,6 +295,15 @@ const steps = {
             .should('have.attr', 'aria-pressed', 'true');
     },
 
+    /**
+     * @param {string} textSelectionType Type of text selection
+     * @description Verify text selection style is selected
+     */
+    verifyTextSelectionStyleIsSelected: (textSelectionType) => {
+        textSelectionPage.textSelectionStyle(textSelectionType)
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
     /**
      * @param {string} textSelectionType Type of text selection
      * @description Verify text selection mode is not selected
@@ -273,6 +312,185 @@ const steps = {
         textSelectionPage.textSelectionMode(textSelectionType)
             .should('have.attr', 'aria-pressed', 'false');
     },
+    /**
+     * @param {string} textSelectionType Type of text selection
+     * @description Verify text selection style is not selected
+     */
+    verifyTextSelectionStyleIsNotSelected: (textSelectionType) => {
+        textSelectionPage.textSelectionStyle(textSelectionType)
+            .should('have.attr', 'aria-pressed', 'false');
+    },
+
+    /**
+    * @param {string} textSelectionStyle Type of text selection style
+    * @param {number} index of the option in specify possible options section
+    * @description verifies the style of the selected options in specify possible option section
+    */
+    verifyStyleInSpecifyPossibleOptions: (textSelectionStyle, index, color) => {
+        if (textSelectionStyle === 'filled-in') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'background-color': color,
+                'color': 'rgb(255, 255, 255)',
+                'border-bottom-color': 'rgba(0, 0, 0, 0)',
+                'border-left-color': 'rgba(0, 0, 0, 0)',
+            });
+        } else if (textSelectionStyle === 'outline') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'border-bottom-color': color,
+                'border-left-color': color,
+            });
+        } else if (textSelectionStyle === 'underline') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'border-bottom-color': color,
+                'border-left-color': 'rgba(0, 0, 0, 0)',
+                'border-right-color': 'rgba(0, 0, 0, 0)',
+            });
+        } else if (textSelectionStyle === 'strikethrough') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'text-decoration-color': color,
+                'text-decoration-line': 'line-through',
+                'text-decoration-thickness': '1.5px',
+            });
+        }
+    },
+
+    /**
+    * @param {string} textSelectionStyle Type of text selection style
+    * @param {number} index of the option in specify possible options section
+    * @description verifies the style of the selected options in specify correct answer section
+    */
+    verifyStyleInSpecifyCorrectAnswer: (textSelectionStyle, index, color) => {
+        if (textSelectionStyle === 'filled-in') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'background-color': color,
+                'color': 'rgb(255, 255, 255)',
+                'border-bottom-color': 'rgba(0, 0, 0, 0)',
+                'border-left-color': 'rgba(0, 0, 0, 0)',
+            });
+        } else if (textSelectionStyle === 'outline') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'border-bottom-color': color,
+                'border-left-color': color,
+            });
+        } else if (textSelectionStyle === 'underline') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'border-bottom-color': color,
+                'border-left-color': 'rgba(0, 0, 0, 0)',
+                'border-right-color': 'rgba(0, 0, 0, 0)',
+            });
+        } else if (textSelectionStyle === 'strikethrough') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'text-decoration-color': color,
+                'text-decoration-line': 'line-through',
+                'text-decoration-thickness': '1.5px',
+            });
+        }
+    },
+
+    /**
+    * @param {string} textSelectionStyle Type of text selection style
+    * @param {number} index of the option in specify possible options section
+    * @description verifies the style of the selected options in preview section
+    */
+    verifyStyleInPreview: (textSelectionStyle, index, color) => {
+        if (textSelectionStyle === 'filled-in') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'background-color': color,
+                'color': 'rgb(255, 255, 255)',
+                'border-bottom-color': 'rgba(0, 0, 0, 0)',
+                'border-left-color': 'rgba(0, 0, 0, 0)',
+            });
+        } else if (textSelectionStyle === 'outline') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'border-bottom-color': color,
+                'border-left-color': color,
+            });
+        } else if (textSelectionStyle === 'underline') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'border-bottom-color': color,
+                'border-left-color': 'rgba(0, 0, 0, 0)',
+                'border-right-color': 'rgba(0, 0, 0, 0)',
+            });
+        } else if (textSelectionStyle === 'strikethrough') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'color': 'rgb(0, 0, 46)',
+                'text-decoration-color': color,
+                'text-decoration-line': 'line-through',
+                'text-decoration-thickness': '1.5px',
+            });
+        }
+    },
+
+    /**
+    * @param {string} textSelectionBorderStyle Type of text selection style
+    * @param {number} index of the option in specify possible options section
+    * @description verifies the style of the selected options in specify possible option section
+    */
+    verifyBorderStyleInSpecifyPossibleOptions: (textSelectionBorderStyle, index, border) => {
+        if (textSelectionBorderStyle === 'outline') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'border-bottom-style': border,
+            });
+        } else if (textSelectionBorderStyle === 'underline') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'border-bottom-style': border,
+            });
+        } else if (textSelectionBorderStyle === 'strikethrough') {
+            utilities.verifyCSS(textSelectionPage.specifyPossibleOptionsTextSpans().eq(index), {
+                'text-decoration-style': border,
+            });
+        }
+    },
+
+    /**
+    * @param {string} textSelectionBorderStyle Type of text selection style
+    * @param {number} index of the option in specify possible options section
+    * @description verifies the style of the selected options in specify correct answer section
+    */
+    verifyBorderStyleInSpecifyCorrectAnswer: (textSelectionBorderStyle, index, border) => {
+        if (textSelectionBorderStyle === 'outline') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'border-bottom-style': border,
+            });
+        } else if (textSelectionBorderStyle === 'underline') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'border-bottom-style': border,
+            });
+        } else if (textSelectionBorderStyle === 'strikethrough') {
+            utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextSpans().eq(index), {
+                'text-decoration-style': border,
+            });
+        }
+    },
+
+    /**
+    * @param {string} textSelectionBorderStyle Type of text selection style
+    * @param {number} index of the option in specify possible options section
+    * @description verifies the style of the selected options in preview section
+    */
+    verifyBorderStyleInPreview: (textSelectionBorderStyle, index, border) => {
+        if (textSelectionBorderStyle === 'outline') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'border-bottom-style': border,
+            });
+        } else if (textSelectionBorderStyle === 'underline') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'border-bottom-style': border,
+            });
+        } else if (textSelectionBorderStyle === 'strikethrough') {
+            utilities.verifyCSS(textSelectionPage.previewTabQuestionTextSpans().eq(index), {
+                'text-decoration-style': border,
+            });
+        }
+    },
 
     /**
      * @param {string} optionText Text of the option in specify possible options section
@@ -904,6 +1122,16 @@ const steps = {
             .should('have.attr', 'aria-pressed', 'true');
     },
 
+    /**
+     * @description select a color block in style and customization layout accordion
+     * @param {number} index index of color block
+     */
+    selectBorderBlock: (index) => {
+        utilities.getNthElement(textSelectionPage.borderBlock(), index)
+            .click()
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
     /**
      * @description verify that a color block is selected in style and customization layout accordion
      * @param {number} index index of color block
@@ -913,6 +1141,15 @@ const steps = {
             .should('have.attr', 'aria-pressed', 'true');
     },
 
+    /**
+     * @description verify that a border style block is selected in style and customization layout accordion
+     * @param {number} index index of color block
+     */
+    verifyBorderBlockIsSelected: (index) => {
+        utilities.getNthElement(textSelectionPage.borderBlock(), index)
+            .should('have.attr', 'aria-pressed', 'true');
+    },
+
     /**
      * @description verify the background color of a color block in style and customization layout accordion
      * @param {number} index index of color block
@@ -987,6 +1224,8 @@ const tests = {
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
     ...showAvailableOptionsToStudents.tests,
+    ...singleMultipleSelectionModeComponent.tests,
+
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('When user selects a scoring type, then in the \'Correct\' accordion all the contents should be displayed', () => {
             textSelectionPage.specifyCorrectAnswerTextSpans()

package/cypress/pages/videoResponsePage.js

@@ -945,8 +945,6 @@ const steps = {
         cy.wait(2000);
         videoResponsePage.videoRecorderDefaultWidthInputField()
             .blur();
-        videoResponsePage.videoRecorderDefaultWidthInputField()
-            .should('have.value', value)
     },
 
     clearVideoRecorderDefaultWidthInputField: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.239",
+  "version": "1.0.240",
   "description": "",
   "main": "index.js",
   "scripts": {