itemengine-cypress-automation 1.0.343 → 1.0.344-graph-and-chart-r2-8153722.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/Scoring/checkScoringLabelBannerAndCorrectAnswerSection.js

@@ -0,0 +1,33 @@
+import { chartsBarPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create Item page - Charts Bar', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 1, value: 5, range: 10 });
+            chartsBarPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            chartsBarPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyAnswerStatusBannerExist();
+            chartsBarPage.steps.verifyCorrectAnswerSectionExist();
+        });
+    });
+});

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/ChartsBar/editTabBasicSection.js

@@ -0,0 +1,37 @@
+import { chartsBarPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create item page - Charts Bar', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.saveAQuestionWithIncompleteAuthoring();
+            chartsBarPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            chartsBarPage.steps.verifyWarningIconOnRequiredFields([
+                'Please set points',
+            ]);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            chartsBarPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            chartsBarPage.steps.verifyWarningIconNotExist();
+        });
+    });
+});

package/cypress/e2e/ILC/ChartsBar/headerSection.js

@@ -1,8 +1,11 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { chartsBarPage, dialogBoxBase } from "../../../pages";
+import { chartsBarPage, dialogBoxBase, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
+var itemReferenceID = "";
+
 describe('Create item page - Charts - Bar: Header section and saving question', () => {
     before(() => {
         cy.loginAs('admin');
@@ -94,7 +97,22 @@ describe('Create item page - Charts - Bar: Header section and saving question',
             cy.barsPreLoaderWait();
         });
 
-        chartsBarPage.tests.verifyCreateItemWrapperContentsA11y();
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                chartsBarPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                chartsBarPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+                chartsBarPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                chartsBarPage.steps.allotPoints(10);
+                chartsBarPage.steps.verifyErrorMessageIsNotDisplayed();
+            });
+
+            chartsBarPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
 
         describe('Saving a question', () => {
             it('When user clicks on "Save question" button, then the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
@@ -103,5 +121,35 @@ describe('Create item page - Charts - Bar: Header section and saving question',
 
             chartsBarPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                chartsBarPage.steps.navigateToCreateQuestion('charts');
+                cy.barsPreLoaderWait();
+            });
+
+            it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
+                chartsBarPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            chartsBarPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.saveAQuestionWithIncompleteAuthoring();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            browseItemsPage.steps.navigateToBrowseItemsPage();
+        });
+
+        it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+            browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+        });
     });
 });

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/headerSection.js

@@ -95,11 +95,28 @@ describe('Create item page - Charts - Bar: Header section and saving question',
         before(() => {
             chartsLinePage.steps.navigateToCreateQuestion('charts');
             cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
         });
 
-        chartsLinePage.tests.verifyCreateItemWrapperContentsA11y();
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                chartsLinePage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                chartsLinePage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+                chartsLinePage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                chartsLinePage.steps.allotPoints(10);
+                chartsLinePage.steps.verifyErrorMessageIsNotDisplayed();
+            });
+
+            chartsLinePage.tests.verifyCreateItemWrapperContentsA11y();
+        });
 
         describe('Saving a question', () => {
+
             it('When user clicks on "Save question" button, then the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
                 chartsLinePage.steps.saveAQuestionAndVerifySnackbar();
             });