itemengine-cypress-automation 1.0.355 → 1.0.356-capture-image-8b4830c.0

package/cypress/e2e/ILC/TextSelection/textSelectionModesInSpecifyPossibleOptionsSection.js

@@ -71,7 +71,7 @@ describe('Create Item page - Text selection: Text selection modes in specify pos
             textSelectionPage.steps.verifyOptionCounterTextAndValue(1);
         });
 
-        it('When user clears all selected options with the \'Clear\' button, then all the selected options should be deselected and the specify possible options field should be in errored state with the error message \'Error: Minimum one highlight option is required.\'', () => {
+        it('When user clears all selected options with the \'Clear\' button, then all the selected options should be deselected and the specify possible options field should not be in errored state with the error message', () => {
             cy.log('Pre-step: Selecting multiple texts to create options');
             textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[0]);
             textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[1]);
@@ -211,19 +211,16 @@ describe('Create Item page - Text selection: Text selection modes in specify pos
             textSelectionPage.steps.verifyOptionIsNotSelectedInSpecifyPossibleOptionsSection(paragraphTextArray[2]);
         });
 
-        it('When user clicks on \'Confirm\' button of the Clear popup, then the popup should be closed and all the selected options should be deselected and the specify possible options field should be in errored state with the error message \'Error: Minimum one highlight option is required.\'', () => {
+        it('When user clicks on \'Confirm\' button of the Clear popup, then the popup should be closed and all the selected options should be deselected and the specify possible options field should not be in errored state with the error message', () => {
             cy.log('Pre-step: Again clicking on Clear button to open Clear popup');
             textSelectionPage.steps.clickOnClearOptionsButtonInSpecifyPossibleOptionSection();
             textSelectionPage.steps.clickOnAcceptButtonInDialogBox();
             for (let arrayIndex = 0; arrayIndex < paragraphTextArray.length; arrayIndex++) {
                 textSelectionPage.steps.verifyOptionIsNotSelectedInSpecifyPossibleOptionsSection(paragraphTextArray[arrayIndex]);
             }
-            utilities.verifyInnerText(textSelectionPage.errorMessage(), 'Error: Minimum one highlight option is required.');
-            textSelectionPage.steps.verifyErroredStateOfSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        textSelectionPage.tests.verifyErrorMessageCSSAndA11y();
-
         it('When user click on a deselected option, the option should be selected and the error message should disappear and option counter should display 1 count', () => {
             textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Paragraph', paragraphTextArray[0]);
             utilities.verifyElementVisibilityState(textSelectionPage.errorMessage(), 'notExist');
@@ -286,8 +283,7 @@ describe('Create Item page - Text selection: Text selection modes in specify pos
         it('When user clears all selected options with the \'Clear\' button, then all the selected options should be deselected and the specify possible options field should be in errored state with the error message \'Error: Minimum one highlight option is required.\'', () => {
             textSelectionPage.steps.clearSelectedOptionsInSpecifyPossibleOptionSection();
             utilities.verifyElementVisibilityState(textSelectionPage.selectedOptionSpecifyPossibleOptions(), 'notExist');
-            utilities.verifyInnerText(textSelectionPage.errorMessage(), 'Error: Minimum one highlight option is required.');
-            textSelectionPage.steps.verifyErroredStateOfSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         textSelectionPage.tests.verifyErrorMessageCSSAndA11y();
@@ -355,18 +351,17 @@ describe('Create Item page - Text selection: Text selection modes in specify pos
             textSelectionPage.steps.verifyHoverStateOfDeselectedOptionInSpecifyPossibleOptionsSection(wordTextArray[2], 'blue');
         });
 
-        it('When user clears all selected options with the \'Clear\' button, then all the selected options should be deselected and the specify possible options field should be in errored state with the error message \'Error: Minimum one highlight option is required.\'', () => {
+        it('When user clears all selected options with the \'Clear\' button, then all the selected options should be deselected and the specify possible options field should not be in errored state with the error message', () => {
             textSelectionPage.steps.clearSelectedOptionsInSpecifyPossibleOptionSection();
             for (let arrayIndex = 0; arrayIndex < sentenceTextArray.length; arrayIndex++) {
                 textSelectionPage.steps.verifyOptionIsNotSelectedInSpecifyPossibleOptionsSection(wordTextArray[arrayIndex]);
             }
-            utilities.verifyInnerText(textSelectionPage.errorMessage(), 'Error: Minimum one highlight option is required.');
-            textSelectionPage.steps.verifyErroredStateOfSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         textSelectionPage.tests.verifyErrorMessageCSSAndA11y();
 
-        it('When user click on a deselected option, the option should be selected and the error message should disappear and option counter should display 1 count', () => {
+        it('When user click on a deselected option, the option should be selected and the error message should not be displayed and option counter should display 1 count', () => {
             textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Word', wordTextArray[0]);
             utilities.verifyElementVisibilityState(textSelectionPage.errorMessage(), 'notExist');
             textSelectionPage.steps.verifyOptionCounterTextAndValue(1);

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

@@ -42,7 +42,7 @@ describe('ThinkSphere: Additional Settings accordion', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.fontSizeDropdown(), 'visible');
         });
 
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+        fontSizeDropdownOptions.forEach((option, _) => {
             it(`When the user selects '${option}' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
                 thinkSpherePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
                 utilities.verifyInnerText(thinkSpherePage.fontSizeDropdown(), `${option}`);

package/cypress/e2e/ILC/ThinkSphere/createReviewItem.js

@@ -6,9 +6,21 @@ const allowedQuestions = [
     'multiple selection',
     'single selection',
     'fill in the gaps with text',
-    'Drawing Response',
+    'fill in the gaps with drag and drop',
+    'drag and drop into categories',
+    'matching',
     'short text response',
-    'Text Entry Math'
+    'Text Entry Math',
+]
+
+const dropDownArray = [
+    'All question types',
+    'Multiple choice selection',
+    'Fill in the gaps',
+    'Drag and drop',
+    'List',
+    'Constructed response',
+    'Math response',
 ]
 describe("Create Review Item", () => {
     abortEarlySetup();
@@ -17,7 +29,7 @@ describe("Create Review Item", () => {
         cy.deleteThinkSphereItem('~zzz item name');
         cy.createThinkSphereItem('~zzz item name');
         thinkSpherePage.steps.navigateToReviewItemsPage();
-    })
+    });
 
     after(() => {
         cy.deleteThinkSphereItem('~zzz item name');
@@ -40,9 +52,51 @@ describe("Create Review Item", () => {
         utilities.verifyElementVisibilityState(thinkSpherePage.browseItemPageHeader(), 'visible');
     });
 
+    it('When user clicks on create question, search bar should appear with placeholder, \'Search by question and tool tip \'Search\'', () => {
+        thinkSpherePage.steps.clickOnCreateItemButton();
+        thinkSpherePage.steps.verifySearchBarComponent();
+        thinkSpherePage.steps.verifySearchIcon();
+        thinkSpherePage.steps.verifyCloseIcon();
+        thinkSpherePage.steps.verifyReviewItemSearchBarPlaceholder();
+        thinkSpherePage.steps.hoverOnSearchBarComponent();
+        thinkSpherePage.searchBarParent().verifyTooltip('Search');
+    });
+
+    it('The author should be able to type in letters numbers, special character, alpha numeric characters in the search input field.', () => {
+        const testInputs = [
+            'abc',               // letters
+            '123',               // numbers
+            '!@#$%^&*()',        // special characters
+            'abc123XYZ',         // alphanumeric
+            'test@123.com'       // mixed
+            ];
+        
+            testInputs.forEach((input) => {
+             thinkSpherePage.steps.typeInSearchBar(input);
+            });
+    });
+
+    it('When the author types the question type in search bar, only that particular question card should be present', () => {
+        thinkSpherePage.steps.searchInSearchBar('single selection');
+        thinkSpherePage.steps.verifyLength(thinkSpherePage.cardWrapper(), 1);
+        utilities.verifyInnerText(thinkSpherePage.cardLabel(), 'Single selection');
+    });
+
+    it('Create review item page should have a categories dropdown with default value as \'All question types\'', () => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.categoriesDropDown(), 'visible');
+        utilities.verifyInnerText(thinkSpherePage.categoriesDropDownLabelText(), 'All question types');
+    });
+
+    it(`The category dropdown should contain the following dropdown options and when any question type is clicked the cards should have those question types only `, () => {
+        thinkSpherePage.steps.expandDropdown();
+        thinkSpherePage.steps.verifyDropdownOptions(dropDownArray);
+        thinkSpherePage.steps.clickOnDropDownCategory(3);
+        utilities.verifyInnerText(thinkSpherePage.cardLabel(), 'Drag and drop into categories');
+        thinkSpherePage.steps.clickOnCancelButton();
+    });
+
     it('When the user creates a new review item and then saves it, it should be displayed in the thinkSphere item page', () => {
         thinkSpherePage.steps.createReviewQuestion();
-        thinkSpherePage.steps.clickOnSaveButton();
         utilities.verifyElementCount(thinkSpherePage.widgetHeaderQuestionTitle(), 2);
     });
 

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

@@ -3,7 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
-const fileTypes = ['GIF', 'HEIC', 'HEIF', 'JPG', 'SVG', 'PNG' ];
+const fileTypes = ['GIF', 'JPG', 'SVG', 'PNG'];
 const fileTypesString = fileTypes.toString().replaceAll(',', ', ')
 const infoIconTooltipText = 'Supported file formats:  ' + fileTypesString + '.';
 
@@ -12,6 +12,23 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         cy.loginAs('admin');
     });
 
+    describe('Create thinkSphere item - create item page', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.visit('/item-engine/thinksphere/create-item');
+        });
+
+        thinkSpherePage.tests.verifyCreateItemHeaderSection();
+
+        thinkSpherePage.tests.verifyDefaultTab();
+
+        it('When user clicks on Add ThinkSphere question button, it should navigate to think sphere create question page', () => {
+            thinkSpherePage.steps.addThinkSphereQuestion();
+            utilities.verifyInnerText(thinkSpherePage.thinkSphereQuestionHeader(), 'ThinkSphere question');
+        });
+
+    });
+
     describe('Question instructions input field - Edit tab', () => {
         abortEarlySetup();
         before(() => {
@@ -20,6 +37,12 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         thinkSpherePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+
+        it('When user add long text along with table in question instruction then height of question instruction should increase and horizontal scroll bar should appear', () => {
+            thinkSpherePage.steps.addQuestionInstructionInnerHTML('<table class="custom_author_table ie-table ie-table-bordered" border="1" style="width: 100%;"><tbody><tr><td>test</td><td>test</td><td>test</td><td>test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test</td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table><p><br><br>test<br></p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>');
+            thinkSpherePage.steps.verifyQuestionInstructionIncreasedHeightAndScrollBar();
+            thinkSpherePage.steps.addQuestionInstructionInnerHTML('');
+        });
     });
 
     describe('Question instructions input field - Edit tab functionality', () => {
@@ -57,7 +80,7 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
                 'border-style': 'solid',
                 'border-color': 'rgb(107, 139, 255)',
                 'border-radius': '8px',
-                'padding': '30px 12px 0px'
+                'padding': '30px 9px 12px'
             });
         });
 
@@ -98,8 +121,6 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
 
         it('User is able to upload supported image types other than jpg', () => {
             thinkSpherePage.steps.uploadFile('uploads/image.png');
-            thinkSpherePage.steps.uploadFile('uploads/sample.heic', { timeout: 1500 });
-            thinkSpherePage.steps.uploadFile('uploads/sample.heif', { timeout: 1500 });
             thinkSpherePage.steps.uploadFile('uploads/sample.svg', { timeout: 1500 });
             thinkSpherePage.steps.uploadFile('uploads/sample.gif', { timeout: 1500 });
         });
@@ -163,6 +184,21 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             cy.barsPreLoaderWait();
         });
 
+        it('Verify whiteboard management panel labels and buttons', () => {
+            utilities.verifyInnerText(thinkSpherePage.manageWhiteBoardTitle(), 'Manage whiteboard pages');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPreviousButton(), 'Prev');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageLabel(), 'Page');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 1');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardNextButton(), 'Next');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardDeleteButton(), 'Delete page');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardAddNewPageButton(), 'New page');
+            utilities.verifyElementVisibilityState(thinkSpherePage.manageWhiteBoardTitle(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardPreviousButton(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardNextButton(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardDeleteButton(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardAddNewPageButton(), 'visible');
+        });
+
         it('Before image upload by default the Page 1 image label and radio button component should be rendered', () => {
             utilities.verifyInnerText(thinkSpherePage.pageImageTitle(), 'Page 1 image');
             utilities.verifyElementVisibilityState(thinkSpherePage.radioGroupWrapper(), 'exist');
@@ -183,6 +219,123 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.imageUploadSectionWrapper(), 'exist');
             utilities.verifyElementVisibilityState(thinkSpherePage.pageImagePropertiesTitle(), 'exist');
         });
+
+        it('When new page button is clicked, it should create new white board page', () => {
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '2 / 2');
+        });
+
+        it('When previous page button is clicked, the previous page should be rendered', () => {
+            thinkSpherePage.whiteBoardPreviousButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 2');
+        });
+
+        it('When next page button is clicked, the next page should be rendered', () => {
+            thinkSpherePage.whiteBoardNextButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '2 / 2');
+        });
+
+        it('When there is only 1 page, clicking delete page button should delete current page', () => {
+            thinkSpherePage.whiteBoardDeleteButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 1');
+        });
+
+        it('When there is only 1 page, previous page button, next page button, and delete page button should be disabled', () => {
+            thinkSpherePage.whiteBoardPreviousButton().should('be.disabled');
+            thinkSpherePage.whiteBoardNextButton().should('be.disabled');
+            thinkSpherePage.whiteBoardDeleteButton().should('be.disabled');
+        });
+
+        it('When delete page button is clicked, current page should be deleted, and the previous page should be rendered', () => {
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            thinkSpherePage.whiteBoardPreviousButton().click();
+            thinkSpherePage.whiteBoardDeleteButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 2');
+            thinkSpherePage.whiteBoardDeleteButton().click();
+        });
+
+        it('CSS of whiteBoard and its buttons', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.whiteBoardPreviousButton(), {
+                'background-color': css.color.boxShadow,
+                'border-color': css.color.transparent,
+                'box-shadow': `${css.color.transparent} 0px 0px 0px 0px`,
+                'color': css.color.primaryBtnDisabled,
+                'opacity': '1',
+            });
+            utilities.verifyCSS(thinkSpherePage.whiteBoardNextButton(), {
+                'background-color': css.color.boxShadow,
+                'border-color': css.color.transparent,
+                'box-shadow': `${css.color.transparent} 0px 0px 0px 0px`,
+                'color': css.color.primaryBtnDisabled,
+                'opacity': '1',
+            });
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            utilities.verifyCSS(thinkSpherePage.whiteBoardPreviousButton(), {
+                'padding': '12px 16px',
+                'font-weight': '600',
+                'font-size': '16px',
+                'line-height': '22px',
+                'letter-spacing': '0',
+                'border-radius': '8px',
+                'text-transform': 'none',
+                'border': `1px solid ${css.color.primaryBtnBorder}`,
+                'background-color': css.color.primaryBtnBg,
+                'border-color': css.color.primaryBtnBorder,
+                'box-shadow': `${css.color.primaryBtnBorder} 0px 5px 0px 0px`,
+                'color': css.color.whiteText,
+            });
+            thinkSpherePage.whiteBoardPreviousButton().click();
+            utilities.verifyCSS(thinkSpherePage.whiteBoardNextButton(), {
+                'padding': '12px 16px',
+                'font-weight': '600',
+                'font-size': '16px',
+                'line-height': '22px',
+                'letter-spacing': '0',
+                'border-radius': '8px',
+                'text-transform': 'none',
+                'border': `1px solid ${css.color.primaryBtnBorder}`,
+                'background-color': css.color.primaryBtnBg,
+                'border-color': css.color.primaryBtnBorder,
+                'box-shadow': `${css.color.primaryBtnBorder} 0px 5px 0px 0px`,
+                'color': css.color.whiteText,
+            });
+            utilities.verifyCSS(thinkSpherePage.whiteBoardAddNewPageButton(), {
+                'padding': '12px 16px',
+                'font-weight': '600',
+                'font-size': '16px',
+                'line-height': '22px',
+                'letter-spacing': '0',
+                'border-radius': '8px',
+                'text-transform': 'none',
+                'border': `1px solid ${css.color.primaryBtnBorder}`,
+                'background-color': css.color.primaryBtnBg,
+                'border-color': css.color.primaryBtnBorder,
+                'box-shadow': `${css.color.primaryBtnBorder} 0px 5px 0px 0px`,
+                'color': css.color.whiteText,
+            });
+            utilities.verifyCSS(thinkSpherePage.whiteBoardDeleteButton(), {
+                'border-radius': '8px',
+                'font-size': '16px',
+                'line-height': '22px',
+                'font-weight': '400',
+                'color': css.color.deletePageColor
+            });
+            thinkSpherePage.whiteBoardDeleteButton().click();
+            utilities.verifyCSS(thinkSpherePage.whiteBoardDeleteButton(), {
+                'border-radius': '8px',
+                'font-size': '16px',
+                'line-height': '22px',
+                'font-weight': '400',
+                'color': css.color.secondaryBtnDisabled,
+                'opacity': '1',
+            });
+
+        });
+
+        it('Accessibility of white board canvas contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.whiteBoardCanvasAndControls());
+        });
         
         it('Verify image upload section', () => {
             thinkSpherePage.tests.verifyUploadImageSectionContentWithCSSAndA11y();
@@ -190,7 +343,12 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         it('Verify that the uploaded image is visible', () => {
-            // Fill tests when whiteboard component is ready
+            thinkSpherePage.steps.clickOnImageRadioButton();
+            thinkSpherePage.steps.uploadWhiteBoardImage('uploads/highlightImage.jpg');
+            cy.get('[class*="WhiteboardPagesstyles__BackgroundImage"]')
+                .should('exist')
+                .and('have.attr', 'src')
+                .and('not.be.empty');
         });
 
         it('\'Image alignment\' label and 3 alignment options: Top left, Center and Top right should be displayed. By default, \'Center\' should be selected', () => {
@@ -205,10 +363,6 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             thinkSpherePage.steps.verifyCenterOptionAlignmentIsSelected();
         });
 
-        it('When a new alignment option is selected, the image alignment should change', () => {
-            /**@TODO Add check for when a new alignment option is selected */
-        });
-
         it('\'Opacity\' label, a slider and opacity input field should be displayed. By default, the slider and the input field value should be 100%', () => {
             utilities.verifyInnerText(thinkSpherePage.opacityLabel(), 'Opacity');
             utilities.verifyElementVisibilityState(thinkSpherePage.opacityLabel(), 'exist');
@@ -231,7 +385,9 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         it('When the user changes value in the opacity input field, the image opacity should change', () => {
-           /**@TODO Add check for when the user changes value in the opacity input field */
+           thinkSpherePage.steps.addInputToOpacityInputField(60);
+           thinkSpherePage.whiteBoardImage()
+                .should('have.css', 'opacity', '0.6');
         });
 
         it('\'Image alternative text\' label and input field should be displayed. By default, the input field should be blank', () => {
@@ -241,8 +397,9 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.imageAlternativeTextInputField(), 'exist');
         });
 
-        it('When the user adds the alt value, it should be availabl in the image attribute', () => {
-            /**@TODO Add check for when the user adds the alt value */
+        it('When the user adds the alt value, it should be available in the image attribute', () => {
+            thinkSpherePage.imageAlternativeTextInputField().type('Alternative text for image');
+            utilities.verifyElementAttribute(thinkSpherePage.whiteBoardImage(), 'alt', 'Alternative text for image');
         });
 
         it('CSS of whiteBoard Image and Image Properties Section', { tags: 'css' }, () => {
@@ -281,7 +438,16 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             });
         });
 
-        it('Accessibility of image canvas contents', { tags: 'a11y' }, () => {
+        it('When a new alignment option is selected, the image alignment should change', () => {
+            thinkSpherePage.topLeftButton().click();
+            thinkSpherePage.steps.verifyOptionAlignmentIsSelected('topLeft');
+            thinkSpherePage.centerButton().click();
+            thinkSpherePage.steps.verifyOptionAlignmentIsSelected('center');
+            thinkSpherePage.topRightButton().click();
+            thinkSpherePage.steps.verifyOptionAlignmentIsSelected('flex-end');
+        });
+
+        it('Accessibility of whiteboard image upload and properties', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.whiteBoardImageProperties());
         });
         
@@ -303,6 +469,27 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.ThinkSphereQuestionHeaderPencilIcon(), 'exist');
         });
 
+        it('When the user has saved think sphere question, \'Add \'Check your math\' question\' button should be visible',() => {
+            utilities.verifyInnerText(thinkSpherePage.addCheckMathQuestionButton(), 'Add \'Check your math\' question');
+        });
+
+        it('Verify  \'Add \'Check your math\' question\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.addCheckMathQuestionButton().parent(), {
+                'color': css.color.primaryBtn,
+                'background-color': css.color.lightThemeBtnBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'padding': '12px 16px',
+                'min-width': '264px',
+            });
+        });
+
+        it('When the user clicks on \'Add \'Check your math\' question button\' and click on cancel button, the user should be redirected back to the item preview page where the \'Add \'Check your math\' question\' button is available',() => {
+            thinkSpherePage.steps.clickOnAddCheckMathQuestionButton();
+            thinkSpherePage.steps.clickOnCancelButton();
+            utilities.verifyInnerText(thinkSpherePage.addCheckMathQuestionButton(), 'Add \'Check your math\' question');
+        });
+
         it('When the user selects an item from the review item bank and saves it, the item should be displayed in the thinkSphere item page',() => {
             thinkSpherePage.steps.clickOnAddCheckMathQuestionButton();
             thinkSpherePage.steps.clickOnFirstAvailableItemLink();
@@ -358,9 +545,17 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             thinkSpherePage.steps.clickOnSaveButton();
         });
 
+
+        it(`Clicking on edit button icon should take us to edit question page`, () => {
+            thinkSpherePage.steps.clickOnEditButton();
+            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionsWrapper(), 'exist');
+            thinkSpherePage.steps.clickOnSaveButton();
+        });
+
         it('Clicking on delete icon should remove the math question', () => {
             thinkSpherePage.steps.clickOnDeleteButton();
             utilities.verifyElementVisibilityState(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon(), 'notExist');
         });
     });
 });
+