itemengine-cypress-automation 1.0.351 → 1.0.352

package/cypress/e2e/ILC/FillInTheGapsTextNew/Scoring/blankResponseScoring.js

@@ -19,29 +19,28 @@ describe('Create item page - Fill in the gaps with text: Partial equal weights f
             fillInTheGapsTextPage.steps.switchToPreviewTab();
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section should not be displayed', () => {
             fillInTheGapsTextPage.steps.switchToGradingView();
-            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsTextPage.steps.verifyResponseAreaNumeration();
-            utilities.verifyInnerText(fillInTheGapsTextPage.correctAnswersLabel(), 'Correct answers');
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside the responses, full points should be allocated and correct answer section should not be displayed', () => {
             fillInTheGapsTextPage.steps.resetQuestionPreview();
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '1' }]);
             fillInTheGapsTextPage.steps.clearAnswerInputFieldPreviewTab(0);
             fillInTheGapsTextPage.steps.switchToGradingView();
-            fillInTheGapsTextPage.steps.verifyPreviewScore(24, 24);
-            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
-            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
-            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.correctAnswersLabel(), 'notExist');
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
         it('When the user has not set any answer in the \'Specify correct answer\' section and enters incorrect response in any response in the preview tab then correct icons should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect responses, points for the correct answers should be allocated and correct answer section should be displayed', () => {
@@ -136,28 +135,29 @@ describe('Create item page - Fill in the gaps with text: Partial equal weights f
             fillInTheGapsTextPage.steps.switchToPreviewTab();
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should not be displayed', () => {
             fillInTheGapsTextPage.steps.switchToGradingView();
-            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsTextPage.steps.verifyResponseAreaNumeration();
-            utilities.verifyInnerText(fillInTheGapsTextPage.correctAnswersLabel(), 'Correct answers');
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside the responses, full points should be allocated and correct answer section should not be displayed', () => {
             fillInTheGapsTextPage.steps.resetQuestionPreview();
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '1' }]);
             fillInTheGapsTextPage.steps.clearAnswerInputFieldPreviewTab(0);
             fillInTheGapsTextPage.steps.switchToGradingView();
-            fillInTheGapsTextPage.steps.verifyPreviewScore(24, 24);
-            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.correctAnswersLabel(), 'notExist');
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
         it('When the user has not set any answer in the \'Specify correct answer\' section and enters incorrect response in any response in the preview tab then correct icons should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect responses, points for the correct answers should be allocated and correct answer section should be displayed', () => {

package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabBasicSection.js

@@ -169,6 +169,7 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             utilities.verifyElementVisibilityState(fillInTheGapsTextPage.warningIcon(), 'notExist');
         });
     });
+
     //https://weldnorthed.atlassian.net/browse/IEI-5098
     describe('Fill in the gaps text: Answer input field - Specify correct answer section', () => {
         abortEarlySetup();
@@ -193,10 +194,6 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             fillInTheGapsTextPage.steps.focusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0);
         });
 
-        it('When the user enters text that triggers the tooltip, then the user should be able to enter text and focus in', () => {
-            fillInTheGapsTextPage.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0);
-        });
-
         //Unable to check tooltip using cypress
         it.skip('When the user enters a long text, then the user should be able to see the tooltip', () => {
             fillInTheGapsTextPage.answerInputFieldSpecifyCorrectAnswerSection()
@@ -204,7 +201,7 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
         });
 
         it('When the user removes text, then the user should be able to check focus', () => {
-            fillInTheGapsTextPage.steps.clearAnswerInputField();
+            fillInTheGapsTextPage.steps.clearAnswerInputField(0);
             fillInTheGapsTextPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswer(0);
         });
     });
@@ -244,7 +241,7 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
         });
 
         it('When the user removes text, then the user should be able to check focus', () => {
-            fillInTheGapsTextPage.steps.clearAnswerInputFieldPreviewTab();
+            fillInTheGapsTextPage.steps.clearAnswerInputFieldPreviewTab(0);
             fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
         });
     });

package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabScoringSection.js

@@ -165,6 +165,7 @@ describe('Create item page - Fill in the gaps with text: Scoring section', () =>
             fillInTheGapsTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, '');
         });
 
+        //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5624
         it('User should be able to set points in the \'Points\' input fields', () => {
             fillInTheGapsTextPage.steps.allotPointsInResponseAccordion(0, 1);
             fillInTheGapsTextPage.steps.allotPointsInResponseAccordion(1, 3);

package/cypress/e2e/Sessions/scores.js

@@ -6,7 +6,14 @@ describe('Scores API cases', () => {
     var timestamp;
     var dtScoreUpdateArray = [];
 
-    let itemReferenceIdNew = "cd2f017-4f0-33b3-062b-ab6150047a83";
+    let itemReferenceIdNew;
+    const domainMapping = {
+        'sandbox.itemengine-qa.il-apps.com': "0ee6c7-ef6e-717-4b8-cda87eaac101",
+        'sandbox.itemengine-staging.il-apps.com': "a50ba14-5603-b55e-7cc-d17404ce5afb",
+        'sandbox.itemengine-prod.il-apps.com': "444d582-3e4-b18f-e52c-5c8c732717"
+    };
+
+    itemReferenceIdNew = domainMapping[domainName] || null;
     let dt_score_update;
     let response_id;
     let dt_saved;
@@ -127,10 +134,6 @@ describe('Scores API cases', () => {
             .should('have.attr', 'aria-expanded', 'true');
         cy.contains('Scores')
             .click();
-        cy.contains('Scores')
-            .parent()
-            .parent()
-            .should('have.class', 'Mui-selected');
         cy.url()
             .should('eq', Cypress.config().baseUrl + '/item-engine/data-api/sessions/fetch-scores');
     });

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -155,7 +155,7 @@ const steps = {
         //Need to update once https://weldnorthed.atlassian.net/browse/IEI-5618 is resolved
         autoScoredScoringPreviewTab.scoringTypeLabelPreviewTab()
             .contains('Non scored', { matchCase: false });
-    },
+    }
 }
 
 const tests = {
@@ -167,7 +167,7 @@ const tests = {
                 .should('be.checked');
             autoScoredScoringPreviewTab.gradingViewRadioButton()
                 .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.verifyPreviewScore(0, 0);
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
             autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
         });
 

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -326,43 +326,31 @@ const tests = {
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
         });
 
-        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in enabled state', () => {
-            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
-            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
-        });
-
-        it('CSS of warning popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
-                'fill': css.color.closeIcon
-            });
-        });
-
-        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-            dialogBoxBase.steps.closeWarningPopup();
+        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in disabled state', () => {
+            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
         });
     },
 
     verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
-        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
+        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then correct answer accordion should be expanded and alternative 2 accordion should be in collapsed state', () => {
             autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                 .click();
-            dialogBoxBase.steps.closeWarningPopup();
-            //TODO: Need to add error message according to question types
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .should('have.attr', 'aria-expanded', 'false');
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+
+        it('When user tries to expand alternative accordion when all the mandatory fields are not filled in the correct accordion, then correct answer accordion should be collapsed and alternative 2 accordion should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .click();
             autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                 .eq(1)
                 .should('have.attr', 'aria-expanded', 'true');
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'false');
         });
     }
 }

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -417,7 +417,7 @@ const steps = {
     },
 
     compareDropdownMenuAndDropdownWidthForAutoScaled: () => {
-        let originalDropdownWidth
+        let originalDropdownWidth;
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), 0)
             .parents('.response-dropdown-wrapper')
             .then(($originalDropdownWidth) => {
@@ -763,9 +763,9 @@ const tests = {
         });
 
         //Note: the expand and close dropdown does not work hence selecting one option here, the error message appears
-        it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
+        it('When user expands and collapses the dropdown without selecting any option, error message should not be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, 'Flower');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user selects any option from the dropdown, then error message should disappear and that option should be displayed on the dropdown', () => {

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -105,7 +105,7 @@ const steps = {
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .clear();
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
-                .type(responseText, { delay: 500 });
+                .type(responseText, { delay: 0 });
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .click();
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
@@ -474,7 +474,8 @@ const steps = {
      */
     focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex) => {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
-            .click()
+            .click();
+        utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
             .blur();
     },
 
@@ -779,8 +780,7 @@ const steps = {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAnswerInputFieldWrapper(), answerFieldIndex)
             .within(() => {
                 fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection()
-                    .clear()
-                    .blur();
+                    .clear();
             });
     },
 
@@ -908,10 +908,9 @@ const steps = {
 
 const tests = {
     verifySetLimitSectionErrorConditionsForMinAndMaxCharacterInputFields: () => {
-        it('When the user clears the minimum character limit input field and focuses out of it, then error message \'Error: Minimum character limit is required\' should be displayed below the input field', () => {
+        it('When the user clears the minimum character limit input field and focuses out of it, then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.clearAndFocusOutOfMinimumCharacterLimitInputField();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Minimum character limit is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         commonComponents.tests.verifyErrorMessageCSSAndA11y();
@@ -921,10 +920,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user clears the maximum character limit input field and focuses out of it, then error message \'Error: Maximum character limit is required.\' should be displayed below the input field', () => {
+        it('When the user clears the maximum character limit input field and focuses out of it, then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.clearAndFocusOutOfMaximumCharacterLimitInputField();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Maximum character limit is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user enters value in maximum character limit input field then the error message should disappear', () => {
@@ -932,10 +930,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(45);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsTextCommonComponent.steps.verifyMinimumLimitErrorMessage();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         commonComponents.tests.verifyErrorMessageCSSAndA11y();
@@ -945,10 +942,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user sets maximum limit input field value less than minimum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets maximum limit input field value less than minimum limit input field value then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(26);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsTextCommonComponent.steps.verifyMinimumLimitErrorMessage();
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When the user sets maximum limit input field value greater than or equal to minimum limit input field value then error message should disappear', () => {
@@ -1008,8 +1004,7 @@ const tests = {
 
         it('When user enters zero in maximum limit input field, then error message \'Error: Maximum limit must be greater than 0.\' should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(0);
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than 0.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage().eq(1), 'visible');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user enters limit more than zero in maximum limit input field, then error message should disappear', () => {
@@ -1017,10 +1012,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When user enters minimum limit more than maximum limit then error messages should be displayed and when user enters equal value then the error message should disappear', () => {
+        it('When user enters minimum limit more than maximum limit then error messages should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(60);
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(0), 'Error: Minimum limit must be less than or equal to Maximum limit.');
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than or equal to Minimum limit.');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(60);
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
@@ -1246,9 +1240,9 @@ const tests = {
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionLabel(), 1), 'Response 2');
         });
 
-        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 message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0, 0);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When gives an input to \'Answer\' input field, then error message should disappear', () => {
@@ -1424,10 +1418,10 @@ const tests = {
             utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButtonLabel(), 'visible');
         });
 
-        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' answer then \'Error: Answer is required.\' error message should be displayed', () => {
-            fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' button, then the button should be disabled and \'Answer is required\' tooltip should be displayed', () => {
+            utilities.verifyElementDisabled(utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 0).find('button'));
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 0)
+                .verifyTooltip('Answer is required');
         });
 
         it('When user enters text inside answer input field, then error message should disappear', () => {
@@ -1437,6 +1431,7 @@ const tests = {
 
         it('When the user clicks on the \'Add Alternate\' button, then one alternate answer input field should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
+            utilities.triggerMouseout(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton());
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
             utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 'visible');
         });
@@ -1455,9 +1450,8 @@ const tests = {
             fillInTheGapsTextCommonComponent.steps.verifyAnswerInputFieldPlaceholder(1);
         });
 
-        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, then an error message should be displayed, indicating \'Error: Answer is required.\'', () => {
+        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, new input field should not be added', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
         });
 

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -2071,43 +2071,6 @@ const steps = {
 }
 
 const tests = {
-    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
-            autoScoredScoringPreviewTab.studentViewRadioButton()
-                .should('be.checked');
-            autoScoredScoringPreviewTab.gradingViewRadioButton()
-                .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
-            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
-        });
-
-        it('CSS of Preview mode contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.codeBlockText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-    },
-
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it(`When the user selects any scoring type except for manual scored, then the question grid should be displayed in the specify correct answer section`, () => {
             gridQuestionCommonComponent.steps.verifyTableCellPropertySpecifyCorrectAnswerSection({ row: 0, column: 0 }, 'None');

package/cypress/pages/components/imageCanvasComponent.js

@@ -38,6 +38,7 @@ const selectors = {
     },
     textResponse: () => cy.get('[class*="Canvasstyle__TextBoxContainer"] textarea'),
     canvasImage: () => cy.get('.canvas-image').eq(0),
+    canvasUploadedImage: () => cy.get('.canvas-image'),
     canvasImageInPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="ImageWrapper"] img'),
     imagePropertiesLabel: () => cy.get('[class*="ImagePropertiesstyles__SectionLabel"]'),
     fillImageToCanvasLabel: () => cy.get('[data-ngie-testid="fill-image-to-canvas-checkbox"] .MuiFormControlLabel-label'),
@@ -791,10 +792,10 @@ const tests = {
      * @param {"text container"|"dropzone"} response value for the error message
      */
     verifyInsertAndDeleteResponseAreaFunctionality: (response) => {
-        it(`When user clicks on close button for response container, then response container should be removed from canvas and error message should be displayed`, () => {
+        it(`When user clicks on close button for response container, then response container should be removed from canvas and error message should not be displayed`, () => {
             imageCanvasComponent.steps.removeResponseArea(0);
             utilities.verifyElementVisibilityState(imageCanvasComponent.responseAreaWrapper(), 'notExist');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When user adds response container, then error message should disappear', () => {
@@ -847,13 +848,13 @@ const tests = {
             imageCanvasComponent.steps.verifyRedoButtonDisabled();
         });
 
-        it(`When the user reaches the initial state by performing undo actions, the 'Undo' button should get disabled and error message should be displayed`, () => {
+        it(`When the user reaches the initial state by performing undo actions, the 'Undo' button should get disabled and error message should not be displayed`, () => {
             for (let i = 0; i < 4; i++) {
                 imageCanvasComponent.steps.undoAction();
             }
             utilities.verifyElementCount(imageCanvasComponent.responseArea(), 0);
             imageCanvasComponent.steps.verifyUndoButtonDisabled();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user reaches the latest state by performing redo actions, the \'Redo\' button should get disabled and error message should disappear', () => {

package/cypress/pages/drawingResponsePage.js

@@ -650,12 +650,12 @@ const steps = {
     clickOnCancelIconOfCaptureImage: () => {
         drawingResponsePage.captureCancelImageIcon()
             .should('exist')
-            .click();
+            .click({ force: true });
     },
 
     clickOnCaptureButtonOfCaptureImage: () => {
         drawingResponsePage.captureImageButton()
-            .click();
+            .click({ force: true });
     },
 
     verifyCaptureImageIsVisible: () => {
@@ -679,13 +679,13 @@ const steps = {
     clickOnRetakeButton: () => {
         drawingResponsePage.retakeButton()
             .should('exist')
-            .click();
+            .click({ force: true });
     },
 
     clickOnSaveButton: () => {
         drawingResponsePage.saveButton()
             .should('exist')
-            .click();
+            .click({ force: true });
     },
 
     verifyCameraIsVisible: () => {

package/cypress/pages/multipleSelectionPage.js

@@ -914,43 +914,6 @@ const tests = {
     ...ckEditorInsertTableComponent.tests,
     ...ckEditorInsertImageComponent.tests,
     ...ckEditorLinkComponent.tests,
-    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
-            autoScoredScoringPreviewTab.studentViewRadioButton()
-                .should('be.checked');
-            autoScoredScoringPreviewTab.gradingViewRadioButton()
-                .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
-            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
-        });
-
-        it('CSS of Preview mode contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.codeBlockText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-    },
-
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/singleSelectionPage.js

@@ -719,43 +719,6 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.tests,
-    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
-            autoScoredScoringPreviewTab.studentViewRadioButton()
-                .should('be.checked');
-            autoScoredScoringPreviewTab.gradingViewRadioButton()
-                .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
-            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
-        });
-
-        it('CSS of Preview mode contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.codeBlockText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-    },
-
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('In the \'Correct\' accordion, all options with checkboxes should be displayed', () => {
             utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);

package/cypress/support/commands.js

@@ -133,8 +133,6 @@ Cypress.Commands.add('interceptGraphql', (operationName) => {
             req.alias = `${operationName}`;
         }
     });
-    cy.get('[class*="GlobalLoaderstyles__GlobalLoaderWrapper"]')
-        .should('not.be.visible');
 });
 
 Cypress.Commands.add('fill', { prevSubject: 'element' }, ($subj, text) => {