itemengine-cypress-automation 1.0.12 → 1.0.13

package/cypress/pages/highlightPage.js

@@ -50,12 +50,13 @@ const selectors = {
     setCorrectAnswerSpans: () => cy.get('[class*="Highlightstyles__Wrapper"] span'),
     setCorrectAnswerOption: () => cy.get('[class*="Highlightstyles__Wrapper"] .highlighted'),
     setPointsButton: () => cy.get('[class*="Highlightstyles__SetPointsPopupWrapper"] button'),
-    setPointsPopupSaveButton: () => cy.get('.compact-popup-accept-button'),
-    setPointsPopupCancelButton: () => cy.get('.compact-popup-reject-button'),
+    setPointsPopupSaveButton: () => cy.get('.popup-button-wrapper button').eq(1),
+    setPointsPopupCancelButton: () => cy.get('.popup-button-wrapper button').eq(0),
     setPointsPopupOptions: () => cy.get('[class*="SetPointsPopupstyle__MappedAnswer"]'),
     setPointsPopupPointsLabel: () => cy.get('[class*="SetPointsPopupstyle__PointLabel"]'),
     //Check this after https://redmine.zeuslearning.com/issues/542344 is fixed
-    pointsPerResponseLabelAndScore: () => cy.get('[class*="Highlightstyles__PartialPointsPerResponseLabel"]'),
+    pointsPerResponseLabel: () => cy.get('[class*="Highlightstyles__PartialPointsPerResponseLabel"]'),
+    pointsPerResponseScore: () => cy.get('[class*="Highlightstyles__PartialPointsPerResponseValue"]'),
     //preview tab
     previewTabQuestionContainer: () => cy.get('.highlight-preview-wrapper'),
     previewTabParagraphs: () => cy.get('.highlight-preview-wrapper p'),
@@ -64,6 +65,7 @@ const selectors = {
     //additional settings
     maximumNumberOfAnswersLabel: () => cy.get('.maximum-answers'),
     maximumAnswersInputField: () => cy.get('[class*="StudentResponseComponentstyle__OptionWrapper"] input'),
+    setCorrectAnswerErrorMessage: () => cy.get('[class*="ErrorMessageContainer"]')
 }
 
 const steps = {
@@ -232,6 +234,12 @@ const steps = {
             .click();
     },
 
+    verifySetCorrectAnswerSectionErrorMessage: () => {
+        highlightPage.setCorrectAnswerErrorMessage()
+            .eq(1)
+            .verifyInnerText('Error: Please set a correct answer.');
+    },
+
     verifyResetPopupForClearingOptionSelection: () => {
         utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'visible');
         utilities.verifyInnerText(highlightPage.dialogBoxTitle(), 'Reset');
@@ -622,7 +630,7 @@ const steps = {
      * @description Verify the points per response score
      */
     verifyPartialEqualWeightsPointsPerResponseScore: (points) => {
-        utilities.verifyInnerText(highlightPage.pointsPerResponseLabelAndScore(), `Points per response: ${points}`);
+        utilities.verifyInnerText(highlightPage.pointsPerResponseScore(), `${points}`);
     },
 
     clickOnClearHighlightButtonInHighlightOptionsSection: () => {
@@ -630,7 +638,7 @@ const steps = {
             .click();
     },
 
-    verifyDefaultSetPointsButtonLabelAndDisabledState: () => {   
+    verifyDefaultSetPointsButtonLabelAndDisabledState: () => {
         utilities.verifyInnerText(highlightPage.setPointsButton(), 'Set points');
         utilities.verifyElementVisibilityState(highlightPage.setPointsButton(), 'visible');
         utilities.verifyElementVisibilityState(highlightPage.setPointsButton().find('svg'), 'exist');
@@ -810,6 +818,21 @@ const steps = {
             .should('exist')
             .should('have.text', 'This is Bold text input.lorem');
     },
+
+    verifyHighlightOptionsFieldErrorMessage: () => {
+        highlightPage.highlightOptionsTextFieldWrapper()
+            .next()
+            .should('have.text', 'Error: Minimum one highlight option is required.');
+    },
+
+    //TODO- Update after https://redmine.zeuslearning.com/issues/548968 is resolved
+    verifySetCorrectAnswerErrorMessage: () => {
+        highlightPage.setCorrectAnswerLabel()
+            .parents('.highlight-set-correct-wrapper')
+            .within(() => {
+                utilities.verifyTextContent(highlightPage.errorMessage().eq(1), 'Error: Please set a correct answer.')
+            });
+    }
 }
 
 const tests = {
@@ -823,6 +846,7 @@ const tests = {
     ...additionalSettingsPanel.tests,
     ...studentResponseAndLayoutComponent.tests,
     ...autoScoredAdditionalSettings.tests,
+    ...createQuestionBasePage.tests,
 
     /**
      * @param {number} totalPoints Maximum total points set for the question

package/cypress/pages/listMatchingPage.js

@@ -1,4 +1,5 @@
-import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, commonComponents, createQuestionBasePage, dragAndDropResponseOptions, dragAndDropSetCorrectAnswerCheckboxComponents, draggableOptionsContainer, mcqOptionsComponent, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase } from "./components"
+import utilities from "../support/helpers/utilities";
+import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, commonComponents, createQuestionBasePage, dragAndDropResponseOptions, dragAndDropSetCorrectAnswerCheckboxComponents, draggableOptionsContainer, mcqOptionsComponent, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, studentResponseAndLayoutComponent, answerNumerationComponent } from "./components"
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -20,6 +21,8 @@ const selectors = {
     ...optionsWrapperComponent,
     ...dragAndDropSetCorrectAnswerCheckboxComponents,
     ...draggableOptionsContainer,
+    ...studentResponseAndLayoutComponent,
+    ...answerNumerationComponent,
 
     //Options section
     addOptionButton: () => cy.get('.add-option-wrapper-cls .ngie-button').eq(1),
@@ -40,11 +43,14 @@ const selectors = {
     setCorrectAnswerStemLabel: () => cy.get('.input-field-label .question-text-wrapper'),
     setCorrectAnswerStemResponseArea: () => cy.get('[class="droppable-area"] [role="button"]'),
     setCorrectAnswerStemResponseAreaWrapper: () => cy.get('[class*="DroppableHotspotstyle__DroppableHotspotWrapper"]'),
+    stemColumnHeader: () => cy.get('[class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(0),
+    responseColumnHeader: () => cy.get('[class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(1),
     //preview tab
     previewTabStemRow: () => cy.get('.match-list-response-container'),
     previewTabStemLabel: () => cy.get('.no-split-pane-wrapper .input-field-label .question-text-wrapper'),
     previewTabStemField: () => listMatchingPage.previewTabStemLabel().parent(),
     //Below same as FIG DnD
+    responseAreaNumeration: () => cy.get('[class*="DroppedItemstyle__NumerationWrapper"]'),
     previewTabStemResponseArea: () => cy.get('.no-split-pane-wrapper [class="droppable-area"] [role="button"]'),
     previewTabStemResponseAreaWrapper: () => cy.get('.no-split-pane-wrapper [class*="DroppableHotspotstyle__DroppableHotspotWrapper"]'),
     previewTabQuestionField: () => cy.get('.no-split-pane-wrapper div[class*="ClozeWithDragAndDropstyles__QuestionItemContainer"]'),
@@ -55,6 +61,22 @@ const selectors = {
     previewTabCorrectAnswerResponseWrapper: () => listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper().parents('[class*="ClozeWithDragAndDropstyles__ItemWrapper"]'),
     previewTabCorrectAnswerResponseText: () => cy.get('[class*="ClozeWithDragAndDropstyles__ItemWrapper"] .question-text-wrapper'),
     draggableOption: () => cy.get('.draggable-selected-item'),
+    //Additional settings
+    stemColumnHeaderLabel: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] .text-label').eq(0),
+    ResponseColumnHeaderLabel: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] .text-label').eq(1),
+    stemColumnHeaderInputField: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] input').eq(0),
+    ResponseColumnHeaderInputField: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] input').eq(1),
+    //Same as DnD into categories
+    responseOptionPlacementLabel: () => cy.get('#Response-option-placement-dropdown-label'),
+    responseOptionPlacementDropdown: () => cy.get('#Response-option-placement-select'),
+    responseOptionPlacementDropdownListOption: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="Response-option-placement-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`);
+        } else {
+            return cy.get('[aria-labelledby*="Response-option-placement-dropdown-label"] [role="option"]');
+        }
+    },
+    questionPreviewWrapper: () => cy.get('.preview-container')
 }
 
 const steps = {
@@ -77,6 +99,7 @@ const steps = {
     ...draggableOptionsContainer.steps,
     ...dialogBoxBase.steps,
     ...optionsWrapperComponent.steps,
+    ...answerNumerationComponent.steps,
 
     /**
      * @param {number} index of the stem
@@ -143,7 +166,8 @@ const steps = {
         listMatchingPage.stemWrapper()
             .eq(index)
             .within(() => {
-                commonComponents.steps.verifyDeleteButtonDisabled()
+                listMatchingPage.buttonDeleteStem()
+                    .should('be.disabled');
             });
     },
 
@@ -953,6 +977,166 @@ const steps = {
                 dragAndDropResponseOptions.steps.verifyOptionsForDragAndDropSectionOptionFieldContents();
             });
     },
+
+    /**
+     * Verifies the numeration of response area in the question preview.
+     * @param {Array<string>} numerationArray - An array of expected numeration values for response areas.
+     * @returns {void}
+     */
+    verifyNumerationOfResponseAreasInQuestionPreview: (numerationArray) => {
+        numerationArray.forEach((option, count) => {
+            utilities.verifyTextContent(listMatchingPage.responseAreaNumeration().eq(count), option);
+            utilities.verifyElementVisibilityState(listMatchingPage.responseAreaNumeration().eq(count), 'visible');
+        });
+    },
+
+    /**
+     * Verifies the numeration of correct answer container.
+     * @param {Array<string>} numerationArray - An array of expected numeration values for response areas.
+     * @returns {void}
+     */
+    verifyCorrectAnswerContainerNumeration: (numerationArray) => {
+        numerationArray.forEach((option, count) => {
+            utilities.verifyTextContent(listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper().eq(count), option);
+            utilities.verifyElementVisibilityState(listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper().eq(count), 'visible');
+        });
+    },
+
+    clickOnResponseOptionPlacementDropdown: () => {
+        listMatchingPage.responseOptionPlacementDropdown()
+            .click();
+    },
+
+    /**
+     * @param {string[]} optionsArray 
+     * @description Verify response options placement dropdown list
+     */
+    verifyResponseOptionPlacementDropdownOptions: (optionsArray) => {
+        listMatchingPage.responseOptionPlacementDropdownListOption()
+            .each(($el, index) => {
+                cy.wrap($el)
+                    .should('have.text', optionsArray[index]);
+            });
+    },
+
+    /**
+     * Selects an option from the response option placement dropdown list.
+     * @param {string} dropdownOption - The option to select from the dropdown list ('Bottom', 'Top', 'Left', or 'Right')
+     * @returns {void}
+     */
+    selectResponseOptionPlacementDropdownOption: (dropdownOption) => {
+        listMatchingPage.responseOptionPlacementDropdownListOption(dropdownOption)
+            .click();
+    },
+
+    /**
+     * Verifies the placement option of a response option in the preview tab.
+     * @param {string} placementOption - The placement option to verify ('Bottom', 'Top', 'Left', or 'Right').
+     * @throws {Error} Throws an error if an invalid placement option is provided.
+     */
+    verifyResponseOptionPlacementPreviewTab: (placementOption) => {
+        switch (placementOption) {
+            case 'Bottom':
+                listMatchingPage.questionPreviewWrapper()
+                .should('have.class', 'placement-bottom');
+                break;
+            case 'Top':
+                listMatchingPage.questionPreviewWrapper()
+                    .should('have.class', 'placement-top');
+                break;
+            case 'Left':
+                listMatchingPage.questionPreviewWrapper()
+                    .should('have.class', 'placement-left');
+                break;
+            case 'Right':
+                listMatchingPage.questionPreviewWrapper()
+                    .should('have.class', 'placement-right');
+                break;
+            default:
+                throw new Error('Invalid placement option');
+        }
+    },
+
+    /**
+     * Verifies the value of the stem column header input field.
+     * @param {string} stemHeader - The expected input field value to compare against.
+     * @returns {void}
+     */
+    verifyStemColumnHeaderInputFieldValue: (stemHeader) => {
+        listMatchingPage.stemColumnHeaderInputField()
+            .should('have.attr', 'value', stemHeader)
+    },
+
+    /**
+     * Enters text into the stem column header input field.
+     * @param {string} text - The text to be entered into the stem column header input field.
+     * @returns {void}
+     */
+    enterTextInStemColumnHeaderInputField: (text) => {
+        listMatchingPage.stemColumnHeaderInputField()
+            .type(text, { delay: 0 })
+            .blur();
+    },
+
+    clearTextInStemColumnHeaderInputField: () => {
+        listMatchingPage.stemColumnHeaderInputField()
+            .clear();
+    },
+
+    /**
+     * Verifies the value of the response column header input field.
+     * @param {string} responseHeader - The expected input field value to compare against.
+     * @returns {void}
+     */
+    verifyResponseColumnHeaderInputFieldValue: (responseHeader) => {
+        listMatchingPage.ResponseColumnHeaderInputField()
+            .should('have.attr', 'value', responseHeader)
+    },
+
+    /**
+     * Enters text into the stem column header input field.
+     * @param {string} text - The text to be entered into the stem column header input field.
+     * @returns {void}
+     */
+    enterTextInResponseColumnHeaderInputField: (text) => {
+        listMatchingPage.ResponseColumnHeaderInputField()
+            .type(text, { delay: 0 })
+            .blur();
+    },
+
+    clearTextInResponseColumnHeaderInputField: () => {
+        listMatchingPage.ResponseColumnHeaderInputField()
+            .clear();
+    },
+    
+    verifyStemFieldErrorMessage: () => {
+        listMatchingPage.stemWrapper()
+            .each(($element) => {
+                cy.wrap($element)
+                    .within(() => {
+                        utilities.verifyTextContent(listMatchingPage.errorMessage(), 'Error: Stem is required.');
+                    });
+            });
+    },
+
+    verifyOptionFieldErrorMessage: () => {
+        listMatchingPage.optionWrapper()
+            .each(($element) => {
+                cy.wrap($element)
+                    .within(() => {
+                        utilities.verifyTextContent(listMatchingPage.errorMessage(), 'Error: Option is required.');
+                    });
+            });
+    },
+
+    verifySetCorrectAnswerErrorMessage: () => {
+        listMatchingPage.setCorrectAnswerStemRow()
+            .eq(0)
+            .parents('.cloze-with-text-response-form-controls-wrapper')
+            .within(() => {
+                utilities.verifyTextContent(listMatchingPage.errorMessage(), 'Error: Please set a correct answer.');
+            });
+    }
 }
 
 const tests = {
@@ -967,6 +1151,10 @@ const tests = {
     ...dragAndDropSetCorrectAnswerCheckboxComponents.tests,
     ...draggableOptionsContainer.tests,
     ...commonComponents.tests,
+    ...additionalSettingsPanel.tests,
+    ...studentResponseAndLayoutComponent.tests,
+    ...answerNumerationComponent.tests,
+    ...autoScoredAdditionalSettings.tests,
 
     verifyDefaultStemFieldsAndResponseAreasInSetCorrectAnswerSection: () => {
         it('Three stem fields and three empty response areas should be displayed in the set correct answer section', () => {
@@ -1191,8 +1379,8 @@ const tests = {
 
     verifyAutoScoredPartialEqualWeightsScoringEditTabFunctionality: () => {
         it('When user gives a score input to \'Points\' input field, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
-            listMatchingPage.steps.allotPoints('6')
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
+            listMatchingPage.steps.allotPoints(6)
+            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
         });
 
         it('When user adds a stem, one more stem and its response area should be displayed in the set correct answer section and points per response score should be updated accordingly', () => {
@@ -1200,17 +1388,17 @@ const tests = {
             steps.addStem()
             listMatchingPage.setCorrectAnswerStemRow()
                 .should('have.length', '4');
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('1.5')
+            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(1.5)
         });
 
         it('When user removes a stem, then the points per response score should be updated accordingly', () => {
             listMatchingPage.steps.deleteStem(0);
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2')
+            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2)
         });
 
         it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
-            listMatchingPage.steps.allotPenaltyPoints('1');
-            listMatchingPage.steps.allotMinimumScoreAwardedIfAttempted('1');
+            listMatchingPage.steps.allotPenaltyPoints(1);
+            listMatchingPage.steps.allotMinimumScoreAwardedIfAttempted(1);
         });
 
         it('CSS of \'Points per response\' label and its displayed score, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
@@ -1238,13 +1426,13 @@ const tests = {
                 .should('not.exist');
             listMatchingPage.partialEqualWeightsPointsPerResponseScore()
                 .should('not.exist');
-            listMatchingPage.steps.verifyPointsFieldValue('6');
+            listMatchingPage.steps.verifyPointsFieldValue(6);
         });
 
         it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
-            listMatchingPage.steps.allotPoints('9')
+            listMatchingPage.steps.allotPoints(9)
             listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3);
         });
     },
 
@@ -1279,8 +1467,8 @@ const tests = {
         });
 
         it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
-            listMatchingPage.steps.allotPenaltyPoints('1');
-            listMatchingPage.steps.allotMinimumScoreAwardedIfAttempted('1');
+            listMatchingPage.steps.allotPenaltyPoints(1);
+            listMatchingPage.steps.allotMinimumScoreAwardedIfAttempted(1);
         });
 
         it('CSS of \'Points per response\' label, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
@@ -1302,17 +1490,17 @@ const tests = {
 
         it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the All or nothing scoring Points input field and \'Minimum score awarded(If attempted)\' and \'Penalty points\' input fields should not be displayed', () => {
             listMatchingPage.steps.selectAllOrNothingCheckbox();
-            listMatchingPage.steps.verifyPointsFieldValue('10.2');
+            listMatchingPage.steps.verifyPointsFieldValue(10.2);
             listMatchingPage.pointsPerResponseLabel()
                 .should('not.exist');
             listMatchingPage.partialEqualWeightsPointsPerResponseScore()
                 .should('not.exist');
         });
 
-        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points input field displayed besides each response should be blank.', () => {
-            listMatchingPage.steps.allotPoints('9')
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points allocated should get equally divided between each correct response', () => {
+            listMatchingPage.steps.allotPoints(9);
             listMatchingPage.steps.selectPartialDifferentWeightsCheckbox();
-            listMatchingPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+            listMatchingPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 3, 3]);
         });
     },
 

package/cypress/pages/listMatchingScoring.js

@@ -1883,7 +1883,6 @@ const tests = {
 
             cy.log('(Overachiever case) Pre-step: Switching to Edit tab and allotting points to correct and alternate tab such that the difference between the points is substantial and the points per response are in decimal');
             listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.uncheckRoundDownScoreCheckbox()
             switch (optionLayout) {
                 case 'standard':
                     listMatchingPage.steps.addOption();

package/cypress/pages/passagePage.js

@@ -18,8 +18,8 @@ const selectors = {
     enableMultipageContentLabelCheckbox: () => cy.get('[data-ngie-testid="enable-multi-page-content-checkbox"] input'),
     bodyLabel: () => cy.get('.additional-settings-label').eq(0),
     bodyInputField: () => cy.get('[title="Enter body"]'),
-    addPageButton: () => cy.get('.add-option'),
-    deletePageButton: () => cy.get('.icon-Delete'),
+    addPageButton: () => cy.get('.ngie-icon-with-label-btn'),
+    deletePageButton: () => cy.get('.ngie-icon-btn-cls'),
     bodyWrapper: () => cy.get('.edit-mcq-option-wrapper'),
     bodyNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]'),
     //Preview
@@ -389,7 +389,7 @@ const tests = {
         });
 
         it('When user has made some edits/changes and clicks on Cancel button, a popup should be displayed', () => {
-            selectQuestionResourceToolPage.steps.selectResourceType('Passage');
+            selectQuestionResourceToolPage.steps.selectResourceType('passage');
             utilities.verifyElementVisibilityState(passagePage.headingInputField(), 'visible');
             passagePage.steps.addHeadingText();
             createQuestionBasePage.cancelButton()

package/cypress/pages/readingRulerPage.js

@@ -266,7 +266,7 @@ const tests = {
         });
 
         it('When user has made some edits/changes and clicks on Cancel button, a popup should be displayed', () => {
-            selectQuestionResourceToolPage.steps.selectResourceType('Reading ruler');
+            selectQuestionResourceToolPage.steps.selectResourceType('reading ruler');
             utilities.verifyElementVisibilityState(readingRulerPage.opacityInputField(), 'visible');
             readingRulerPage.steps.addInputToOpacityInputField('30');
             createQuestionBasePage.cancelButton()

package/cypress/pages/shortTextResponsePage.js

@@ -19,7 +19,7 @@ const selectors = {
     exactRadioOptionLabel: () => cy.get('.ngie-radio-label').eq(0),
     containsTextRadioOptionLabel: () => cy.get('.ngie-radio-label').eq(1),
     caseSensitiveCheckboxLabel: () => cy.get('[data-ngie-testid="case-sensitive-checkbox"] .MuiFormControlLabel-label'),
-    ignoreSpacesBeforeAndAfterCheckboxLabel: () => cy.get('[data-ngie-testid="ignore-spaces-before-and-after-checkbox"] .MuiFormControlLabel-label').eq(1),
+    ignoreSpacesBeforeAndAfterCheckboxLabel: () => cy.get('[data-ngie-testid="ignore-spaces-before-and-after-checkbox"] .MuiFormControlLabel-label'),
     exactRadioButton: () => cy.get('input[aria-label="Exact"]'),
     containsTextRadioButton: () => cy.get('input[aria-label="Contains text"]'),
     caseSensitiveCheckbox: () => cy.get('[data-ngie-testid="case-sensitive-checkbox"] input'),

package/cypress/pages/videoResponsePage.js

@@ -27,7 +27,7 @@ const selectors = {
     recordAgainButton: () => cy.get('button[aria-label="Record again"]'),
     playerTimer: () => cy.get('[class*="VideoRecorderstyle__PlayerTimerWrapper"]'),
     playbackSpeedButton: () => cy.get('button[aria-label="Playback speed"]'),
-    fullScreenButton: () => cy.get('button[aria-label="Full screen"]'),
+    fullScreenButton: () => cy.get('button[aria-label="Full Screen"]'),
     savedResponseText: () => cy.get('[class*="VideoRecorderstyle__ResponseTextWrapper"]'),
     maxRecorderLengthInputField: () => cy.get('input[aria-label="Maximum recorder length"]'),
     playbackSpeedOptionsList: () => cy.get('[class*="VideoRecorderstyle__PlaybackSpeedOptions"]'),
@@ -295,7 +295,7 @@ const steps = {
 
     verifyPlaybackSpeedAdvancedPlaybackOptionSelectedState: () => {
         videoResponsePage.playbackSpeedAdvancedPlaybackOptionButton()
-            .should('have.class', 'Mui-selected')
+            .should('have.class', 'ngie-toggle-button-selected')
             .within(() => {
                 utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'visible');
             });
@@ -303,7 +303,7 @@ const steps = {
 
     verifyPlaybackSpeedAdvancedPlaybackOptionDeselectedState: () => {
         videoResponsePage.playbackSpeedAdvancedPlaybackOptionButton()
-            .should('not.have.class', 'Mui-selected')
+            .should('not.have.class', 'ngie-toggle-button-selected')
             .within(() => {
                 utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'notExist');
             });
@@ -311,7 +311,7 @@ const steps = {
 
     verifyFullScreenAdvancedPlaybackOptionSelectedState: () => {
         videoResponsePage.fullScreenAdvancedPlaybackOptionButton()
-            .should('have.class', 'Mui-selected')
+            .should('have.class', 'ngie-toggle-button-selected')
             .within(() => {
                 utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'visible');
             });
@@ -319,7 +319,7 @@ const steps = {
 
     verifyFullScreenAdvancedPlaybackOptionDeselectedState: () => {
         videoResponsePage.fullScreenAdvancedPlaybackOptionButton()
-            .should('not.have.class', 'Mui-selected')
+            .should('not.have.class', 'ngie-toggle-button-selected')
             .within(() => {
                 utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'notExist');
             });
@@ -327,7 +327,7 @@ const steps = {
 
     verifyRecordAgainAdvancedPlaybackOptionSelectedState: () => {
         videoResponsePage.recordAgainAdvancedPlaybackOptionButton()
-            .should('have.class', 'Mui-selected')
+            .should('have.class', 'ngie-toggle-button-selected')
             .within(() => {
                 utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'visible');
             });
@@ -335,7 +335,7 @@ const steps = {
 
     verifyRecordAgainAdvancedPlaybackOptionDeselectedState: () => {
         videoResponsePage.recordAgainAdvancedPlaybackOptionButton()
-            .should('not.have.class', 'Mui-selected')
+            .should('not.have.class', 'ngie-toggle-button-selected')
             .within(() => {
                 utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'notExist');
             });

package/package.json

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