itemengine-cypress-automation 1.0.155-migrationScripts-86e4c95.0 → 1.0.156-01AprilFixes-fc21452.0

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/allOrNothingForAllView.smoke.js

@@ -90,6 +90,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                         break;
                     case 'Grading view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploadedInPreviewTab();
                         break;
                 }
             });

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/checkAnswerFunctionalityForAllViews.smoke.js

@@ -73,6 +73,7 @@ describe('Create item page - Fill in the gaps over image - dropdown - Check answ
                         break;
                     case 'Student view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploadedInPreviewTab();
                         break;
                 }
             });

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/dropdownOptionsSection.js

@@ -1,5 +1,5 @@
 import { fillInTheGapsOverImageDropdownPage } from "../../../pages";
-import { commonComponents, optionsWrapperComponent } from "../../../pages/components";
+import { commonComponents } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -48,12 +48,13 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
         it('When user clicks on the \'Delete\' option button then the respective options input field should get deleted and option numeration should change accordingly', () => {
             cy.log('Pre step: Adding text in all option input fields')
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
-            const optionsAfterDeleting = optionsForDropdown.filter((el) => el !== options[1]);
+            const optionsAfterDeleting = optionsForDropdown.filter((el) => el !== optionsForDropdown[1]);
             fillInTheGapsOverImageDropdownPage.steps.deleteOption(1);
-            utilities.verifyElementCount(optionsWrapperComponent.optionWrapper(), 3);
+            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.optionWrapper(), 3);
             cy.log('Verifying the input text given to input fields after deletion of 2nd option')
             optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
-                utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownOptionsInputField(), optionIndex), inputFieldText);
+                utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownOptionsInputField(), optionIndex)
+                    .should('have.value', inputFieldText);
             });
         });
 
@@ -65,10 +66,18 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
 
         fillInTheGapsOverImageDropdownPage.tests.verifyDisabledDeleteButtonTooltip();
 
-        fillInTheGapsOverImageDropdownPage.tests.verifyAddOptionFunctionality();
+        it('When user adds an option using \'Add Option\' button then the added option input field should be displayed and option numeration should increment', () => {
+            let initialOptionCount;
+            fillInTheGapsOverImageDropdownPage.steps.getOptionCount().then((count) => {
+                initialOptionCount = count;
+                fillInTheGapsOverImageDropdownPage.steps.addOption();
+                fillInTheGapsOverImageDropdownPage.steps.getOptionCount().should('eq', initialOptionCount + 1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyOptionsContents(initialOptionCount);
+            });
+        });
 
         it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should be thrown', () => {
-            fillInTheGapsOverImageDropdownPage.steps.focusInAndFocusOutOfDropdownOptionInputField();
+            fillInTheGapsOverImageDropdownPage.steps.focusInAndFocusOutOfDropdownOptionInputField(2);
             utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Option is required.');
         });
 
@@ -80,7 +89,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
         fillInTheGapsOverImageDropdownPage.tests.verifyEnabledDeleteButtonAndTooltip();
 
         it('When user add another response area to the image, another dropdown options tab \'Dropdown 2\' should be added and it should not be in selected state', () => {
-            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownOptionsTab(), 1), 'Dropdown 1');
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea();
+            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownOptionsTab(), 1), 'Dropdown 2');
             fillInTheGapsOverImageDropdownPage.steps.verifyDropdownOptionsTabIsSelected(0);
             fillInTheGapsOverImageDropdownPage.steps.verifyDropdownOptionsTabIsNotSelected(1);
         });
@@ -89,7 +99,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
             fillInTheGapsOverImageDropdownPage.steps.navigateToDropdownOptionsTab(1);
             fillInTheGapsOverImageDropdownPage.steps.verifyDropdownOptionsTabIsSelected(1);
             fillInTheGapsOverImageDropdownPage.steps.verifyDropdownOptionsTabIsNotSelected(0);
-            for (let index = 0; index < optionFieldsCount; index++) {
+            for (let index = 0; index < 4; index++) {
                 fillInTheGapsOverImageDropdownPage.steps.verifyOptionsContents(index);
             };
         });
@@ -142,6 +152,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
         });
     });
 
+    //Failing due to https://redmine.zeuslearning.com/issues/566910
     describe('Dropdown options in Specify correct answer section', () => {
         abortEarlySetup();
         before(() => {
@@ -239,6 +250,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
         });
     });
 
+    //Failing due to https://redmine.zeuslearning.com/issues/566910
     describe('Dropdown options in preview tab', () => {
         abortEarlySetup();
         before(() => {

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

@@ -123,7 +123,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         });
 
         it('When user clicks on clear all in canvas, then dropdowns in specify correct answer should disappear', () => {
-            fillInTheGapsOverImageDropdownPage.steps.clearAll();
+            fillInTheGapsOverImageDropdownPage.steps.clearAllCanvas();
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), 'notExist');
         });
     });
@@ -295,7 +295,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         it('When user clicks on \'Clear all\' button, then all dropdowns should be deleted in preview tab', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            fillInTheGapsOverImageDropdownPage.steps.clearAll();
+            fillInTheGapsOverImageDropdownPage.steps.clearAllCanvas();
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageDropdownPage.steps.verifyTextBoxNotExistInPreviewTab();
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), 'notExist');

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

@@ -29,6 +29,10 @@ describe('Create item page - Fill in the gaps over image - dropdown: Minimum sco
         before(() => {
             fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
             cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageDropdownPage.steps.allotPoints(10);
             fillInTheGapsOverImageDropdownPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
         });

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/specifyCorrectAnswerSection.js

@@ -8,6 +8,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
         cy.loginAs('admin');
     });
 
+    //Failing due to https://redmine.zeuslearning.com/issues/566913
     describe('Specify correct answer section - Header and \'Correct\' accordion', () => {
         abortEarlySetup();
         before(() => {

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

@@ -3,7 +3,7 @@ import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
 
-const dropzonePointerStyles = ['none', 'bottom', 'bottom right', 'right', 'top right', 'top', 'top left', 'left', 'bottom left'];
+const textContainerPointerStyles = ['none', 'bottom', 'bottom right', 'right', 'top right', 'top', 'top left', 'left', 'bottom left'];
 
 describe('Create item page - Fill in the gaps: Question instructions, Options section', () => {
     before(() => {
@@ -123,7 +123,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         });
 
         it('When user clicks on clear all in canvas, then response accordions in specified correct answer should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.clearAll();
+            fillInTheGapsOverImageTextPage.steps.clearAllCanvas();
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordion(), 'notExist');
         });
     });
@@ -178,7 +178,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         it('When user clicks on \'Clear all\' button, then all text containers should be deleted in preview tab', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clearAll();
+            fillInTheGapsOverImageTextPage.steps.clearAllCanvas();
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageTextPage.steps.verifyTextBoxNotExistInPreviewTab();
             fillInTheGapsOverImageTextPage.steps.verifyTextContainerNotExistInPreviewTab();

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

@@ -87,8 +87,9 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
 
         fillInTheGapsOverImageTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
 
-        it('When no points are entered in the points input field, then points per response should not be displayed on the response accordion', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionPointsWrapper(), 'hidden');
+        it('When no points are entered in the points input field, then points per response should be displayed on the response accordion with value 0', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 0);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 0);
         });
 
         it('When the user gives a score input to \'Points\' input field, then the score should be equally divided and displayed on each response tab with a \'Points:\' label', () => {
@@ -183,8 +184,8 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
 
         it('When the user has switched to \'Partial - different weights\' scoring, then the correct answer tab points input field should not be displayed and individual empty points input field should be displayed in each response accordion', () => {
             utilities.verifyElementCount(fillInTheGapsOverImageTextPage.pointsInputField(), 2);
-            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, '');
-            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, '');
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, 0);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, 0);
         });
 
         it('User should be able to set points in the \'Points\' input fields', () => {

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

@@ -31,6 +31,10 @@ describe('Create item page - Fill in the gaps over image with text: Minimum scor
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
             fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/setLimitSection.js

@@ -7,7 +7,8 @@ describe('Create item page - Fill in the gaps over image with text: Set limit se
         cy.loginAs('admin');
     });
 
-    describe('fill in the gaps over image with text: Set limit section - Edit tab contents', () => {
+    //Failing due to https://redmine.zeuslearning.com/issues/566928
+    describe('Fill in the gaps over image with text: Set limit section - Edit tab contents', () => {
         abortEarlySetup();
         before(() => {
             fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
@@ -46,12 +47,13 @@ describe('Create item page - Fill in the gaps over image with text: Set limit se
             fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }]);
         });
 
+        //Failing due to https://redmine.zeuslearning.com/issues/566930
         fillInTheGapsOverImageTextPage.tests.verifyMaximumCharacterLimitWarningConditionsSpecifyCorrectAnswerSection();
 
         fillInTheGapsOverImageTextPage.tests.verifyMinimumCharacterLimitWarningConditionsSpecifyCorrectAnswerSection();
     });
 
-    describe('fill in the gaps over image with text: Set limit section : Preview tab functionality', () => {
+    describe('Fill in the gaps over image with text: Set limit section : Preview tab functionality', () => {
         abortEarlySetup();
         before(() => {
             fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
@@ -79,6 +81,7 @@ describe('Create item page - Fill in the gaps over image with text: Set limit se
 
         fillInTheGapsOverImageTextPage.tests.verifyMaximumCharacterLimitWarningConditionsPreviewTab();
 
+        //Failing due to https://redmine.zeuslearning.com/issues/566930
         fillInTheGapsOverImageTextPage.tests.verifyMinimumCharacterLimitWarningConditionsPreviewTab();
     });
 });

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

@@ -173,8 +173,8 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
 
         it('When the user sets aria label, then in the answer input fields of the specify correct answer section, the aria labels should not change', () => {
             fillInTheGapsTextPage.steps.enterTextInAriaLabelInputField(0, 'Add answer for response 1');
-            fillInTheGapsTextPage.steps.verifyAnswerInputFieldAriaLabelSpecifyCorrectAnswerSection(0, 'Add answer');
-            fillInTheGapsTextPage.steps.verifyAnswerInputFieldAriaLabelSpecifyCorrectAnswerSection(1, 'Add answer');
+            fillInTheGapsTextPage.steps.verifyAnswerInputFieldAriaLabelSpecifyCorrectAnswerSection(0, 'Enter answer');
+            fillInTheGapsTextPage.steps.verifyAnswerInputFieldAriaLabelSpecifyCorrectAnswerSection(1, 'Enter answer');
         });
     });
 

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

@@ -78,7 +78,7 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             fillInTheGapsTextPage.steps.verifyResponseAreaContents(2);
             utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldSpecifyCorrectAnswerSection(), 3);
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextPage.responseAccordionLabel(), 2), 'Response 3');
-            fillInTheGapsTextPage.steps.expandAdditonalSettings();
+            fillInTheGapsTextPage.steps.expandAdditionalSettings();
             utilities.verifyElementCount(fillInTheGapsTextPage.ariaLabelInputField(), 3);
         });
 

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

@@ -74,7 +74,8 @@ describe('Create item page - Fill in the gaps with text: Scoring section', () =>
         fillInTheGapsTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
 
         it('When no points are entered in the points input field, then points per response should not be displayed on the response accordion', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.responseAccordionPointsWrapper(), 'hidden');
+            fillInTheGapsTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 0);
+            fillInTheGapsTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 0);
         });
 
         it('When the user gives a score input to \'Points\' input field, then the score should be equally divided and displayed on each response tab with a \'Points:\' label', () => {
@@ -161,8 +162,8 @@ describe('Create item page - Fill in the gaps with text: Scoring section', () =>
 
         it('When the user has switched to \'Partial - different weights\' scoring, then the correct answer tab points input field should not be displayed and individual empty points input field should be displayed in each response accordion', () => {
             utilities.verifyElementCount(fillInTheGapsTextPage.pointsInputField(), 2);
-            fillInTheGapsTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, '');
-            fillInTheGapsTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, '');
+            fillInTheGapsTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, 0);
+            fillInTheGapsTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, 0);
         });
 
         it('User should be able to set points in the \'Points\' input fields', () => {

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

@@ -24,6 +24,7 @@ describe('Create item page - Fill in the gaps with text: Minimum scoring, Penalt
         fillInTheGapsTextPage.tests.verifyMinimumPointsFieldErrorState();
     });
 
+    //Failing due to https://redmine.zeuslearning.com/issues/566943
     describe('Scoring section: Penalty scoring - Edit tab', () => {
         abortEarlySetup();
         before(() => {

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

@@ -30,14 +30,6 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
 
         fillInTheGapsTextPage.tests.verifyShowOnlyCustomSpecialCharactersEditTabContent();
 
-        it('When the user specifies custom special characters, then on clicking on the \'Preview\' hyperlink, only the specified custom special characters should be displayed in the popup', () => {
-            fillInTheGapsTextPage.steps.addInputToCustomSpecialCharactersInputField(`${customSpecialCharacters.join('')}`);
-            fillInTheGapsTextPage.steps.clickOnCustomizeSpecialCharactersPreviewButton();
-            fillInTheGapsTextPage.steps.verifyCustomSpecialCharactersDisplayedInPreviewPopupEditTab(customSpecialCharacters);
-            cy.log('Post-step: Closing preview popup')
-            dialogBoxBase.steps.closeWarningPopup();
-        });
-
         it('CSS of special characters section', { tags: 'css' }, () => {
             utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersLabel(), {
                 'color': css.color.labels,

package/cypress/e2e/ILC/GeogebraActivity/additionalSettings.js

@@ -17,7 +17,7 @@ describe('Create item page - GeoGebra activity: Additional Settings accordion',
             geoGebraActivityPage.steps.navigateToCreateQuestion('GeoGebra activity');
             cy.barsPreLoaderWait();
         });
-        geoGebraActivityPage.tests.verifyAdditonalSettingsAccordionProperties();
+        geoGebraActivityPage.tests.verifyAdditionalSettingsAccordionProperties();
     });
 
     describe('Additional settings: Font size contents', () => {

package/cypress/e2e/ILC/Graphing/addBackgroundShapesSection.js

@@ -41,8 +41,8 @@ describe('Graphing: Add background shapes section', () => {
         });
 
         it('\'X axis label\' and \'Y axis label\' should be displayed', () => {
-            utilities.verifyInnerText(graphingPage.xAxisGraphEditTab(), 'X axis label');
-            utilities.verifyInnerText(graphingPage.yAxisGraphEditTab(), 'Y axis label');
+            utilities.verifyInnerText(graphingPage.xAxisLabelGraphEditTab(), 'X axis label');
+            utilities.verifyInnerText(graphingPage.yAxisLabelGraphEditTab(), 'Y axis label');
         });
 
         it('X max and X min labels with input fields should be displayed and by default the input fields should have value \'10\' and \'-10\' respectively', () => {
@@ -78,7 +78,7 @@ describe('Graphing: Add background shapes section', () => {
         });
 
         it('The input field should be prefilled with \'Graph title\' and the user should be able to edit it', () => {
-            utilities.verifyTextContent(graphingPage.titlePopupAddLabelInputField(), 'Graph title');
+            graphingPage.steps.verifyTextInTitlePopupAddLabelInputField('Graph title');
         });
 
         it('When the user edits the graph title and clicks on \'Cancel\' button then the changes should not be displayed in the background section graph and \'Specify correct answer\' section graph', () => {
@@ -90,7 +90,7 @@ describe('Graphing: Add background shapes section', () => {
 
         it('When the user clicks on the \'Graph title\' then the original text should be displayed in the popup', () => {
             graphingPage.steps.clickOnGraphTitle();
-            utilities.verifyTextContent(graphingPage.titlePopupAddLabelInputField(), 'Graph title');
+            graphingPage.steps.verifyTextInTitlePopupAddLabelInputField('Graph title');
         });
 
         it('When the user clicks on \'Save\' after updating the input field the updated label should be displayed in the background section graph and \'Specify correct answer\' section graph', () => {
@@ -111,7 +111,7 @@ describe('Graphing: Add background shapes section', () => {
         });
 
         it('The input field should be prefilled with \'X axis label\' and the user should be able to edit it', () => {
-            utilities.verifyTextContent(graphingPage.titlePopupAddLabelInputField(), 'X axis label');
+            graphingPage.steps.verifyTextInTitlePopupAddLabelInputField('X axis label');
         });
 
         it('When the user edits the x axis label and clicks on \'Cancel\' button then the changes should not be displayed in the background section graph and \'Specify correct answer\' section graph', () => {
@@ -123,7 +123,7 @@ describe('Graphing: Add background shapes section', () => {
 
         it('When the user clicks on the \'X axis label\' then the original text should be displayed in the popup', () => {
             graphingPage.steps.clickOnXAxisLabel();
-            utilities.verifyTextContent(graphingPage.titlePopupAddLabelInputField(), 'X axis label');
+            graphingPage.steps.verifyTextInTitlePopupAddLabelInputField('X axis label');
         });
 
         it('When the user clicks on \'Save\' after updating the input field the updated label should be displayed in the background section graph and \'Specify correct answer\' section graph', () => {
@@ -144,7 +144,7 @@ describe('Graphing: Add background shapes section', () => {
         });
 
         it('The input field should be prefilled with \'Y axis label\' and the user should be able to edit it', () => {
-            utilities.verifyTextContent(graphingPage.titlePopupAddLabelInputField(), 'Y axis label');
+            graphingPage.steps.verifyTextInTitlePopupAddLabelInputField('Y axis label');
         });
 
         it('When the user edits the Y axis label and clicks on \'Cancel\' button then the changes should not be displayed in the background section graph and \'Specify correct answer\' section graph', () => {
@@ -156,7 +156,7 @@ describe('Graphing: Add background shapes section', () => {
 
         it('When the user clicks on the \'Y axis label\' then the original text should be displayed in the popup', () => {
             graphingPage.steps.clickOnYAxisLabel();
-            utilities.verifyTextContent(graphingPage.titlePopupAddLabelInputField(), 'Y axis label');
+            graphingPage.steps.verifyTextInTitlePopupAddLabelInputField('Y axis label');
         });
 
         it('When the user clicks on \'Save\' after updating the input field the updated label should be displayed in the background section graph and \'Specify correct answer\' section graph', () => {
@@ -169,20 +169,20 @@ describe('Graphing: Add background shapes section', () => {
         //X max and X min
         it('When X max and X min values are 10 and -10 respectively then on the X axis should range from (-9, 9) in the background section graph and \'Specify correct answer\' section graph', () => {
             graphingPage.steps.verifyXMaxInputFieldValue('10');
-            graphingPage.steps.verifyXMaxInputFieldValue('-10');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('9'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('10'), 'notExist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('9'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('10'), 'notExist');
+            graphingPage.steps.verifyXMinInputFieldValue('-10');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('10'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('11'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('10'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('11'), 'notExist');
         });
 
         it('When the user updates the value of X max and X min then on the X axis should range change accordingly in the background section graph and \'Specify correct answer\' section graph', () => {
             graphingPage.steps.enterTextInXMaxInputField('11');
             graphingPage.steps.enterTextInXMinInputField('-11');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('10'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('11'), 'notExist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('10'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('11'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('11'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('12'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('11'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('12'), 'notExist');
             cy.log('Post step: Resetting X axis values')
             graphingPage.steps.enterTextInXMaxInputField('10');
             graphingPage.steps.enterTextInXMinInputField('-10');
@@ -191,20 +191,20 @@ describe('Graphing: Add background shapes section', () => {
         //Y max and Y min
         it('When Y max and Y min values are 10 and -10 respectively then on the Y axis should range from (-9, 9) in the background section graph and \'Specify correct answer\' section graph', () => {
             graphingPage.steps.verifyYMaxInputFieldValue('10');
-            graphingPage.steps.verifyYMaxInputFieldValue('-10');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('9'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('10'), 'notExist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('9'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('10'), 'notExist');
+            graphingPage.steps.verifyYMinInputFieldValue('-10');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('10'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('11'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('10'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('11'), 'notExist');
         });
 
         it('When the user updates the value of Y max and Y min then on the Y axis should range change accordingly in the background section graph and \'Specify correct answer\' section graph', () => {
             graphingPage.steps.enterTextInYMaxInputField('11');
             graphingPage.steps.enterTextInYMinInputField('-11');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('10'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('11'), 'notExist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('10'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('11'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('11'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphEditTab('12'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('11'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphSpecifyCorrectAnswerSection('12'), 'notExist');
         });
     });
 
@@ -217,6 +217,7 @@ describe('Graphing: Add background shapes section', () => {
 
         //Graph title
         it('When the user edits the graph title and clicks on \'Cancel\' button then the changes should not be displayed in the preview tab graph', () => {
+            graphingPage.steps.clickOnGraphTitle();
             graphingPage.steps.enterTextInTitlePopupAddLabelInputField('Edit graph title');
             graphingPage.steps.clickOnTitlePopupCancelButton();
             graphingPage.steps.switchToPreviewTab();
@@ -225,6 +226,7 @@ describe('Graphing: Add background shapes section', () => {
 
         it('When the user clicks on \'Save\' after updating the input field the updated label should be displayed in the preview tab graph', () => {
             graphingPage.steps.switchToEditTab();
+            graphingPage.steps.clickOnGraphTitle();
             graphingPage.steps.enterTextInTitlePopupAddLabelInputField('Edit graph title');
             graphingPage.steps.clickOnTitlePopupCancelButton();
             graphingPage.steps.switchToPreviewTab();
@@ -234,6 +236,7 @@ describe('Graphing: Add background shapes section', () => {
         //X axis
         it('When the user edits the x axis label and clicks on \'Cancel\' button then the changes should not be displayed in the preview tab graph', () => {
             graphingPage.steps.switchToEditTab();
+            graphingPage.steps.clickOnXAxisLabel();
             graphingPage.steps.enterTextInTitlePopupAddLabelInputField('Edit x axis title');
             graphingPage.steps.clickOnTitlePopupCancelButton();
             graphingPage.steps.switchToPreviewTab();
@@ -252,6 +255,7 @@ describe('Graphing: Add background shapes section', () => {
         //Y axis
         it('When the user edits the y axis label and clicks on \'Cancel\' button then the changes should not be displayed in the preview tab graph', () => {
             graphingPage.steps.switchToEditTab();
+            graphingPage.steps.clickOnYAxisLabel();
             graphingPage.steps.enterTextInTitlePopupAddLabelInputField('Edit y axis title');
             graphingPage.steps.clickOnTitlePopupCancelButton();
             graphingPage.steps.switchToPreviewTab();
@@ -269,8 +273,8 @@ describe('Graphing: Add background shapes section', () => {
 
         //X max and X min
         it('When X max and X min values are 10 and -10 respectively then on the X axis should range from (-9, 9) in the preview tab graph', () => {
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('9'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('10'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('10'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('11'), 'notExist');
         });
 
         it('When the user updates the value of X max and X min then on the X axis should range change accordingly in the preview tab graph', () => {
@@ -278,8 +282,8 @@ describe('Graphing: Add background shapes section', () => {
             graphingPage.steps.enterTextInXMaxInputField('11');
             graphingPage.steps.enterTextInXMinInputField('-11');
             graphingPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('10'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('11'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('11'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('12'), 'notExist');
             graphingPage.steps.switchToEditTab();
             cy.log('Post step: Resetting X axis values')
             graphingPage.steps.enterTextInXMaxInputField('10');
@@ -289,10 +293,10 @@ describe('Graphing: Add background shapes section', () => {
         //Y max and Y min
         it('When Y max and Y min values are 10 and -10 respectively then on the Y axis should range from (-9, 9) in the preview tab graph', () => {
             graphingPage.steps.verifyYMaxInputFieldValue('10');
-            graphingPage.steps.verifyYMaxInputFieldValue('-10');
+            graphingPage.steps.verifyYMinInputFieldValue('-10');
             graphingPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('9'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('10'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('10'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('11'), 'notExist');
         });
 
         it('When the user updates the value of Y max and Y min then on the Y axis should range change accordingly in the preview tab graph', () => {
@@ -300,8 +304,8 @@ describe('Graphing: Add background shapes section', () => {
             graphingPage.steps.enterTextInYMaxInputField('11');
             graphingPage.steps.enterTextInYMinInputField('-11');
             graphingPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('10'), 'exist');
-            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('11'), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('11'), 'exist');
+            utilities.verifyElementVisibilityState(graphingPage.textOnGraphPreviewTab('12'), 'notExist');
         });
     });
 });

package/cypress/e2e/ILC/Graphing/additionalSettingsBasic.js

@@ -17,7 +17,7 @@ describe('Create item page - Graphing: Additional Settings accordion', () => {
             cy.barsPreLoaderWait();
         });
 
-        graphingPage.tests.verifyAdditonalSettingsAccordionProperties();
+        graphingPage.tests.verifyAdditionalSettingsAccordionProperties();
     });
 
     describe('Additional settings: Font size contents', () => {

package/cypress/e2e/ILC/Graphing/layoutAndGridOptions.js

@@ -166,10 +166,12 @@ describe('Graphing: Layout section - Edit tab and preview tab tool options', ()
             graphingPage.steps.expandGridOptionsAccordion();
         });
 
-        it('\'Snap to grid\' checkbox and label should be displayed and by default the checkbox should be unchecked', () => {
+        it('\'Snap to grid\' checkbox and label should be displayed and by default the checkbox should be checked', () => {
             utilities.verifyInnerText(graphingPage.snapToGridLabel(), 'Snap to grid');
             utilities.verifyElementVisibilityState(graphingPage.snapToGridCheckbox(), 'exist');
-            graphingPage.steps.verifySnapToCheckboxIsUnchecked();
+            graphingPage.steps.verifySnapToCheckboxIsChecked();
+            cy.log('Post step: Unchecking snap to  grid to check x and Y tolerance functionality')
+            graphingPage.steps.uncheckSnapToGridCheckbox();
         });
 
         it('\'X tolerance\' and \'Y tolerance\' label along with input field should be displayed and by default 0 should be displayed in the input field', () => {
@@ -359,10 +361,10 @@ describe('Graphing: Layout section - Edit tab and preview tab tool options', ()
         //Snap to grid
         it('When snap to grid is unchecked user should be able to plot decimal points on the graph in \'Specify correct answer\' section and background section graph', () => {
             graphingPage.steps.uncheckSnapToGridCheckbox();
-            graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2.5, xRange: 20, y: 1, yRange: 20 }]);
-            graphingPage.steps.verifyPointsPlottedOnEditTabGraph([{ x: 2.5, xRange: 20, y: 1, yRange: 20 }]);
-            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 3.5, xRange: 20, y: 1, yRange: 20 }]);
-            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 3.5, xRange: 20, y: 1, yRange: 20 }]);
+            graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2.5, xRange: 20, y: 2.5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnEditTabGraph([{ x: 2.5, xRange: 20, y: 2.5, yRange: 20 }]);
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 3.5, xRange: 20, y: 3.5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 3.5, xRange: 20, y: 3.5, yRange: 20 }]);
         });
 
         it('When the user checks snap to grid checkbox then the X and Y tolerance should become disabled and the user should not be able to plot decimal points', () => {