itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/HighlightImage/highlightImageAdditionalSettingsBasic.js

@@ -1,246 +0,0 @@
-import { highlightImagePage } from "../../../pages";
-import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const flowerHighlightRegion = [[24, 6], [24, 24], [56, 24], [56, 6]];
-const branchesHighlightRegion = [[36, 36], [36, 46], [58, 46], [58, 36]];
-const leafHighlightRegion = [[54, 48], [54, 72], [82, 72], [82, 48]];
-const rootsHighlightRegion = [[28, 84], [28, 98], [74, 98], [74, 84]];
-const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
-const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
-
-describe('Create Item page - Highlight image: Additional settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-        });
-
-        highlightImagePage.tests.verifyAdditonalSettingsAccordionProperties();
-    });
-
-    describe('Additional settings: Font size contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.expandAdditonalSettings();
-        });
-
-        highlightImagePage.tests.verifyFontSizeSectionContents();
-    });
-
-    describe('Additional settings: Font size functionality set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.expandAdditonalSettings();
-        });
-
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the set correct answer section should not change to ${option}`, () => {
-                highlightImagePage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(highlightImagePage.fontSizeDropdown(), `${option}`);
-                utilities.verifyCSS(highlightImagePage.setCorrectAnswerSectionImage(), {
-                    'font-size': fontSizes[1]
-                });
-                utilities.verifyCSS(highlightImagePage.highlightNumeration(), {
-                    'font-size': fontSizes[2]
-                });
-            });
-        });
-    });
-
-    describe('Additional settings: Font size functionality preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.allotPoints(10);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.expandAdditonalSettings();
-        });
-
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
-                highlightImagePage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(highlightImagePage.fontSizeDropdown(), `${option}`);
-                highlightImagePage.steps.switchToPreviewTab();
-                utilities.verifyCSS(highlightImagePage.questionInstructionsText(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(highlightImagePage.previewTabImage(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-                highlightImagePage.steps.highlightARegionInPreviewTab(1);
-                utilities.verifyCSS(highlightImagePage.correctAnswerContainerLabel(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(highlightImagePage.correctAnswerNumeration(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(highlightImagePage.correctAnswerContainerAnswerWrapper(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                highlightImagePage.steps.uncheckShowCorrectAnswerCheckbox();
-                highlightImagePage.steps.switchToEditTab();
-            });
-        });
-    });
-
-    describe('Additional settings: Check answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.allotPoints(10);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.expandAdditonalSettings();
-        });
-
-        highlightImagePage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
-    });
-
-    describe('Additional settings: Check answer functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
-            highlightImagePage.steps.checkMultipleSelectionCheckbox();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
-            highlightImagePage.steps.allotPoints(10);
-            highlightImagePage.steps.expandAdditonalSettings();
-            highlightImagePage.steps.setMaximumCheckAnswerAttempts(2);
-            highlightImagePage.steps.switchToPreviewTab();
-        });
-
-        highlightImagePage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted();
-
-        it('When user attempts the question partially correct then on clicking on the Check Answer button, green check-mark regions should be displayed for the correctly attempted highlights, red cross-mark regions should be displayed for the incorrectly attempted highlights, a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark regions should be displayed for the correctly attempted highlights, a label \'Correct answer\' and border should be displayed below the question preview', () => {
-            highlightImagePage.steps.removeHighlightOfARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-        });
-
-        highlightImagePage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
-
-        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
-            highlightImagePage.steps.switchToEditTab();
-            highlightImagePage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            highlightImagePage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
-            highlightImagePage.steps.switchToPreviewTab();
-            highlightImagePage.steps.verifyCheckAnswerButtonEnabled();
-            highlightImagePage.steps.highlightARegionInPreviewTab(2);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCheckAnswerButtonDisabled();
-        });
-
-        it('When the \'Maximum check answer attempts\' input field has value \'0\' and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
-            highlightImagePage.steps.switchToEditTab();
-            highlightImagePage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            highlightImagePage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
-            cy.log('Switching to Preview tab')
-            highlightImagePage.steps.switchToPreviewTab();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCheckAnswerButtonEnabled();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCheckAnswerButtonEnabled();
-        });
-
-        it('When the \'Maximum check answer attempts\' input field is empty and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
-            highlightImagePage.steps.switchToEditTab();
-            highlightImagePage.steps.clearMaximumCheckAnswerAttemptsInputField()
-            highlightImagePage.steps.switchToPreviewTab();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCheckAnswerButtonEnabled();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCheckAnswerButtonEnabled();
-        });
-    });
-
-    describe('Additional Settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.expandAdditonalSettings();
-        });
-
-        highlightImagePage.tests.verifyDetailsSection();
-    });
-});

package/cypress/e2e/ILC/HighlightImage/highlightImageAllOrNothingScoring.js

@@ -1,235 +0,0 @@
-import { highlightImagePage } from "../../../pages";
-import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const flowerHighlightRegion = [[24, 6], [24, 24], [56, 24], [56, 6]];
-const branchesHighlightRegion = [[36, 36], [36, 46], [58, 46], [58, 36]];
-const leafHighlightRegion = [[54, 48], [54, 72], [82, 72], [82, 48]];
-const rootsHighlightRegion = [[28, 84], [28, 98], [74, 98], [74, 84]];
-
-describe('Create Item page - Highlight image: Preview tab Scoring Section', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Show correct answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-        });
-
-        highlightImagePage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
-
-        it('When the user has set correct answer options and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
-            highlightImagePage.steps.switchToEditTab();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.allotPoints(10);
-            highlightImagePage.steps.switchToPreviewTab();
-            highlightImagePage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 10);
-        });
-
-        it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab users response should not persist', () => {
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.switchToEditTab();
-            highlightImagePage.steps.switchToPreviewTab();
-            highlightImagePage.steps.verifyRegionIsNotHighlighted(0);
-            highlightImagePage.steps.verifyRegionIsNotHighlighted(1);
-            highlightImagePage.steps.verifyRegionIsNotHighlighted(2);
-        });
-    });
-
-    describe('Question Preview: AutoScored - All or Nothing', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
-            highlightImagePage.steps.checkMultipleSelectionCheckbox();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
-            highlightImagePage.steps.allotPoints(20);
-            highlightImagePage.steps.expandAdditonalSettings();
-            highlightImagePage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightImagePage.steps.switchToPreviewTab();
-        });
-
-        highlightImagePage.tests.verifyCSSOfPreviewAndEditTabAndScoringContents();
-
-        highlightImagePage.tests.verifya11yOfCreateItemWrapperContents();
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct tab regions should be highlighted with green border and green background, border and label should not be displayed below the question preview, and correct answer container should not be displayed', () => {
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.uncheckShowCorrectAnswerCheckbox();
-        });
-
-        it('When user selects Check answer button without attempting the question, correct/incorrect answer border for the question and label should not be displayed below the question preview and correct answer container should not be displayed', () => {
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-        });
-
-        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and incorrect regions should be displayed with red cross-mark icons and red background, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container with \'Correct answers:\' label and all correct answers along with numeration should be displayed', () => {
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
-            utilities.verifyInnerText(highlightImagePage.correctAnswerContainerLabel(), 'Correct answers:');
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question incorrectly and clicks on the \'Check answer\' button, the user should be awarded 0 points and incorrect regions should be displayed with red cross-mark icons and red background, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        it('CSS of incorrect answer state', { tags: 'css' }, () => {
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            cy.log('Verifying CSS of incorrect cross-mark icon')
-            utilities.verifyCSS(highlightImagePage.correctIncorrectAnswerLabel(), {
-                'color': css.color.incorrectAnswer,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.uncheckShowCorrectAnswerCheckbox();
-        });
-
-        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            cy.checkAccessibility(highlightImagePage.previewTabQuestionWrapper());
-            cy.log('Post step: Deselect show answer checkbox')
-            highlightImagePage.steps.uncheckShowCorrectAnswerCheckbox();
-        });
-
-        it('When user attempts the question partially correct by selecting some correct regions and incorrect regions then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark icons and green background should be displayed for the correct regions, red cross-mark icons and red background should be displayed for the incorrect selected regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container with the unattempted correct tab answer along with numeration should be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 4'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed beside the correct regions, red cross-mark icons and red background should be displayed beside the incorrect selected regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        it('When user attempts the question correctly then on selecting \'Show correct answer\' checkbox, the user should be awarded full points and green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, the user should be awarded full points and green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        it('CSS of check score text full score state and Correct Answer label', { tags: 'css' }, () => {
-            utilities.verifyCSS(highlightImagePage.previewScoreText(), {
-                'color': css.color.primaryBtn,
-                'background-color': css.color.correctAnswer
-            });
-            utilities.verifyCSS(highlightImagePage.correctIncorrectAnswerLabel(), {
-                'color': css.color.correctAnswer,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(highlightImagePage.correctIncorrectAnswerLabel(), {
-                'color': css.color.correctAnswer,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-        });
-
-        it('Accessibility of check score text full score state and Correct Answer label', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(highlightImagePage.previewTabQuestionWrapper());
-        });
-
-        highlightImagePage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(20);
-    });
-});