itemengine-cypress-automation 1.0.165-migrationScripts-e27d6f2.0 → 1.0.166

package/cypress/e2e/ILC/NumberLine/toolsAndControls.js

@@ -0,0 +1,372 @@
+import { dialogBoxBase, numberLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const unselectedToolOption = ['Left/down ray', 'Right/up ray', 'Left/down ray w/ hollow pt', 'Right/up ray w/ hollow pt'];
+const selectedToolOption = ['Point', 'Segment', 'Segment left/down hollow pt', 'Segment right/up hollow pt', 'Segment both hollow pts'];
+const controlOptions = ['Undo', 'Redo', 'Reset'];
+const toolOptions = [...selectedToolOption, ...unselectedToolOption];
+const range = 20;
+const css = Cypress.env('css');
+
+describe('Number line: Tools and controls - Edit tab and preview tab tool options', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Tools and controls - Edit tab content and functionality', () => {
+        const unselectedToolOption = ['Left/down ray', 'Right/up ray', 'Left/down ray w/hollow pt', 'Right/up ray w/hollow pt'];
+        const selectedToolOption = ['Point', 'Segment', 'Segment left/down hollow pt', 'Segment right/up hollow pt', 'Segment both hollow pts'];
+        const toolOptions = [...selectedToolOption, ...unselectedToolOption];
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Tools\' label should be displayed with 9 tools', () => {
+            utilities.verifyInnerText(numberLinePage.toolsLabel(), 'Tools');
+            utilities.verifyElementVisibilityState(numberLinePage.toolsLabel(), 'visible');
+            utilities.verifyElementCount(numberLinePage.toolOptions(), 9);
+        });
+
+        it(`The ${selectedToolOption} should be in selected state with tick icons and all the options should be in unselected state`, () => {
+            selectedToolOption.forEach((toolOption, index) => {
+                utilities.verifyElementVisibilityState(numberLinePage.toolOptions(`${toolOption} selected`), 'visible');
+                utilities.verifyInnerText(utilities.getNthElement(numberLinePage.toolOptionsLabel(), index), toolOption);
+                utilities.verifyElementVisibilityState(utilities.getNthElement(numberLinePage.toolOptionsTickIcon(), index), 'visible');
+            });
+            unselectedToolOption.forEach((toolOption, index) => {
+                utilities.verifyElementVisibilityState(numberLinePage.toolOptions(`${toolOption} not-selected`), 'visible');
+                utilities.verifyInnerText(utilities.getNthElement(numberLinePage.toolOptionsLabel(), index + 5), toolOption);
+                utilities.verifyElementVisibilityState(utilities.getNthElement(numberLinePage.toolOptionsTickIcon(), index + 5), 'hidden');
+            });
+        });
+
+        it('\'Controls\' label should be displayed with 2 control options', () => {
+            utilities.verifyInnerText(numberLinePage.controlsLabel(), 'Controls');
+            utilities.verifyElementVisibilityState(numberLinePage.controlsLabel(), 'visible');
+        });
+
+        it('All the control options should be displayed in selected state', () => {
+            let controlOptions = ['Undo/Redo', 'Reset'];
+            controlOptions.forEach((controlOption, index) => {
+                utilities.verifyElementVisibilityState(numberLinePage.controlOptions(`${controlOption} selected`), 'visible');
+                utilities.verifyInnerText(utilities.getNthElement(numberLinePage.controlsOptionsLabel(), index), controlOption);
+                utilities.verifyElementVisibilityState(utilities.getNthElement(numberLinePage.controlsTickIcon(), index), 'visible');
+            });
+        });
+
+        numberLinePage.tests.verifyDefaultToolDropdown(toolOptions);
+
+        it(`The ${selectedToolOption} options should be displayed in the \'Specify correct answer\' section`, () => {
+            selectedToolOption.forEach((toolOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionSpecifyCorrectAnswer(`${toolOption}`), 'visible');
+            });
+            utilities.verifyElementCount(numberLinePage.numberLineToolOptionSpecifyCorrectAnswer(), 5);
+        });
+
+        it('By default, the \'Point\' option should be in selected state in the  \'Specify correct answer\' section', () => {
+            numberLinePage.steps.verifyToolOptionSelectedSpecifyCorrectAnswerSection(toolOptions[0]);
+            numberLinePage.steps.verifyToolOptionNotSelectedSpecifyCorrectAnswerSection(toolOptions.slice(1, 5));
+        });
+
+        it('When the user de-selects an selected option it should be removed from the \'Specify correct answer\' section', () => {
+            numberLinePage.steps.deselectToolOptions(['Point']);
+            selectedToolOption.slice(1, selectedToolOption.length).forEach((toolOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionSpecifyCorrectAnswer(`${toolOption}`), 'visible');
+            });
+        });
+
+        it('When user selects any of the default unselected options it should be added to the \'Specify correct answer\' section', () => {
+            numberLinePage.steps.selectToolOptions(['Left/down ray']);
+            toolOptions.slice(1, 6).forEach((toolOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionSpecifyCorrectAnswer(`${toolOption}`), 'visible');
+            });
+            numberLinePage.steps.selectToolOptions(['Point']);
+        });
+
+        //Controls
+        it('All the controls should be displayed in the \'Specify correct answer\' section', () => {
+            controlOptions.forEach((controlOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer(controlOption), 'visible');
+            });
+        });
+
+        it('When the user de-selects any control it should be removed from the \'Specify correct answer\' section ', () => {
+            numberLinePage.steps.deselectControl('Undo/Redo');
+            controlOptions.slice(0, 1).forEach((controlOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer(controlOption), 'notExist');
+            });
+            utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer(controlOptions[2]), 'visible');
+        });
+
+        it('When the user selects a un-selected option it should be displayed again in the \'Specify correct answer\' section', () => {
+            numberLinePage.steps.selectControl('Undo/Redo');
+            controlOptions.forEach((controlOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer(controlOption), 'visible');
+            });
+        });
+
+        //Default tool
+        it('When the user selects another tool as the default tool it should be displayed as selected and the \'Point\' tool should be displayed unselected in the \'Specify correct answer\' section', () => {
+            numberLinePage.steps.expandDefaultToolDropdown();
+            numberLinePage.steps.selectOptionFromDefaultToolDropdown('Segment');
+            numberLinePage.steps.verifyToolOptionSelectedSpecifyCorrectAnswerSection('Segment');
+            numberLinePage.steps.verifyToolOptionNotSelectedSpecifyCorrectAnswerSection(['Point']);
+        });
+
+        it('CSS of tools and controls', { tags: 'css' }, () => {
+            utilities.verifyCSS(numberLinePage.toolOptions('Right/up ray').find('svg circle'), {
+                'fill': css.color.secondaryBtn
+            });
+            utilities.verifyCSS(numberLinePage.toolOptions('Right/up ray'), {
+                'background-color': css.color.secondaryBtnBg
+            });
+            utilities.verifyCSS(numberLinePage.toolOptions('Segment').find('svg path'), {
+                'fill': css.color.primaryBtn
+            });
+            utilities.verifyCSS(numberLinePage.toolOptions('Segment'), {
+                'background-color': css.color.activeButtons
+            });
+            utilities.verifyCSS(numberLinePage.toolOptionsTickIcon().eq(1).find('[data-name="Icon feather-check"]'), {
+                'color': css.color.activeButtons,
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of tools and controls', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(numberLinePage.toolOptions().parents('[class*="CustomizedOptionWrapper"]'));
+        });
+    });
+
+    describe('Tools and controls - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        it(`The ${selectedToolOption} options should be displayed in the preview tab`, () => {
+            numberLinePage.steps.switchToPreviewTab();
+            selectedToolOption.forEach((toolOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(`${toolOption}`), 'visible');
+            });
+            utilities.verifyElementCount(numberLinePage.numberLineToolOptionPreviewTab(), 5);
+        });
+
+        it('By default, the \'Point\' option should be in selected state in the preview tab tool options', () => {
+            numberLinePage.steps.verifyToolOptionSelectedPreviewTab(selectedToolOption[0]);
+            numberLinePage.steps.verifyToolOptionNotSelectedPreviewTab(selectedToolOption.slice(1, selectedToolOption.length));
+            utilities.verifyElementCount(numberLinePage.numberLineToolOptionPreviewTab(), 5)
+        });
+
+        it('When the user de-selects an selected option it should be removed from the preview tab tool options', () => {
+            numberLinePage.steps.switchToEditTab();
+            numberLinePage.steps.deselectToolOptions(['Point']);
+            numberLinePage.steps.switchToPreviewTab();
+            selectedToolOption.slice(1, selectedToolOption.length).forEach((toolOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(`${toolOption}`), 'visible');
+            });
+        });
+
+        it('When user selects any of the default unselected options it should be added to the preview tab tool options', () => {
+            numberLinePage.steps.switchToEditTab();
+            numberLinePage.steps.selectToolOptions(['Left/down ray']);
+            numberLinePage.steps.switchToPreviewTab();
+            toolOptions.slice(1, 5).forEach((toolOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(`${toolOption}`), 'visible');
+            });
+        });
+
+        //Controls
+        it('All the controls should be displayed in the preview tab tool options', () => {
+            controlOptions.forEach((controlOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(controlOption), 'visible');
+            });
+        });
+
+        it('When the user de-selects any control it should be removed from the preview tab tool options', () => {
+            numberLinePage.steps.switchToEditTab();
+            numberLinePage.steps.deselectControl('Undo/Redo');
+            numberLinePage.steps.switchToPreviewTab();
+            controlOptions.slice(0, 1).forEach((controlOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(controlOption), 'notExist');
+            });
+            utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(controlOptions[2]), 'visible');
+        });
+
+        it('When the user selects a un-selected option it should be displayed again in the preview tab tool options', () => {
+            numberLinePage.steps.switchToEditTab();
+            numberLinePage.steps.selectControl('Undo/Redo');
+            numberLinePage.steps.switchToPreviewTab();
+            controlOptions.forEach((controlOption) => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(controlOption), 'visible');
+            });
+        });
+
+        //Default tool
+        it('When the user selects another tool as the default tool it should be displayed as selected and the \'Point\' tool should be displayed unselected in the preview tab tool options', () => {
+            numberLinePage.steps.switchToEditTab();
+            numberLinePage.steps.selectToolOptions(['Point']);
+            numberLinePage.steps.expandDefaultToolDropdown();
+            numberLinePage.steps.selectOptionFromDefaultToolDropdown('Left/down ray');
+            numberLinePage.steps.switchToPreviewTab();
+            numberLinePage.steps.verifyToolOptionSelectedPreviewTab('Left/down ray');
+            numberLinePage.steps.verifyToolOptionNotSelectedPreviewTab(['Point']);
+        });
+    });
+
+    describe('Undo/Redo and Reset functionality specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        it('By default, the \'Undo\', \'Redo\' and \'Reset\' buttons should be displayed in disabled state', () => {
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Reset'));
+        });
+
+        it('When the user plots points on the number line then the \'Undo\' and \'Reset\' buttons should be displayed in enabled state whereas, \'Redo\' button should be displayed in disabled state', () => {
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Reset'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+        });
+
+        it('When the user selects \'Undo\' button then the latest action should be reversed and the \'Redo\' button should become enabled', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Undo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineNotExistSpecifyCorrectAnswer([{ x: 3, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+        });
+
+        it('When the user clicks on the \'Redo\' button the latest action should be reinstated and the the \'Redo\' button should be disabled again', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Redo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+        });
+
+        it('When the user reaches the initial state by performing \'Undo\' actions then the \'Redo\' button should be in enabled state and \'Undo\' button should be in disabled state', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Undo');
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Undo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineNotExistSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+        });
+
+        it('When the user reaches the latest state by performing \'Redo\' actions then the \'Undo\' button should be in enabled state and \'Redo\' button should be in disabled state', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Redo');
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Redo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+        });
+
+        it('User should be able to select \'Reset\' control', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Reset');
+        });
+
+        numberLinePage.tests.verifyResetPopupContentWithCSSAndA11y();
+
+        it('When the user clicks on the \'Cancel\' button then the plotted number line should not be \'Reset\'', () => {
+            numberLinePage.steps.cancelReset();
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+        });
+
+        it('When the user clicks on \'Confirm \'Reset\'\' then the plotted number line should be \'Reset\'', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Reset');
+            numberLinePage.steps.confirmReset();
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineNotExistSpecifyCorrectAnswer([{ x: 2, xRange: range }, { x: 3, xRange: range }]);
+        });
+
+        it('When the user \'Reset\'s the number line then the \'Undo\', \'Redo\' and \'Reset\' buttons should be in disabled state', () => {
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Redo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionSpecifyCorrectAnswer('Reset'));
+        });
+    });
+
+    describe('Undo/Redo and Reset functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.switchToPreviewTab();
+        });
+
+        it('By default, the \'Undo\', \'Redo\' and \'Reset\' buttons should be displayed in disabled state', () => {
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Reset'));
+        });
+
+        it('When the user plots points on the number line then the \'Undo\' button should be displayed in enabled state whereas, \'Redo\' and \'Reset\' buttons should be displayed in disabled state', () => {
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Reset'));
+        });
+
+        it('When the user selects \'Undo\' button then the latest action should be reversed and the \'Redo\' button should become enabled', () => {
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Undo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 1, xRange: range }]);
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+        });
+
+        it('When the user clicks on the \'Redo\' button the latest action should be reinstated and the the \'Redo\' button should be disabled again', () => {
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Redo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+        });
+
+        it('When the user reaches the initial state by performing \'Undo\' actions then the \'Redo\' button should be in enabled state and \'Undo\' button should be in disabled state', () => {
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Undo');
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Undo');
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+        });
+
+        it('When the user reaches the latest state by performing \'Redo\' actions then the \'Undo\' button should be in enabled state and \'Redo\' button should be in disabled state', () => {
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Redo');
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Redo');
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            utilities.verifyElementNotDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+        });
+
+        it('User should be able to select \'Reset\' control', () => {
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Reset');
+        });
+
+        numberLinePage.tests.verifyResetPopupContentWithCSSAndA11y();
+
+        it('When the user clicks on the \'Cancel\' button then the plotted points on number line should not \'Reset\' and the dialog box should not be displayed', () => {
+            numberLinePage.steps.cancelReset();
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+        });
+
+        it('When the user clicks on \'Confirm reset\'\' then the plotted number line should be \'Reset\'', () => {
+            numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Reset');
+            numberLinePage.steps.confirmReset();
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 1, xRange: range }, { x: 2, xRange: range }]);
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+        });
+
+        it('When the user \'Reset\'s the number line then the \'Undo\' and \'Redo\' buttons should be in disabled state', () => {
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
+            utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
+        });
+    });
+});