itemengine-cypress-automation 1.0.341-e2eFixes18March-66a79d0.0 → 1.0.341-graphAndCharts-0a4e8d7.0

package/cypress/e2e/ILC/BrowseItems/browseThinkSphereItemsMobileView.js

@@ -0,0 +1,368 @@
+import { browseItemsPage } from '../../../pages/components/browseItemsPage';
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+import { common } from '../../../pages/common';
+const tableHeader = ['ThinkSphere Item'];
+const sortDisable = ['not.have.class'];
+const sortOptions = ['Item', 'Last updated', 'Created on'];
+
+describe('Navigate to Think Sphere Browse Items page and view the page contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+        cy.deleteThinkSphereItem('~zzz item name');
+        cy.createThinkSphereItem('~zzz item name');
+        cy.visit('/item-engine/thinksphere/browse-items');
+        cy.interceptGraphql('getItems');
+    });
+
+    after(() => {
+        cy.deleteThinkSphereItem('~zzz item name');
+    });
+
+    describe('\'Browse ThinkSphere Items\' page desktop and mobile view icons section', () => {
+        abortEarlySetup();
+        it('Desktop icon should be present on the page and should be in selected state', () => {
+            browseItemsPage.steps.verifyDesktopIcon();
+        });
+
+        browseItemsPage.tests.verifyDesktopIconSelected(true);
+
+        it('CSS of \'Browse ThinkSphere Items\' desktop icon', { tags: 'css' }, () => {
+            utilities.verifyCSS(browseItemsPage.buttonDesktopViewToggle().find('svg'), {
+                'fill': css.color.optionColor,
+                'height': '20px',
+                'width': '20px'
+            });
+        });
+
+        it('Mobile icon should be present on the page and should be in selected state', () => {
+            browseItemsPage.steps.verifyMobileIcon();
+        });
+
+        browseItemsPage.tests.verifyMobileIconSelected(false);
+
+        it('CSS of \'Browse ThinkSphere Items\' mobile icon', { tags: 'css' }, () => {
+            utilities.verifyCSS(browseItemsPage.buttonMobileViewToggle().find('svg'), {
+                'fill': css.color.optionColor,
+                'height': '20px',
+                'width': '20px'
+            });
+        });
+
+        it('When user hover on the desktop and mobile icon tooltip should be visible', () => {
+            browseItemsPage.steps.triggerMouseOverOnViewModeIcon('desktop');
+            browseItemsPage.steps.verifyTooltipPresent();
+            browseItemsPage.steps.verifyTooltipText('Desktop View');
+            browseItemsPage.steps.triggerMouseOutOnViewModeIcon('desktop');
+            browseItemsPage.steps.triggerMouseOverOnViewModeIcon('mobile');
+            browseItemsPage.steps.verifyTooltipPresent();
+            browseItemsPage.steps.verifyTooltipText('Mobile View');
+            browseItemsPage.steps.triggerMouseOutOnViewModeIcon('mobile');
+        });
+
+        it('CSS of desktop and mobile view mode icon tooltip', { tags: 'css' }, () => {
+            browseItemsPage.steps.triggerMouseOverOnViewModeIcon('desktop');
+            utilities.verifyCSS(browseItemsPage.tooltipText(), {
+                'background-color': css.color.sectionHeading,
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            browseItemsPage.steps.triggerMouseOutOnViewModeIcon('desktop');
+
+            cy.log('CSS of desktop and mobile view mode icon in hover state');
+            browseItemsPage.steps.hoverOnViewModeButton('desktop');
+            utilities.verifyCSS(browseItemsPage.buttonDesktopViewToggle(), {
+                'background-color': css.color.tableRowHoverColor,
+            });
+            browseItemsPage.steps.hoverOnViewModeButton('mobile');
+            utilities.verifyCSS(browseItemsPage.buttonMobileViewToggle(), {
+                'background-color': css.color.tableRowHoverColor,
+            });
+        });
+
+        it('When user click on the mobile view icon then it should get selected and main wrapper width should change', () => {
+            browseItemsPage.steps.clickOnViewModeIcon('mobile');
+            browseItemsPage.steps.verifyMainWrapperWidth('320px');
+        });
+
+        browseItemsPage.tests.verifyMobileIconSelected(true);
+        browseItemsPage.tests.verifyDesktopIconSelected(false);
+    });
+
+    describe('\'Browse ThinkSphere Items\' list page wrapper section', () => {
+        abortEarlySetup();
+        it('If the user clicks on the \'Browse ThinkSphere Items\' option from the menu bar, user should be navigated to the Think Sphere Browse Items page', () => {
+            browseItemsPage.steps.clickOnBrowseThinkSphereItemsMenuBarOption();
+            browseItemsPage.steps.verifyPageUrl('/item-engine/thinksphere/browse-items');
+            browseItemsPage.steps.verifyBrowseThinkSphereItemsMenuBarOptionSelected();
+        });
+
+        it('\'Browse ThinkSphere Items\' Item list page wrapper section should present', () => {
+            browseItemsPage.steps.verifyBrowseItemsPageWrapperSection();
+        });
+
+        it('CSS of \'Browse ThinkSphere Items\' option', { tags: 'css' }, () => {
+            utilities.verifyCSS(browseItemsPage.browseThinksphereItemsMenuBarOption(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.medium
+            });
+            utilities.verifyCSS(browseItemsPage.browseItemPageWrapper(), {
+                'background-color': css.color.primaryBtn,
+                'border-radius': '4px',
+                'border': `1px solid ${css.color.borderColor}`,
+                'padding-bottom': '16px'
+            });
+        });
+    });
+
+    describe('\'Browse ThinkSphere Items\' page header section', () => {
+        abortEarlySetup();
+        it('\'Browse ThinkSphere Items\' page header section present', () => {
+            utilities.verifyElementVisibilityState(browseItemsPage.browseItemPageHeaderActionWrapper(), 'exist')
+            utilities.verifyInnerText(browseItemsPage.browseItemPageHeader(), 'Browse ThinkSphere items');
+            utilities.verifyInnerText(browseItemsPage.createItemButtonTypography(), 'Create item');
+        });
+
+        it('When user click on \'Browse ThinkSphere Items\' create item button, then it should navigate to think sphere create item page', () => {
+            browseItemsPage.steps.clickOnCreateItemButton();
+            browseItemsPage.steps.verifyPageUrl('/item-engine/thinksphere/create-item');
+            browseItemsPage.steps.clickWindowsBack();
+            cy.interceptGraphql('getItems');
+            cy.wait(2000);
+        });
+
+        it('CSS of \'Browse ThinkSphere Items\' page header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(browseItemsPage.browseItemPageHeaderActionWrapper(), {
+                'border-bottom': `1px solid ${css.color.secondaryBtnBorder}`,
+                'padding': '16px 0px'
+            });
+            utilities.verifyCSS(browseItemsPage.browseItemPageHeader(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(browseItemsPage.buttonCreateItem(), {
+                'background-color': css.color.primaryBtnBg,
+                'padding': '12px 16px'
+            });
+            utilities.verifyCSS(browseItemsPage.createItemButtonTypography(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+
+            cy.log('CSS of \'Browse ThinkSphere Items\' page header section create button in hover state');
+            browseItemsPage.steps.hoverOnCreateItemButton();
+            utilities.verifyCSS(browseItemsPage.buttonCreateItem(), {
+                'background-color': css.color.buttonHoverColor,
+                'box-shadow': `${css.color.secondaryBtn} 0px 3px 0px 0px`
+            });
+            utilities.verifyCSS(browseItemsPage.createItemButtonTypography(), {
+                'color': css.color.primaryBtn
+            });
+        });
+
+        it('Accessibility of create item button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(browseItemsPage.headerActionButtonWrapper());
+        });
+    });
+
+    describe('\'Browse ThinkSphere Items\' list table section columns headers', () => {
+        abortEarlySetup();
+        it('The column headers should be present in the listing table header', () => {
+            browseItemsPage.steps.verifyColumnHeadersInListingTable(tableHeader);
+        });
+
+        it('The column headers should have sort disable', () => {
+            browseItemsPage.steps.verifySortEnableDisableForTableColumnHeader(sortDisable);
+        });
+
+        it('When only one search result is present, then column sort should be disabled', () => {
+            browseItemsPage.steps.addTextInSearchBar('~zzz item name');
+            browseItemsPage.steps.clickOnSearchIcon();
+            browseItemsPage.steps.verifyPaginationCount('1 - 1 of');
+            browseItemsPage.steps.verifyMobileViewSortDropdownEnableDisableState(false);
+            browseItemsPage.steps.clearSearchBar();
+        });
+
+        it('CSS of \'Browse ThinkSphere Items\' list table section', { tags: 'css' }, () => {
+            tableHeader.forEach((_, count) => {
+                utilities.verifyCSS(browseItemsPage.tableColumnHeaderBrowseItemWrapperDiv(count), {
+                    'color': css.color.primaryBtnBorder,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.bold 
+                });
+                utilities.verifyCSS(browseItemsPage.tableColumnHeader(count).parent().parent(), {
+                    'background-color': css.color.optionsBg,
+                });
+            });
+        });
+    });
+
+    describe('\'Browse ThinkSphere Items\' list table rows section', () => {
+        abortEarlySetup();
+        browseItemsPage.tests.verifyItemListTableRows();
+        browseItemsPage.tests.verifyItemReferenceId('~zzz item name', true);
+        browseItemsPage.tests.verifyQuestionInstruction('question instruction text');
+    });
+
+    describe('\'Browse ThinkSphere Items\' sort dropdown section', () => {
+        abortEarlySetup();
+        it('Sort dropdown should be present on the page', () => {
+            browseItemsPage.steps.verifySortDropdown();
+            browseItemsPage.steps.verifySortDropdownLabel('Sort by: Last updated');
+            browseItemsPage.steps.verifySortDescendingIcon();
+        });
+
+        it('When user click on sort dropdown, then sort options should be display', () => {
+            browseItemsPage.steps.clickOnSortDropdown();
+            browseItemsPage.steps.verifySortDropdownOptions(sortOptions);
+        });
+
+        it('When user click on \'ngie-popover-container\', then it should close sort options menu', () => {
+            browseItemsPage.steps.clickOnNgiePopoverContainer();
+            utilities.verifyElementVisibilityState(browseItemsPage.mobileViewSortbyDropdownOptionsList(), 'notExist');
+        });
+
+        it('When user click on each sort dropdown option, then items should sort Ascending and in descending order', () => {
+            sortOptions.forEach((_, count) => {
+                browseItemsPage.steps.clickOnSortDropdown();
+                browseItemsPage.steps.clickOnSortOption(count);
+                browseItemsPage.steps.clickOnSortDropdown();
+                browseItemsPage.steps.sortDropdownOptionSelected(count);
+                browseItemsPage.steps.clickOnNgiePopoverContainer();
+            });
+            browseItemsPage.steps.clickOnSortDropdown();
+            browseItemsPage.steps.clickOnSortOption(1);
+            browseItemsPage.steps.clickOnMobileViewSortAscendingIcon();
+        });
+
+        it('CSS of \'Browse ThinkSphere Items\' sort dropdown section', { tags: 'css' }, () => {
+            utilities.verifyCSS(browseItemsPage.mobileViewSortByDropdown(), {
+                'border': `1px solid ${css.color.liTextSelectedBg}`,
+                'box-shadow': `${css.color.liTextSelectedBg} 0px 5px 0px 0px`,
+                'padding': '12px 16px'
+            });
+            utilities.verifyCSS(browseItemsPage.mobileViewSortByDropdownLabelWrapper(), {
+                'color': css.color.highlightedTableCell,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(browseItemsPage.mobileViewSortByDropdownLabel(), {
+                'color': css.color.highlightedTableCell,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+
+            cy.log('CSS of \'Browse ThinkSphere Items\' sort dropdown section in hover state');
+            browseItemsPage.steps.hoverOnSortDropdown();
+            utilities.verifyCSS(browseItemsPage.mobileViewSortByDropdown(), {
+                'border': `1px solid ${css.color.primaryBtnBg}`,
+                'box-shadow': `${css.color.primaryBtnBg} 0px 3px 0px 0px`
+            });
+        });
+    });
+
+    describe('\'Browse ThinkSphere Items\' search section', () => {
+        abortEarlySetup();
+        it('Search bar component should be present', () => {
+            browseItemsPage.steps.verifySearchBarComponent();
+            browseItemsPage.steps.verifySearchIcon();
+            browseItemsPage.steps.verifyCloseIcon();
+        });
+                
+        it('CSS of search bar component', { tags: 'css' }, () => {
+            utilities.verifyCSS(browseItemsPage.searchBar().parent(), {
+                'background-color': css.color.progressBarRemainingFill,
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`,
+                'border-radius': '50px',
+                'padding': '0px 8px'
+            });
+            utilities.verifyCSS(browseItemsPage.buttonSearchSVG(), {
+                'fill': css.color.primaryBtnBorder,
+                'height': '18px',
+                'width': '18px'
+            });
+        });
+
+        it('When user type title/tags/content in search component and search, then it should search', () => {
+            browseItemsPage.steps.addTextInSearchBar('~zzz');
+            browseItemsPage.steps.clickOnSearchIcon();
+            browseItemsPage.steps.verifyPaginationCount('1 - 1 of');
+        });
+        
+        it('User should be able to clear the searchbar',()=>{
+            browseItemsPage.steps.clearSearchBar();
+        });
+        
+        browseItemsPage.tests.verifyItemReferenceId('~zzz item name', true);
+
+        it('CSS of search bar in hover state', { tags: 'css' }, () => {
+            browseItemsPage.steps.hoverOnSearchBarComponent();
+            utilities.verifyCSS(browseItemsPage.searchBar().parent(), {
+                'background-color': css.color.primaryBtn,
+            });
+        });
+
+        // skip this because axeDevtools is showing zero errors still this case is showing one accessibility issue
+        it.skip('Accessibility of search bar component', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(browseItemsPage.itemListFilterWrapper());
+        });
+    });
+
+    describe('\'Browse ThinkSphere Items\' pagination section', () => {
+        abortEarlySetup();
+        it('Pagination section should be present', () => {
+            browseItemsPage.steps.verifyPaginationSection();
+            browseItemsPage.steps.verifyPaginationCount('1 - 20 of');
+            browseItemsPage.steps.verifyItemsOnPage(20);
+        });
+
+        it('CSS of \'Browse ThinkSphere Items\' pagination section', { tags: 'css' }, () => {
+            utilities.verifyCSS(utilities.getNthElement(browseItemsPage.paginationCountText(), 0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.getNthElement(browseItemsPage.paginationBlock(), 0)
+                .within(() => {
+                    utilities.verifyCSS(browseItemsPage.buttonNext(), {
+                        'box-shadow': `${css.color.secondaryBtnBorder} 0px 5px 0px 0px`,
+                        'border': `1px solid ${css.color.secondaryBtnBorder}`,
+                        'color': css.color.secondaryBtn,
+                        'padding': '7px'
+                    });
+                    utilities.verifyCSS(browseItemsPage.buttonPrevious(), {
+                        'opacity': '0.5',
+                        'border': `1px solid ${css.color.secondaryBtnBorder}`,
+                        'color': css.color.secondaryBtn,
+                        'padding': '7px'
+                    });
+                });
+        });
+
+        it('When user click on the next page button, then it should display the next page data', () => {
+            browseItemsPage.steps.clickOnNextPageButton();
+            browseItemsPage.steps.verifyPaginationCount('21 - 40 of');
+        });
+
+        it('When user click on the prev page button, then it should display the prev page data', () => {
+            browseItemsPage.steps.clickOnPreviousPageButton();
+            browseItemsPage.steps.verifyPaginationCount('1 - 20 of');
+        });
+
+        it('CSS of pagination section next button in hover state', { tags: 'css' }, () => {
+            browseItemsPage.steps.hoverOnNextPageButton();
+            utilities.getNthElement(browseItemsPage.paginationBlock(), 0)
+                .within(() => {
+                    utilities.verifyCSS(browseItemsPage.buttonNext(), {
+                        'border-color': css.color.primaryBtnBg,
+                        'box-shadow': `${css.color.primaryBtnBg} 0px 3px 0px 0px`
+                    });
+                });
+        });
+    });
+});

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js

@@ -20,8 +20,8 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
             before(() => {
                 chartsBarPage.steps.navigateToCreateQuestion('charts');
                 cy.barsPreLoaderWait();
-                chartsBarPage.steps.selectHorizontalDirectionRadioButton();
                 chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
+                chartsBarPage.steps.selectHorizontalDirectionRadioButton();
                 chartsBarPage.steps.selectAddBarOrPointToolbarOption();
                 chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
                 chartsBarPage.steps.setGraphTitle('Graph of profits');

package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightBasic.js

@@ -6,6 +6,7 @@ describe('Create item page - Charts - Bar: Partial different weights', () => {
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954 
     describe('Charts - Bar: Partial different weights scoring', () => {
         abortEarlySetup();
         before(() => {
@@ -27,8 +28,7 @@ describe('Create item page - Charts - Bar: Partial different weights', () => {
             chartsBarPage.steps.switchToPreviewTab();
         });
 
-        //Need to remove skip once https://redmine.zeuslearning.com/issues/577535 is resolved
-        it.skip('When the user selects \'Grading\' view without attempting the question, then user should be provided with 0 points, correct/incorrect icons should not be displayed for any bar, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+        it('When the user selects \'Grading\' view without attempting the question, then user should be provided with 0 points, correct/incorrect icons should not be displayed for any bar, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
             chartsBarPage.steps.switchToGradingView();
             chartsBarPage.steps.verifyPreviewScore(0, 20);
             chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(0);

package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js

@@ -6,6 +6,7 @@ describe('Create Item page - Charts - Bar: Partial different weights scoring wit
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954 
     describe('Question Preview: AutoScored - Partial different weights with alternative answer: When alternate answer points are more than correct answer points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsCorrectPointsEqualToAlternativePoints.js

@@ -6,6 +6,7 @@ describe('Create Item page - Charts - Bar: Partial different weights scoring wit
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954 
     describe('Question Preview: AutoScored - Partial different weights with alternative answer: When correct answer points are equal to alternative answer points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsCorrectPointsGreaterThanAlternativePoints.js

@@ -6,6 +6,7 @@ describe('Create Item page - Charts - Bar: Partial different weights scoring wit
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954 
     describe('Question Preview: AutoScored - Partial different weights with alternative answer: When correct answer points are more than alternative answer points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsMinimumAndPenaltyScoring.js

@@ -6,6 +6,7 @@ describe('Create Item page - List ordering: Preview tab scoring', () => {
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954 
     describe('Question preview: Auto scored - Partial different weights: Minimum scoring', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightBasic.js

@@ -6,6 +6,7 @@ describe('Create item page - Charts - Line: Partial different weights', () => {
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954
     describe('Charts - Line: Partial different weights scoring', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js

@@ -6,6 +6,7 @@ describe('Create Item page - Charts - Line : Partial different weights scoring w
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954
     describe('Question Preview: AutoScored - Partial different weights with alternative answer: When alternate answer points are more than correct answer points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsCorrectPointsEqualToAlternativePoints.js

@@ -6,6 +6,7 @@ describe('Create Item page - Charts - Line: Partial different weights scoring wi
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954
     describe('Question Preview: AutoScored - Partial different weights with alternative answer: When correct answer points are equal to alternative answer points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsCorrectPointsGreaterThanAlternativePoints.js

@@ -6,6 +6,7 @@ describe('Create Item page - Charts - Line: Partial different weights scoring wi
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954
     describe('Question Preview: AutoScored - Partial different weights with alternative answer: When correct answer points are more than alternative answer points', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsMinimumAndPenaltyScoring.js

@@ -6,6 +6,7 @@ describe('Create Item page - List ordering: Preview tab scoring', () => {
         cy.loginAs('admin');
     });
 
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5954
     describe('Question preview: Auto scored - Partial different weights: Minimum scoring', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/ChartsLine/editQuestion.smoke.js

@@ -33,9 +33,7 @@ describe('Edit item - Charts -Line', () => {
 
         it('User should be able to edit correct answer and save the question', () => {
             chartsLinePage.steps.editItem();
-            chartsLinePage.steps.lockPoint(2);
-            chartsLinePage.steps.unlockPoint(0);
-            chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({pointIndex: 0, value: 3, range: 10 });
+            chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({pointIndex: 0, value: 2, range: 10 });
             chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({pointIndex: 1, value: 6, range: 10 });
             chartsLinePage.steps.saveAQuestionAndVerifySnackbar();
         });

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerEditTabAddFeatureRadioButton.js

@@ -131,18 +131,17 @@ describe('Audio player: Edit tab', () => {
         });
 
         it('\'Source URL\' label and input field should not be displayed', () => {
-            utilities.verifyElementVisibilityState(multipleSelectionPage.sourceUrlLabel(), 'notExist');
             utilities.verifyElementVisibilityState(audioPlayerPage.sourceUrlInputField(), 'notExist');
         });
 
         it('\'Upload\' label should be displayed', () => {
             utilities.verifyInnerText(multipleSelectionPage.uploadLabel(), 'Upload');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadLabel(), 'exist');
         });
 
         it('\'File name\' label should be displayed', () => {
             utilities.verifyInnerText(multipleSelectionPage.fileNameLabel(), 'File name');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.fileNameLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fileNameLabel(), 'exist');
         });
 
         it('\'Choose File\' button should be displayed', () => {

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerEditTabAddTranscriptRadioButton .js

@@ -117,10 +117,8 @@ describe('Audio player: Edit tab', () => {
 
         it('When the user adds the transcript file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded', () => {
             multipleSelectionPage.steps.uploadTranscriptFile('sample.txt');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.uploadedTranscriptFileNameLabel(), 'sample.txt');
             utilities.verifyElementVisibilityState(multipleSelectionPage.uploadedTranscriptFileNameLabel(), 'visible');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'hidden');
         });
 
         it('CSS of progress bar and file name when file upload is in progress', { tags: 'css' }, () => {

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerEditTabStudentViewSettings.js

@@ -182,9 +182,9 @@ describe('Audio player: Edit tab', () => {
 
         it('\'Playback Limit\' label and empty input field should be displayed', () => {
             utilities.verifyInnerText(multipleSelectionPage.playbackLimitLabel(), 'Playback Limit');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitLabel(), 'exist');
             utilities.verifyInnerText(multipleSelectionPage.playbackLimitInputField(), '');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitInputField(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitInputField(), 'exist');
         });
 
         it('When the user focuses in and out of the \'Playback Limit\' input field, no error message should be displayed', () => {
@@ -228,7 +228,7 @@ describe('Audio player: Edit tab', () => {
 
         it('\'Allow students to download the audio\' label and checkbox should be displayed. By default the \'Allow students to download the audio\' checkbox should be unchecked.', () => {
             utilities.verifyInnerText(multipleSelectionPage.allowStudentsToDownloadAudioLabel(), 'Allow students to download the audio');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.allowStudentsToDownloadAudioLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.allowStudentsToDownloadAudioLabel(), 'exist');
             multipleSelectionPage.steps.verifyAllowStudentsToDownloadAudioCheckboxNotChecked();
         });
 

package/cypress/e2e/ILC/CkEditorEquationEditor/equationEditorBasicFile.js

@@ -44,8 +44,8 @@ describe('Equation Editor: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.equationEditorLabel(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.okButton(), 'OK');
             utilities.verifyElementVisibilityState(multipleSelectionPage.okButton(), 'visible');
-            utilities.verifyInnerText(multipleSelectionPage.cancelButton(), 'Cancel');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.cancelButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.editorCancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.editorCancelButton(), 'visible');
         });
 
         it('\'Select Mode\' label with \'Editor\', \'LaTex code\' and \'MathML\' radio button should be displayed. Also \'ARIA label\' label should be displayed with chevron down icon.', () => {
@@ -84,7 +84,7 @@ describe('Equation Editor: Edit tab', () => {
 
         it('When user writes any equation and clicks on cancel button it should not be visible on question instruction section', () => {
             multipleSelectionPage.steps.writeEquationUsingTools();
-            multipleSelectionPage.steps.clickOnCancelButton();
+            multipleSelectionPage.steps.closeEquationEditor();
             utilities.verifyElementVisibilityState(multipleSelectionPage.equationWrapper(), 'notExist');
         });
 
@@ -93,7 +93,7 @@ describe('Equation Editor: Edit tab', () => {
             multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
             multipleSelectionPage.steps.writeEquationUsingTools();
             multipleSelectionPage.steps.clickOnOkButton();
-            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), 'N∨tan⁡(N−P)');
         });
     });
 

package/cypress/e2e/ILC/CkEditorInsertImage/imageInfo.js

@@ -152,7 +152,7 @@ describe('Insert Image: Edit tab', () => {
         });
 
         it('The changes and the pic should also be visible in the \'Preview Tab\'', () => {
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.verifyCssOfImageInDifferentViews('300', '150', '5', '3', '10', 'Preview Tab');
         });