itemengine-cypress-automation 1.0.129 → 1.0.131-smokeTestFixes6March-aa053ff.0

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

@@ -0,0 +1,249 @@
+import { specialCharacters } from "../../../fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters";
+import { dialogBoxBase, fillInTheGapsTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const specialCharactersCategories = Object.values(specialCharacters.map((icon) => icon.categoryName));
+const customSpecialCharacters = ['A', '1', '#'];
+
+describe('Create item page - Fill in the gaps with text - Special characters section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Special characters section - edit tab', () => {
+        const newSelectedCategoryList = specialCharacters.slice(1);
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsTextPage.tests.verifyEnableSpecialCharactersCheckboxDefaultState();
+
+        it('The user should be able to check the enable special characters checkbox', () => {
+            fillInTheGapsTextPage.steps.checkEnableSpecialCharactersCheckbox();
+        })
+
+        fillInTheGapsTextPage.tests.verifyCustomSpecialCharactersEditTabContent();
+
+        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,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            //checked state of enable special characters checkbox
+            utilities.verifyCSS(fillInTheGapsTextPage.enableSpecialCharactersCheckbox().find('rect').eq(1), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.groupByLanguageLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            //selected state of radio button
+            utilities.verifyCSS(fillInTheGapsTextPage.showOnlyCustomSpecialCharactersRadioButton().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.customSpecialCharactersLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.customSpecialCharactersInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.customSpecialCharactersInputField().find('fieldset'), {
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.customizeSpecialCharactersPreviewButton(), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            cy.log('Selecting group by language radio button');
+            fillInTheGapsTextPage.steps.selectGroupByLanguageRadioButton();
+            utilities.verifyCSS(fillInTheGapsTextPage.selectSpecialCharacterLanguagesLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            //Category tiles in selected state
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileIcon().eq(1).find('svg'), {
+                'fill': css.color.defaultBackground
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.TickIcon().last().find('path[data-name*="Rectangle"]'), {
+                'fill': css.color.defaultBackground
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.TickIcon().last().find('path[data-name*="feather-check"]'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileSectionCategoriesDragIcon().eq(1).find('path'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileSectionCategoriesDragIcon().eq(1).parent(), {
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileCategoryName().eq(1), {
+                'color': css.color.whiteText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTiles().eq(1), {
+                'background-color': css.color.primaryBtnBg
+            });
+            //Category tiles in de-selected state
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileIcon().eq(0).find('svg'), {
+                'fill': css.color.secondaryBtn
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileSectionCategoriesDragIcon().eq(0).parent(), {
+                'fill': css.color.secondaryBtn
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileSectionCategoriesDragIcon().eq(0).parent(), {
+                'fill': css.color.defaultBackground
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTileCategoryName().eq(0), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharacterTiles().eq(0), {
+                'background-color': css.color.defaultBackground
+            });
+            cy.log('Opening preview popup and expanding one category accordion');
+            fillInTheGapsTextPage.steps.clickOnCustomizeSpecialCharactersPreviewButton();
+            fillInTheGapsTextPage.steps.clickOnSpecialCharactersPreviewPopupCategoryAccordionExpandIcon(0);
+            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPreviewPopupCategoryLabel().eq(0), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPreviewPopupCategoryAccordionExpandIcon().last().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPreviewPopupSymbol().eq(0).find('svg'), {
+                'fill': css.color.defaultBackground
+            });
+        });
+
+        it('Accessibility of Customize special characters', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+            cy.log('Closing preview popup');
+            dialogBoxBase.steps.closeWarningPopup();
+            cy.checkAccessibility(fillInTheGapsTextPage.specialCharactersLabel().parent());
+            cy.log('Selecting show only custom special characters radio button');
+            fillInTheGapsTextPage.steps.selectShowOnlyCustomSpecialCharactersRadioButton();
+            cy.checkAccessibility(fillInTheGapsTextPage.specialCharactersLabel().parent());
+        });
+    });
+
+    describe('Special characters section - preview tab', () => {
+        const newSelectedCategoryList = specialCharacters.slice(1);
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When \'Enable special characters\' checkbox is unchecked and user focuses on the preview tab response field, then \'Special characters\' button should not be displayed', () => {
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.specialCharactersButtonPreviewTab(), 'notExist');
+        });
+
+        it('When \'Enable special characters\' checkbox is checked and user focuses on the preview tab response field, then \'Special characters\' button should be displayed', () => {
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.checkEnableSpecialCharactersCheckbox();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.specialCharactersButtonPreviewTab(), 'visible');
+            utilities.verifyInnerText(fillInTheGapsTextPage.specialCharactersButtonPreviewTab(), 'é');
+            utilities.verifyElementCount(fillInTheGapsTextPage.specialCharactersButtonPreviewTab(), '1');
+        });
+
+        it('When user clicks on response area special characters button, then special characters popup should be displayed with its default contents and all category accordions should be in collapsed state', () => {
+            fillInTheGapsTextPage.steps.openSpecialCharactersPopupPreviewTab();
+            //Add this verification once https://redmine.zeuslearning.com/issues/555008 is resolved
+            //fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersPopupCategorySymbols(specialCharacters);
+        });
+
+        it('When user clicks on the \'Close\' button then the \'Special characters\' popup should be closed', () => {
+            fillInTheGapsTextPage.steps.closeSpecialCharactersPopupPreviewTab();
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.specialCharactersPopupTitlePreviewTab(), 'notExist');
+        });
+
+        it('When the user has deselected any language option and opens the special characters popup in the preview tab, then the popup contents should get updated accordingly', () => {
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.clickOnSpecialCharactersCategoryTile(specialCharacters[0].categoryName);
+            fillInTheGapsTextPage.steps.verifySpecialCharacterCategoryTileIsNotSelected(specialCharacters[0].categoryName);
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+            fillInTheGapsTextPage.steps.openSpecialCharactersPopupPreviewTab();
+            //Add this verification once https://redmine.zeuslearning.com/issues/555008 is resolved
+            //fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersPopupCategorySymbols(specialCharacters);
+        });
+
+        it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup', () => {
+            fillInTheGapsTextPage.steps.closeSpecialCharactersPopupPreviewTab();
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.selectShowOnlyCustomSpecialCharactersRadioButton();
+            fillInTheGapsTextPage.steps.addInputToCustomSpecialCharactersInputField(`${customSpecialCharacters.join('')}`);
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+            fillInTheGapsTextPage.steps.openSpecialCharactersPopupPreviewTab();
+            //Add this verification once https://redmine.zeuslearning.com/issues/555008 is resolved
+            //fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersPopupCategorySymbols(specialCharacters);
+        });
+
+        it('When user clicks on a special character symbol in special characters popup in the preview tab, then the that symbol should be displayed in the response area input field', () => {
+            fillInTheGapsTextPage.steps.clickOnCustomSpecialCharacterSymbolInSpecialCharactersPopupPreviewTab(customSpecialCharacters[0]);
+            fillInTheGapsTextPage.steps.closeSpecialCharactersPopupPreviewTab();
+            fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: `${customSpecialCharacters[0]}` }])
+        });
+
+        it('CSS of \'Special characters\' popup', { tags: 'css' }, () => {
+            cy.log('Pre-step: Switching to edit tab and selecting group by language radio button');
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.selectGroupByLanguageRadioButton();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+            fillInTheGapsTextPage.steps.openSpecialCharactersPopupPreviewTab();
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPopupTitlePreviewTab(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.bold,
+            });
+
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPopupCategoryAccordionLabelPreviewTab().last(), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold,
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPopupCategoryAccordionChevronButtonPreviewTab().last().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsTextPage.specialCharactersPopupSymbolPreviewTab().last().find('path'), {
+                'fill': css.color.activeButtons
+            });
+        });
+    });
+});

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

@@ -0,0 +1,64 @@
+import { fillInTheGapsTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Fill in the gaps with text: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    //https://redmine.zeuslearning.com/issues/562785
+    describe('Specify correct answer section - Header and \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsTextPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('fill in the gaps with text');
+
+        fillInTheGapsTextPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsTextPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('fill in the gaps text');
+
+        it('When user has added points and given input in response accordion answer input field in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }, { responseIndex: 1, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.allotPoints(10);
+            fillInTheGapsTextPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('When user has added an alternative answer accordion, then the newly added alternative answer accordion should be in expanded state and the correct answer accordion should be in collapsed state', () => {
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerAccordionIsCollapsed();
+            fillInTheGapsTextPage.steps.verifyAlternateAnswerAccordionIsExpanded(1);
+        });
+
+        fillInTheGapsTextPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            fillInTheGapsTextPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        fillInTheGapsTextPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the name of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }, { responseIndex: 1, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.allotPoints(5);
+            fillInTheGapsTextPage.steps.deleteAlternativeAnswerAccordion(1);
+            fillInTheGapsTextPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            fillInTheGapsTextPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+        });
+
+        it('When correct answers and points are set in alternative answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternative answer accordion should be collapsed', () => {
+            fillInTheGapsTextPage.steps.expandCorrectAnswerAccordion();
+            fillInTheGapsTextPage.steps.verifyAlternateAnswerAccordionIsCollapsed(1);
+        });
+    });
+});

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

@@ -0,0 +1,128 @@
+import { fillInTheGapsTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Fill in the gaps with text: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Student view settings : Spell check - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drawing response question type');
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsTextPage.tests.verifySpellCheckEditTabContents();
+    });
+
+    describe('Student view settings : Spell check - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drawing response question type');
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsTextPage.tests.verifySpellCheckFunctionalityPreviewTab();
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsTextPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
+
+        fillInTheGapsTextPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
+
+        fillInTheGapsTextPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
+
+        fillInTheGapsTextPage.tests.verifyAllowStudentsToCheckAnswerContentsCSSAndA11y();
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+            fillInTheGapsTextPage.steps.addResponseArea();
+            fillInTheGapsTextPage.steps.allotPoints(10);
+            fillInTheGapsTextPage.steps.selectAcceptedStudentInputType(1, 'Number');
+            fillInTheGapsTextPage.steps.selectAcceptedStudentInputType(2, 'Integer');
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+        });
+
+        it('When the user has added options and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(fillInTheGapsTextPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user enters answer in the response area and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            fillInTheGapsTextPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        it('When the user reaches maximum check answer attempts, then the \'Check Answer\' button should become disabled', () => {
+            utilities.verifyElementDisabled(fillInTheGapsTextPage.checkAnswerButton());
+        });
+
+        it('CSS of disabled \'Check Answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsTextPage.checkAnswerButton(), {
+                'color': css.color.primaryBtnDisabled,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of disabled Check Answer button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsTextPage.checkAnswerButton().parents('.check-answer-and-status-wrapper'));
+        });
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            fillInTheGapsTextPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            fillInTheGapsTextPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: '20.00' }]);
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});