itemengine-cypress-automation 1.0.155-migrationScripts-86e4c95.0 → 1.0.155

package/cypress/e2e/ILC/TextEntryMath/minimumScoringPenaltyPointsAndRoundingDropdown.js

@@ -2,7 +2,7 @@ import { textEntryMathPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question', 'Penalty points for each incorrect option'];
+const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question', 'Penalty points for each incorrect text container'];
 
 describe('Create item page - Text entry math: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
     before(() => {
@@ -37,7 +37,7 @@ describe('Create item page - Text entry math: Minimum scoring, Penalty scoring,
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
             textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'a+b');
-            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(1, 'a-b');
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(1, 'a−b');
             textEntryMathPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
         });
 
@@ -47,38 +47,38 @@ describe('Create item page - Text entry math: Minimum scoring, Penalty scoring,
 
         textEntryMathPage.tests.verifyPenaltyPointsErrorState();
 
-        it('When the user selects \'Penalty points for each incorrect option\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect option to total points / no. of incorrect options\' label and checkbox should be displayed, by default the checkbox should be unchecked. Two radio buttons with labels - \'Specify total penalty points\' and \'Specify points for each incorrect option\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+        it('When the user selects \'Penalty points for each incorrect text container\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect text container to total points / no. of incorrect text container\' label and checkbox should be displayed, by default the checkbox should be unchecked. Two radio buttons with labels - \'Specify total penalty points\' and \'Specify points for each incorrect text container\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
             textEntryMathPage.steps.expandPenaltyScoringDropdown();
-            textEntryMathPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect option');
-            utilities.verifyInnerText(textEntryMathPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect option to total points / no. of incorrect options');
+            textEntryMathPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect text container');
+            utilities.verifyInnerText(textEntryMathPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect text container to total points / no. of incorrect text container');
             utilities.verifyInnerText(textEntryMathPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
-            utilities.verifyInnerText(textEntryMathPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect option');
+            utilities.verifyInnerText(textEntryMathPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect text container');
             textEntryMathPage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
             textEntryMathPage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
             textEntryMathPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonUncheckedState();
         });
 
-        it('When \'Specify total penalty points\' is selected, a penalty points detail section with \'Total penalty points\' label and empty input field, \'Penalty points for each incorrect option: -\' label should be displayed', () => {
+        it('When \'Specify total penalty points\' is selected, a penalty points detail section with \'Total penalty points\' label and empty input field, \'Penalty points for each incorrect text container: -\' label should be displayed', () => {
             utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
             textEntryMathPage.steps.verifyTotalPenaltyPointsValue('');
-            utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect option: -');
+            utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect text container: -');
         });
 
         it('When the user allots total penalty points, then \'points for each incorrect option\' should get updated as per the count of incorrect options available', () => {
             textEntryMathPage.steps.allotTotalPenaltyPoints(5);
-            textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectOption(2.5);
+            textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectTextContainer(2.5);
         });
 
         it('When the user adds a new option, then \'points for each incorrect option\' should get updated accordingly', () => {
             textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(2);
-            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(2, 'a*b');
-            textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectOption(1.67);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(2, 'a×b');
+            textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectTextContainer(1.67);
         });
 
         it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
-            textEntryMathPage.steps.deleteAResponseToken(0);
-            textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectOption(2.5);
+            textEntryMathPage.steps.deleteAResponseArea(0);
+            textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectTextContainer(2.5);
         });
 
         it('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
@@ -127,16 +127,16 @@ describe('Create item page - Text entry math: Minimum scoring, Penalty scoring,
             cy.checkAccessibility(textEntryMathPage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
         });
 
-        it('When the user selects \'Specify points for each incorrect answer\', a penalty points detail section with \'Penalty points for each incorrect option:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+        it('When the user selects \'Specify points for each incorrect answer\', a penalty points detail section with \'Penalty points for each incorrect text container:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
             cy.log('Pre-step: Clearing the total penalty points input field')
             textEntryMathPage.steps.clearTotalPenaltyPointsInputField();
-            textEntryMathPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect option');
-            utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect option');
+            textEntryMathPage.steps.selectPenaltyPointsForEachIncorrectOptionType('specify points for each incorrect option');
+            utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect text container');
             textEntryMathPage.steps.verifyPenaltyPointsForEachIncorrectOptionValue('');
             utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
         });
 
-        it('When the user allots penalty points for each incorrect option, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+        it('When the user allots Penalty points for each incorrect text container, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
             textEntryMathPage.steps.allotPenaltyPointsForEachIncorrectOption(1);
             textEntryMathPage.steps.verifyTotalPenaltyPoints(2);
         });
@@ -144,16 +144,16 @@ describe('Create item page - Text entry math: Minimum scoring, Penalty scoring,
         it('When the user adds a new option, then \'Total penalty points\' should get updated accordingly', () => {
             textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(2);
-            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(2, 'a*b');
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(2, 'a×b');
             textEntryMathPage.steps.verifyTotalPenaltyPoints(3);
         });
 
         it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
-            textEntryMathPage.steps.deleteAResponseToken(0);
+            textEntryMathPage.steps.deleteAResponseArea(0);
             textEntryMathPage.steps.verifyTotalPenaltyPoints(2);
         });
 
-        it('CSS of the penalty points section - Penalty points for each incorrect option', { tags: 'css' }, () => {
+        it('CSS of the penalty points section - Penalty points for each incorrect text container', { tags: 'css' }, () => {
             utilities.verifyCSS(textEntryMathPage.penaltyPointsDetailsSectionInputFieldLabel(), {
                 'color': css.color.labelText,
                 'font-size': css.fontSize.default,
@@ -171,21 +171,21 @@ describe('Create item page - Text entry math: Minimum scoring, Penalty scoring,
             });
         });
 
-        it('Accessibility of the penalty points section - Penalty points for each incorrect option', { tags: 'a11y' }, () => {
+        it('Accessibility of the penalty points section - Penalty points for each incorrect text container', { tags: 'a11y' }, () => {
             cy.checkAccessibility(textEntryMathPage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
         });
 
-        it('When the user switches to the \'Specify total penalty points\' option, the total penalty points input field should be filled as per the total penalty points in \'Specify points for each incorrect option\'', () => {
+        it('When the user switches to the \'Specify total penalty points\' option, the total penalty points input field should be filled as per the total penalty points in \'Specify points for each text container\'', () => {
             textEntryMathPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
             textEntryMathPage.steps.verifyTotalPenaltyPointsValue(2);
-            utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect option: 1');
+            utilities.verifyInnerText(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect text container: 1');
         });
 
-        it('When the user checks the \'Automatically set penalty for each incorrect option to total points / no. of incorrect options\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect option\' should get checked, in the penalty points details section, \'Penalty points for each incorrect option: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+        it('When the user checks the \'Automatically set penalty for each incorrect text container to total points / no. of incorrect text container\' checkbox, both radio buttons should get disabled, \'Specify points for each text container\' should get checked, in the penalty points details section, \'Penalty points for each incorrect text container: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
             textEntryMathPage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
             textEntryMathPage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
             textEntryMathPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
-            utilities.verifyInnerText(utilities.getNthElement(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect option: 5');
+            utilities.verifyInnerText(utilities.getNthElement(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect text container: 5');
             utilities.verifyInnerText(utilities.getNthElement(textEntryMathPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 10');
         });
     });

package/cypress/e2e/ILC/TextEntryMath/responseEvaluationMethodsAndCustomSettings.js

@@ -2,7 +2,7 @@ import { textEntryMathPage } from "../../../pages";
 import { customSettingsIds, evaluationMethods, syntaxDropdown, thousandsSeparatorForCommaDecimalSeparator, thousandsSeparatorForDotDecimalSeparator, typeOfExpression } from "../../../fixtures/evaluationMethodsAndCustomSettings";
 import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { commonComponents } from "../../../pages/components";
+import { commonComponents, equationEditorFlyout } from "../../../pages/components";
 const css = Cypress.env('css');
 
 describe('Create Item page - Text entry math: Response evaluation methods and custom settings', () => {
@@ -15,7 +15,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
-            textEntryMathPage.steps.deleteAResponseToken(1);
+            textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
         });
 
@@ -58,7 +58,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
-            textEntryMathPage.steps.deleteAResponseToken(1);
+            textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
         });
 
@@ -148,14 +148,14 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
-            textEntryMathPage.steps.deleteAResponseToken(1);
+            textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
         });
 
         it('In response accordion \'Answers\' label and one empty answer input field should be displayed', () => {
             utilities.verifyInnerText(textEntryMathPage.answersLabel(), 'Answers');
             utilities.verifyElementVisibilityState(textEntryMathPage.answersLabel(), 'visible');
-            utilities.verifyInnerText(textEntryMathPage.answersInputField(), '\n');
+            utilities.verifyInnerText(textEntryMathPage.answersInputField(), '');
             utilities.verifyElementVisibilityState(textEntryMathPage.answersInputField(), 'visible');
             utilities.verifyElementCount(textEntryMathPage.answersInputField(), 1);
         });
@@ -166,24 +166,24 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
 
         it('\'Add alternate\' button should be displayed', () => {
             utilities.verifyElementVisibilityState(textEntryMathPage.responseAccordionAddAlternateButton(), 'visible');
-            utilities.verifyElementVisibilityState(textEntryMathPage.responseAccordionAddAlternateButton(), 'Add alternate');
+            utilities.verifyInnerText(textEntryMathPage.responseAccordionAddAlternateButton(), 'Add alternate');
         });
 
         it('When single answer input field is present in blank state and user clicks on \'Add alternate\' button, then error message \'Error: Answer is required.\' should be displayed and new answer field should not be added', () => {
             textEntryMathPage.steps.addAlternateAnswerInResponseAccordion(0);
             utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
-            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 1);
+            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 2);
         });
 
         it('When user gives an input to \'Answer\' input field,then error message should disappear', () => {
-            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '(a+b)(a-b)');
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '(a+b)(a−b)');
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user clicks on \'Add alternate\' button, then one more answer input field should be displayed', () => {
             textEntryMathPage.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 2);
+            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 3);
         });
 
         it('When more than one answer input fields are present, then answer field numeration and input field delete buttons should be displayed for both input fields', () => {
@@ -192,12 +192,12 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         });
 
         it('When no input is provided in answer input field, then placeholder text \'Enter text #\' should be displayed in the answer input field', () => {
-            textEntryMathPage.steps.verifyAnswerInputFieldPlaceholder(0);
+            textEntryMathPage.steps.verifyAnswerInputFieldPlaceholder(1);
         });
 
         it('When input is provided in answer input field, then placeholder text should not be displayed in the answer input field', () => {
-            textEntryMathPage.steps.addInputToAnswerInputField(0, '(a+b)*2');
-            textEntryMathPage.steps.verifyAnswerInputFieldPlaceholderNotExists(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(1, '(a+b)×2');
+            textEntryMathPage.steps.verifyAnswerInputFieldPlaceholderNotExists(1);
         });
 
         it('CSS of answer input field', { tags: 'css' }, () => {
@@ -224,7 +224,9 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         //Accessibility covered in previous describes
 
         it('When provided input is cleared from answer input field, then placeholder text should be displayed again in the answer input field', () => {
-            textEntryMathPage.steps.clearAnswerInputField(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            equationEditorFlyout.steps.clearAll();
+            equationEditorFlyout.steps.clickOnOkButton();
             textEntryMathPage.steps.verifyAnswerInputFieldPlaceholder(0);
         });
 
@@ -232,15 +234,16 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
             cy.log('Pre-step: Add one more answer input field');
             textEntryMathPage.steps.addAlternateAnswerInResponseAccordion(0);
             textEntryMathPage.steps.clickOnAnswerInputDeleteButton(0);
-            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 2);
+            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 3);
             textEntryMathPage.steps.verifyAnswerInputFieldNumerationAndDeleteButtonIsVisible(0);
             textEntryMathPage.steps.verifyAnswerInputFieldNumerationAndDeleteButtonIsVisible(1);
+            textEntryMathPage.steps.verifyAnswerInputFieldNumerationAndDeleteButtonIsVisible(2);
         });
 
         it('When number of answer input fields is reduced to 1, then input field numeration and its delete button should not be displayed', () => {
             cy.log('Pre-step: Reduce number of answer input fields to 1');
             textEntryMathPage.steps.clickOnAnswerInputDeleteButton(0);
-            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 1);
+            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 2);
             textEntryMathPage.steps.verifyAnswerInputFieldNumerationAndDeleteButtonNotExists();
         });
     });
@@ -250,7 +253,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
-            textEntryMathPage.steps.deleteAResponseToken(1);
+            textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
         });
 
@@ -554,7 +557,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         before(() => {
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
-            textEntryMathPage.steps.deleteAResponseToken(1);
+            textEntryMathPage.steps.addResponseToken();
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
             textEntryMathPage.steps.clickOnCustomSettingsAccordion();
         });

package/cypress/e2e/ILC/TextEntryMathWithImage/backgroundImageAndCanvasProperties.js

@@ -126,7 +126,7 @@ describe('Create item page - Text entry math: Question instructions, Options sec
         });
 
         it('When user clicks on clear all in canvas, then response accordions in specified correct answer should disappear', () => {
-            textEntryMathWithImagePage.steps.clearAll();
+            textEntryMathWithImagePage.steps.clearAllCanvas();
             utilities.verifyElementVisibilityState(textEntryMathWithImagePage.responseAccordion(), 'notExist');
         });
     });
@@ -349,7 +349,7 @@ describe('Create item page - Text entry math: Question instructions, Options sec
 
         it('When user clicks on \'Clear all\' button, then all text containers should be deleted in preview tab', () => {
             textEntryMathWithImagePage.steps.switchToEditTab();
-            textEntryMathWithImagePage.steps.clearAll();
+            textEntryMathWithImagePage.steps.clearAllCanvas();
             textEntryMathWithImagePage.steps.switchToPreviewTab();
             textEntryMathWithImagePage.steps.verifyTextBoxNotExistInPreviewTab();
             textEntryMathWithImagePage.steps.verifyTextContainerNotExistInPreviewTab();

package/cypress/e2e/ILC/UploadResponse/manuallyAndNonScoredScoring.js

@@ -60,11 +60,10 @@ describe('Create question page - Upload Response: Scoring', () => {
             uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
             uploadResponsePage.steps.switchToGradingView();
             utilities.verifyElementVisibilityState(uploadResponsePage.uploadFileContentWrapper(), 'visible');
-            uploadResponsePage.steps.uploadedFileContentsPreviewTab(0);
-            uploadResponsePage.steps.verifyUploadedFileName(0, 'highlightImage.jpg');
+            uploadResponsePage.steps.uploadedFileContentsPreviewTab(0, 'highlightImage.jpg');
             uploadResponsePage.steps.switchToStudentView();
             utilities.verifyElementVisibilityState(uploadResponsePage.uploadFileContentWrapper(), 'visible');
-            uploadResponsePage.steps.uploadedFileContentsPreviewTab(0);
+            uploadResponsePage.steps.uploadedFileContentsPreviewTab(0, 'highlightImage.jpg');
             uploadResponsePage.steps.verifyUploadedFileName(0, 'highlightImage.jpg');
         });
     });

package/cypress/e2e/ILC/UploadResponse/uploadResponseAdditionalSettings.js

@@ -14,7 +14,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             cy.barsPreLoaderWait();
         });
 
-        uploadResponsePage.tests.verifyAdditonalSettingsAccordionProperties();
+        uploadResponsePage.tests.verifyAdditionalSettingsAccordionProperties();
     });
 
     describe('Additional settings: Font size contents', () => {
@@ -22,7 +22,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
         before(() => {
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
             cy.barsPreLoaderWait();
-            uploadResponsePage.steps.expandAdditonalSettings();
+            uploadResponsePage.steps.expandAdditionalSettings();
         });
 
         uploadResponsePage.tests.verifyFontSizeSectionContents();
@@ -33,7 +33,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
         before(() => {
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
             cy.barsPreLoaderWait();
-            uploadResponsePage.steps.expandAdditonalSettings();
+            uploadResponsePage.steps.expandAdditionalSettings();
         });
 
         uploadResponsePage.tests.verifyDetailsSection();

package/cypress/e2e/ILC/UploadResponse/uplodResponsePreviewUploadedFileProperties.js

@@ -17,7 +17,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('When user uploads any file without any virus, the system should scan the file for viruses and \'Scanning for viruses…\' message should be displayed along with a pre-loader', () => {
-            uploadResponsePage.steps.uploadFile('uploads/sample.jpg');
+            uploadResponsePage.steps.uploadFile('uploads/sample.gif');
             uploadResponsePage.steps.verifyScanningForVirusMessageAndPreLoader();
         });
 
@@ -30,7 +30,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('When the user uploads a file containing virus \'Error: A virus was detected, please upload another file\' error message should be displayed inline with file name, the uploaded file count should increase after a virus file gets uploaded', () => {
-            uploadResponsePage.steps.fileUploadAndVerify(['sampleVirus.zip']);
+            uploadResponsePage.steps.uploadFile('uploads/sampleVirus.zip');
             uploadResponsePage.steps.verifyVirusScanningErrorMessage();
             cy.log('checking if uploaded file count increases after a virus file gets uploaded')
             uploadResponsePage.steps.verifyUploadedFileLimitCount(2, 15);

package/cypress/fixtures/fillColorDefaultProperties.js

@@ -0,0 +1,35 @@
+export const gridFillColorProperties = {
+    default: {
+        displayName: 'Default',
+        colorProperties: {
+            fillColorHexValue: '#BAC9FF',
+            fillColorRgbaValue: 'rgba(186, 201, 255, 0.2)',
+            fillColorOpacity: 20,
+            borderColorHexValue: '#6B8BFF',
+            borderColorRgbValue: 'rgb(107, 139, 255)',
+            borderColorOpacity: 100
+        }
+    },
+    hover: {
+        displayName: 'Hover',
+        colorProperties: {
+            fillColorHexValue: '#BAC9FF',
+            fillColorRgbaValue: 'rgba(186, 201, 255, 0.6)',
+            fillColorOpacity: 60,
+            borderColorHexValue: '#5200FF',
+            borderColorRgbValue: 'rgb(82, 0, 255)',
+            borderColorOpacity: 100
+        }
+    },
+    filled: {
+        displayName: 'Filled',
+        colorProperties: {
+            fillColorHexValue: '#6B8BFF',
+            fillColorRgbaValue: 'rgba(107, 139, 255, 0.7)',
+            fillColorOpacity: 70,
+            borderColorHexValue: '#290080',
+            borderColorRgbValue: 'rgb(41, 0, 128)',
+            borderColorOpacity: 100
+        }
+    }
+}

package/cypress/fixtures/theme/ilc.json

@@ -131,7 +131,8 @@
         "gridCellSelectedStateBorder": "rgb(41, 0, 128)",
         "gridCellHiddenStateBorder": "rgb(117, 117, 154)",
         "gridCellIcon": "rgb(41, 0, 128)",
-        "gridBorder": "rgb(0, 0, 124)"
+        "gridBorder": "rgb(0, 0, 124)",
+        "uploadedFileName": "rgb(0, 0, 124)"
     },
     "fontSize": {
         "extraSmall": "10px",

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -174,7 +174,7 @@ const tests = {
                 case 'drag and drop into categories':
                     helpText = 'You can set the correct answer by dragging the correct answer(s) in the dropzone(s).';
                     break;
-                case 'list matching':
+                case 'matching':
                     helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).'
                     break;
                 case 'list ordering':
@@ -308,10 +308,10 @@ const tests = {
         });
 
         it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton().find('p'), {
                 'color': css.color.activeButtons,
                 'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.medium
+                'font-weight': css.fontWeight.regular
             });
             autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -74,7 +74,7 @@ const steps = {
 const tests = {
     verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS: () => {
         it('\'Allow student to check answer\' label and checkbox should be displayed and it should be unchecked by default', () => {
-            utilities.verifyInnerText(autoScoredStudentViewSettings.allowStudentToCheckAnswerLabel(), 'Allow student to check answer');
+            utilities.verifyInnerText(autoScoredStudentViewSettings.allowStudentToCheckAnswerLabel(), 'Allow students to check answer');
             autoScoredStudentViewSettings.steps.verifyAllowStudentsToCheckAnswerCheckboxUnchecked();
         });
 

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -114,7 +114,10 @@ const tests = {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
             utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
-            if (questionType != 'graphing') {
+            if (questionType !== 'graphing') {
+                imageCanvasComponent.steps.verifyImageIsUploaded();
+            }
+            if (questionType !== 'grid fill') {
                 imageCanvasComponent.steps.verifyImageIsUploaded();
             }
         });

package/cypress/pages/components/colorPopupComponent.js

@@ -13,8 +13,9 @@ const selectors = {
     selectedColorBlock: () => cy.get('.color-wrapper'),
     hexLabel: () => cy.get('.hex-settings-wrapper .inline-text-property-label'),
     hexInputField: () => cy.get('.hex-settings-wrapper input'),
-    cancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    okButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
+    setToNoColorButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
+    cancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
+    okButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(2),
     dialogBoxTitle: () => cy.get('#alert-dialog-title'),
     opacityGradientHue: () => cy.get('.react-colorful__last-control [class="react-colorful__interactive"]'),
     opacityGradientPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer-fill'),
@@ -271,7 +272,9 @@ const tests = {
             colorPopupComponent.steps.verifySelectedColorLabelAndSelectedColorBlock();
         });
 
-        it('\'Cancel\' and \'Ok\' buttons should be displayed', () => {
+        it('\'Set to no color\', \'Cancel\' and \'Ok\' buttons should be displayed', () => {
+            utilities.verifyInnerText(colorPopupComponent.setToNoColorButton(), 'Set to no color');
+            utilities.verifyElementVisibilityState(colorPopupComponent.setToNoColorButton(), 'visible');
             utilities.verifyInnerText(colorPopupComponent.cancelButton(), 'Cancel');
             utilities.verifyElementVisibilityState(colorPopupComponent.cancelButton(), 'visible');
             utilities.verifyInnerText(colorPopupComponent.okButton(), 'OK');

package/cypress/pages/components/commonComponents.js

@@ -8,7 +8,7 @@ const selectors = {
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
     //Remove :visible https://redmine.zeuslearning.com/issues/564243 gets resolved
-    errorMessage: () => cy.get('.error-text-message:visible'),
+    errorMessage: () => cy.get('.error-text-message'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
     dropdownList: () => cy.get('.dropdown-list'),
     dragHandleButton: () => cy.get('.dragicon-button'),

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -82,7 +82,8 @@ const steps = {
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownOptionsInputField(), optionIndex)
             .clear()
             .type(responseFieldText, { delay: 0 })
-            .should('have.value', responseFieldText);
+            .should('have.value', responseFieldText)
+            .blur();
     },
 
     /**
@@ -332,9 +333,9 @@ const steps = {
     */
     expandAndCollapseDropdownInSpecifyCorrectAnswerSection: (dropdownIndex) => {
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), dropdownIndex)
-            .click({ position: "right" });
-        cy.get('body')
             .click();
+        cy.get('body')
+            .click({ position: 'center' });
     },
 
     /**