itemengine-cypress-automation 1.0.70 → 1.0.73

package/cypress/e2e/ILC/Highlight/HighlightScoring/highlightBasicScoringForTextSelectionTypes.js

@@ -1,457 +0,0 @@
-import { highlightPage } from "../../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-
-const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.']
-const sentenceTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water.', 'As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology.'];
-const wordTextArray = ['animals', 'species', 'existence', 'birth'];
-const anyTextSelectionArray = ['All animals have a unique', 'purpose for their existence', 'Mammals are ones which', 'Amphibians are those which can live'];
-
-describe('Create Item page - Highlight - Basic scoring for all text selection types', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question Preview: Any text selection type with All or nothing scoring', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to question, add input to stems and options, set correct answer and allot points and switch to preview tab');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.addQuestionInstructions();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            anyTextSelectionArray.forEach((text) => {
-                highlightPage.steps.selectOptionInHighlightOptionsSection('Any', text);
-            });
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(anyTextSelectionArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(anyTextSelectionArray[1]);
-            highlightPage.steps.allotPoints(20);
-            highlightPage.steps.expandAdditonalSettings();
-            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct/incorrect border should not be displayed, the correct answer should be highlighted and green check-mark icon should be displayed besides the correct answer option', () => {
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[1]);
-            for (let index = 2; index < anyTextSelectionArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[index]);
-            };
-        });
-
-        it('When user selects Check answer button without attempting the question, correct/incorrect label and border should not be displayed below and check-mark or cross-mark should not be displayed for any option', () => {
-            cy.log('Pre-step: Deselect the show correct checkbox')
-            highlightPage.steps.uncheckShowCorrectAnswerCheckbox()
-            highlightPage.steps.checkAnswer();
-            for (let index = 0; index < anyTextSelectionArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[index]);
-            };
-            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
-        });
-
-        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-mark should be displayed besides correct answers', () => {
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[2]);
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question incorrectly and clicks on the \'Check Answer\' button, then red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-marks should not be displayed besides correct answer options')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-        });
-
-        it('When user attempts the question partially correct without incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[0]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview');
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question partially correct with incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[2]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        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 should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(anyTextSelectionArray[1]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(anyTextSelectionArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[2]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(anyTextSelectionArray[3]);
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-        });
-    });
-
-    describe('Question Preview: Word text selection type with All or nothing scoring', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to question, add input to stems and options, set correct answer and allot points and switch to preview tab');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.addQuestionInstructions();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
-            highlightPage.steps.clearSelectedOptionsInHighlightOptionsSection();
-            for (let index = 0; index < wordTextArray.length; index++) {
-                highlightPage.steps.selectOptionInHighlightOptionsSection('Word', wordTextArray[index]);
-            };
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(wordTextArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(wordTextArray[1]);
-            highlightPage.steps.allotPoints(20);
-            highlightPage.steps.expandAdditonalSettings();
-            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct/incorrect border should not be displayed, the correct answer should be highlighted and green check-mark icon should be displayed besides the correct answer option', () => {
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[1]);
-            for (let index = 2; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            };
-        });
-
-        it('When user selects Check answer button without attempting the question, correct/incorrect label and border should not be displayed below and check-mark or cross-mark should not be displayed for any option', () => {
-            cy.log('Pre-step: Deselect the show correct checkbox')
-            highlightPage.steps.uncheckShowCorrectAnswerCheckbox()
-            highlightPage.steps.checkAnswer();
-            for (let index = 0; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            };
-            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
-        });
-
-        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-mark should be displayed besides correct answers', () => {
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[2]);
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[3]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(wordTextArray[2]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(wordTextArray[3]);
-            for (let index = 4; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question incorrectly and clicks on the \'Check Answer\' button, then red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-marks should not be displayed besides correct answer options')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(wordTextArray[2]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(wordTextArray[3]);
-            for (let index = 4; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-        });
-
-        it('When user attempts the question partially correct without incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[0]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[1]);
-            for (let index = 2; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview');
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            for (let index = 1; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question partially correct with incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[2]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(wordTextArray[2]);
-            for (let index = 3; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(wordTextArray[2]);
-            for (let index = 3; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        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 should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(wordTextArray[1]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[1]);
-            for (let index = 2; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(wordTextArray[1]);
-            for (let index = 2; index < wordTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(wordTextArray[index]);
-            }
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-        });
-    });
-
-    describe('Question Preview: Sentence text selection type with All or nothing scoring', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to question, add input to stems and options, set correct answer and allot points and switch to preview tab');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.addQuestionInstructions();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Sentence');
-            highlightPage.steps.clearSelectedOptionsInHighlightOptionsSection();
-            for (let index = 0; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.selectOptionInHighlightOptionsSection('Sentence', sentenceTextArray[index]);
-            };
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(sentenceTextArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(sentenceTextArray[1]);
-            highlightPage.steps.allotPoints(20);
-            highlightPage.steps.expandAdditonalSettings();
-            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct/incorrect border should not be displayed, the correct answer should be highlighted and green check-mark icon should be displayed besides the correct answer option', () => {
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[1]);
-            for (let index = 2; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-        });
-
-        it('When user selects Check answer button without attempting the question, correct/incorrect label and border should not be displayed below and check-mark or cross-mark should not be displayed for any option', () => {
-            cy.log('Pre-step: Deselect the show correct checkbox')
-            highlightPage.steps.uncheckShowCorrectAnswerCheckbox()
-            highlightPage.steps.checkAnswer();
-            for (let index = 0; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
-            highlightPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
-        });
-
-        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-mark should be displayed besides correct answers', () => {
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[2]);
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[3]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(sentenceTextArray[2]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(sentenceTextArray[3]);
-            for (let index = 4; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question incorrectly and clicks on the \'Check Answer\' button, then red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-marks should not be displayed besides correct answer options')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(sentenceTextArray[2]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(sentenceTextArray[3]);
-            for (let index = 4; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-        });
-
-        it('When user attempts the question partially correct without incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[0]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[1]);
-            for (let index = 2; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview');
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            for (let index = 1; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question partially correct with incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[2]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(sentenceTextArray[2]);
-            for (let index = 3; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(sentenceTextArray[2]);
-            for (let index = 3; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        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 should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.resetQuestionPreview();
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(sentenceTextArray[1]);
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            highlightPage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[1]);
-            for (let index = 2; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview')
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(sentenceTextArray[1]);
-            for (let index = 2; index < sentenceTextArray.length; index++) {
-                highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(sentenceTextArray[index]);
-            };
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-        });
-    });
-});

package/cypress/e2e/ILC/Highlight/highlightColorLibraryFlyout.js

@@ -1,143 +0,0 @@
-import { highlightPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-const colorLibrary = css.highlightColorLibrary;
-
-describe('Create Item page - Highlight: Color library', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Color library popup: Contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-        });
-
-        it('When user clicks on color library button, then the color library popup should be displayed with \'Color library\' title', () => {
-            highlightPage.steps.clickOnColorLibraryButton();
-            utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'visible');
-            utilities.verifyInnerText(highlightPage.dialogBoxTitle(), 'Color library');
-        });
-
-        it('The popup should contain six different color options for the author to choose from and the first option(system color) should be selected by default', () => {
-            highlightPage.steps.verifyColorLibraryPopupColors();
-            highlightPage.steps.verifyColorLibraryPopupColorSelected(0);
-        });
-
-        it('CSS of the Color library popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(highlightPage.dialogBoxTitle().find('span'), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(highlightPage.colorLibrarySelectedColorIcon().find('g path').eq(2), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of the Color library popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(highlightPage.dialogBox());
-        });
-
-        it('User should be able to switch to a different color inside the color library popup', () => {
-            highlightPage.steps.switchColorInColorLibraryPopup(4);
-            cy.log('Reopen color library popup to check whether the new color is displayed as selected');
-            highlightPage.steps.clickOnColorLibraryButton();
-            highlightPage.steps.verifyColorLibraryPopupColorSelected(4);
-        });
-
-        it('When user clicks outside the \'Color library popup\', then the popup should be closed', () => {
-            highlightPage.steps.clickingAwayFromColorLibraryPopup();
-            utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'notExist');
-        });
-    });
-
-    describe('Color library in Highlight options section and Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
-            highlightPage.steps.clickOnColorLibraryButton();
-            highlightPage.steps.switchColorInColorLibraryPopup(4);
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the highlight options section when user hovers on an option', () => {
-            cy.log('Pre-step: Deselect an option in highlight options section');
-            highlightPage.steps.deselectOptionInHighlightOptionsSection('Word', 'Lorem');
-            highlightPage.steps.hoverOnDeselectedOptionInHighlightOptionsSection('Lorem');
-            utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
-                'background-color': colorLibrary[4].hoverBackground,
-                'border': `1px solid ${colorLibrary[4].hoverBorder}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the highlight options section when user selects an option', () => {
-            highlightPage.steps.selectOptionInHighlightOptionsSection('Word', 'Lorem');
-            utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
-                'background-color': colorLibrary[4].background,
-                'border': `1px solid ${colorLibrary[4].border}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the set correct answer section when user hovers on an option', () => {
-            highlightPage.steps.hoverOnDeselectedOptionInSetCorrectAnswerSection('Lorem');
-            utilities.verifyCSS(highlightPage.setCorrectAnswerOption(), {
-                'background-color': colorLibrary[4].hoverBackground,
-                'border': `1px solid ${colorLibrary[4].hoverBorder}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the set correct answer section when user selects an option', () => {
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection('Lorem');
-            utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
-                'background-color': colorLibrary[4].background,
-                'border': `1px solid ${colorLibrary[4].border}`
-            });
-        });
-    });
-
-    describe('Color library in Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
-            highlightPage.steps.clickOnColorLibraryButton();
-            highlightPage.steps.switchColorInColorLibraryPopup(4);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection('ipsum');
-            highlightPage.steps.allotPoints(2);
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user hovers on an option', () => {
-            highlightPage.steps.hoverOnDeselectedOptionInPreviewTab('Lorem');
-            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
-                'background-color': colorLibrary[4].hoverBackground,
-                'border': `1px solid ${colorLibrary[4].hoverBorder}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user selects an option', () => {
-            highlightPage.steps.selectOptionInPreviewTab('Lorem');
-            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
-                'background-color': colorLibrary[4].background,
-                'border': `1px solid ${colorLibrary[4].border}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user clicks on \'Show correct answer\' checkbox', () => {
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
-                'background-color': colorLibrary[4].background,
-                'border': `1px solid ${colorLibrary[4].border}`
-            });
-        });
-    });
-})