itemengine-cypress-automation 1.0.403 → 1.0.404

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

@@ -2,7 +2,6 @@ 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 = ['Question'];
 const sortDisable = ['not.have.class'];
 const sortOptions = ['Question', 'Last updated', 'Created on'];

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

@@ -2,6 +2,8 @@ import { browseItemsPage } from '../../../pages/components/browseItemsPage';
 import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import uuid from 'react-uuid';
+let randomItemName;
+randomItemName = `~zzz thinksphere item name ${uuid()}`;
 
 const css = Cypress.env('css');
 const tableHeader = ['ThinkSphere Item', 'Last updated', 'Created on', 'Tags', 'Actions'];
@@ -9,9 +11,7 @@ const sortEnable = ['have.class', 'have.class', 'have.class', 'not.have.class',
 const sortDisable = ['not.have.class', 'not.have.class', 'not.have.class', 'not.have.class', 'not.have.class'];
 
 describe('Navigate to Think Sphere Browse Items page and view the page contents', () => {
-    let randomItemName;
     before(() => {
-        randomItemName = `~zzz thinksphere item name ${uuid()}`;
         cy.loginAs('admin');
         cy.createThinkSphereItem(randomItemName);
         cy.visit(`${Cypress.env('itemEngineHomePage')}`);
@@ -180,7 +180,7 @@ describe('Navigate to Think Sphere Browse Items page and view the page contents'
         });
 
         it('When user type title/tags/content in search component and search, then it should search', () => {
-            browseItemsPage.steps.addTextInSearchBar('~zzz');
+            browseItemsPage.steps.addTextInSearchBar(randomItemName);
             browseItemsPage.steps.clickOnSearchIcon();
             browseItemsPage.steps.verifyPaginationCount('1 - 1 of');
         });

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

@@ -3,15 +3,15 @@ import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
 import uuid from 'react-uuid';
-import { common } from '../../../pages/common';
+let randomItemName;
+randomItemName = `~zzz thinksphere item name ${uuid()}`;
+
 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', () => {
-    let randomItemName;
     before(() => {
-        randomItemName = `~zzz thinksphere item name ${uuid()}`;
         cy.loginAs('admin');
         cy.createThinkSphereItem(randomItemName);
         cy.visit('/item-engine/thinksphere/browse-items');
@@ -291,7 +291,7 @@ describe('Navigate to Think Sphere Browse Items page and view the page contents'
         });
 
         it('When user type title/tags/content in search component and search, then it should search', () => {
-            browseItemsPage.steps.addTextInSearchBar('~zzz');
+            browseItemsPage.steps.addTextInSearchBar(randomItemName);
             browseItemsPage.steps.clickOnSearchIcon();
             browseItemsPage.steps.verifyPaginationCount('1 - 1 of');
         });

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

@@ -102,7 +102,7 @@ describe('Equation Editor: Edit tab', () => {
                 multipleSelectionPage.steps.typeInEditorInputFieldArea(char);
             }
             multipleSelectionPage.steps.clickOnOkButton();
-            utilities.verifyInnerText(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), '{{}⁢x+y}×2+9⁢x×y');
         });
 
         it('User should be able to create any equation using tools and sub tools.', () => {
@@ -111,7 +111,7 @@ describe('Equation Editor: Edit tab', () => {
             multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
             multipleSelectionPage.steps.writeEquationUsingTools();
             multipleSelectionPage.steps.clickOnOkButton();
-            utilities.verifyInnerText(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), 'N∨tan⁡(N−P)');
         });
     });
 });

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

@@ -92,7 +92,7 @@ describe('Create Item page - Short text response : Student view settings', () =>
         it('When \'Display character count\' checkbox is unchecked, then \'Character\' label and count should not be displayed in preview tab', () => {
             essayResponsePage.steps.verifyDisplayCharacterCountCheckboxUnchecked();
             essayResponsePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(essayResponsePage.characterWordCountLabelPreviewTab(), 'notExist');
+            utilities.verifyElementVisibilityState(essayResponsePage.characterWordCountLabelPreviewTab(), 'hidden');
         });
 
         it('When \'Display character count\' checkbox is checked, then on switching to preview tab \'Character\' label and count should be displayed and count should be zero by default', () => {

package/cypress/e2e/ILC/Matching/minimumScoringPenaltyPointsAndRoundingDropdown.js

@@ -52,7 +52,7 @@ describe('Create item page - Matching: Minimum scoring, Penalty scoring, Roundin
 
         it('When \'Specify total penalty points\' is selected, a penalty points detail section with \'Total penalty points\' label and empty input field, \'Penalty points for each incorrect dropzone: -\' label should be displayed', () => {
             utilities.verifyInnerText(matchingPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
-            matchingPage.steps.verifyTotalPenaltyPointsValue('');
+            matchingPage.steps.verifyTotalPenaltyPointsValue(''); 
             utilities.verifyInnerText(matchingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect dropzone: -');
         });
 

package/cypress/e2e/ILC/MatchingDropdown/styleAndLayoutCustomization.js

@@ -76,6 +76,7 @@ describe('Matching - Style and layout customization accordion', () => {
         before(() => {
             matchingPage.steps.navigateToCreateQuestion('matching');
             cy.barsPreLoaderWait()
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Matching question');
             matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
             matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
         });

package/cypress/e2e/ILC/ThinkSphere/editThinkSphereQuestion.smoke.js

@@ -4,6 +4,8 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 import uuid from 'react-uuid';
+let randomItemName;
+randomItemName = `~zzz thinksphere item name ${uuid()}`;
 
 const editedStrategies = [
     'Edited strategy 1',
@@ -61,9 +63,7 @@ const alternateTextForImage = 'Alternative text for image';
 const editedFontSize = 'Normal';
 
 describe('Edit Question and edit item', () => {
-    let randomItemName;
     before(() => {
-        randomItemName = `~zzz thinksphere item name ${uuid()}`;
         cy.loginAs('admin');
         cy.createThinkSphereItem(randomItemName);
         thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
@@ -75,8 +75,14 @@ describe('Edit Question and edit item', () => {
 
     describe('Edit question', () => {
         abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.searchInSearchBar(randomItemName);
+            thinkSpherePage.steps.clickOnItemReferenceId();
+        });
+
         it('When user edits the question instructions, then the changes should be saved successfully and edited question instruction should get displayed in preview side', () => {
-            thinkSpherePage.steps.clickOnEditThinkSphereItem();
+            thinkSpherePage.steps.editItem();
+            thinkSpherePage.steps.switchToEditTab();
             thinkSpherePage.steps.clearQuestionInstructionsInputField();
             thinkSpherePage.steps.addTextInQuestionInstructionsInputField('Edit question instructions');
             thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
@@ -152,6 +158,8 @@ describe('Edit Question and edit item', () => {
     describe('Edit review question', () => {
         abortEarlySetup();
         before(() => {
+            thinkSpherePage.steps.editItem();
+            thinkSpherePage.steps.switchToPreviewTab();
             browseItemsPage.steps.clickOnAddReviewItem();
             thinkSpherePage.steps.createReviewQuestion();
             thinkSpherePage.steps.switchToPreviewTab();

package/cypress/e2e/ILC/ThinkSphere/equationEditorCreateCustomCategory.smoke.js

@@ -153,7 +153,7 @@ describe('Create question page - Think Sphere: Create custom category', () => {
         it('\'Cancel\' button should be displayed. When user clicks on the \'Cancel\' button the flyout should close', () => {
             utilities.verifyInnerText(thinkSpherePage.buttonCancel(), 'Cancel');
             utilities.verifyElementVisibilityState(thinkSpherePage.buttonCancel(), 'visible');
-            thinkSpherePage.steps.clickOnCancelButton();
+            thinkSpherePage.steps.cancelCustomCategory();
             utilities.verifyElementVisibilityState(createCustomCategoryFlyout.dialogBox(), 'notExist');
         });
 
@@ -190,13 +190,13 @@ describe('Create question page - Think Sphere: Create custom category', () => {
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.bold
             });
-            utilities.verifyCSS(createCustomCategoryFlyout.buttonCancel(), {
+            utilities.verifyCSS(createCustomCategoryFlyout.buttonSave(), {
                 'color': css.color.secondaryBtn,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold,
                 'background-color': css.color.transparent
             });
-            utilities.verifyCSS(createCustomCategoryFlyout.buttonSave(), {
+            utilities.verifyCSS(createCustomCategoryFlyout.buttonCancel(), {
                 'color': css.color.successBtn,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.semibold,

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

@@ -46,7 +46,7 @@ describe('Create question page - Essay Response: Edit category', () => {
                 it(`All the ${equationEditorCategoriesAndSymbols['numPad'].displayName} characters should be displayed and should be in selected state except the last three ones also each one should have necessary tooltips`, () => {
                     const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols);
                     const selectedSymbolsArray = symbolsArray.slice(0, 10);
-                    const unselectedSymbolsArray = symbolsArray.slice(-3);
+                    const unselectedSymbolsArray = symbolsArray.slice(10, 13);
                     editCategoryFlyout.steps.openEditCategoryFlyout(key);
                     thinkSpherePage.steps.verifyCategoryCharactersAndSelectedState(selectedSymbolsArray);
                     thinkSpherePage.steps.verifyCategoryCharactersAndUnSelectedState(unselectedSymbolsArray);
@@ -169,7 +169,7 @@ describe('Create question page - Essay Response: Edit category', () => {
         });
 
         it('CSS of de-selected character', { tags: 'css' }, () => {
-            utilities.verifyCSS(editCategoryFlyout.categoryCharacters().eq(0).find('text'), {
+            utilities.verifyCSS(editCategoryFlyout.categoryCharacters().eq(0), {
                 'color': css.color.liText,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.bold,
@@ -286,6 +286,6 @@ describe('Create question page - Essay Response: Edit category', () => {
             editCategoryFlyout.steps.openEditCategoryFlyout()
             editCategoryFlyout.steps.verifyAllCategoryCharactersSelected();
         });
-        
+
     });
 });

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

@@ -26,6 +26,10 @@ describe('Grading view : ThinkSphere Question - Review Section', () => {
             thinkSpherePage.steps.clickOnReviewTab();
         });
 
+        after(() => {
+            cy.deleteThinkSphereItem(uuidString);
+        });
+
         it('\'Question instruction\' section should be present', () => {
             thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('question instruction text');
         });
@@ -89,11 +93,13 @@ describe('Grading view : ThinkSphere Question - Review Section', () => {
     });
 
     describe('Verify the Your plan Button', () => {
+        let randomItemName;
         abortEarlySetup();
         before(() => {
-            cy.createThinkSphereItem(uuidString, true);
+            randomItemName = `~zzz thinksphere item name ${uuid()}`;
+            cy.createThinkSphereItem(randomItemName);
             thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
-            browseItemsPage.steps.clickOnItemReferenceId(uuidString);
+            browseItemsPage.steps.clickOnItemReferenceId(randomItemName);
             browseItemsPage.steps.clickOnAddReviewItem();
             thinkSpherePage.steps.createReviewQuestion();
             thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
@@ -103,6 +109,10 @@ describe('Grading view : ThinkSphere Question - Review Section', () => {
             thinkSpherePage.steps.clickOnReviewTab();
         });
 
+        after(() => {
+            cy.deleteThinkSphereItem(randomItemName);
+        });
+
         it('Your Plan button should be visible and display the correct disabled styles', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.yourPlanButton(), 'visible');
             utilities.verifyCSS(thinkSpherePage.yourPlanButton(), {
@@ -117,8 +127,8 @@ describe('Grading view : ThinkSphere Question - Review Section', () => {
     });
 
     describe('\'Check your math\' section', () => {
-        abortEarlySetup();
         let randomItemName;
+        abortEarlySetup();
         before(() => {
             randomItemName = `~zzz thinksphere item name ${uuid()}`;
             cy.createThinkSphereItem(randomItemName);

package/cypress/pages/components/colorPopupComponent.js

@@ -6,7 +6,7 @@ const selectors = {
     ...dialogBoxBase,
     colorBlock: () => cy.get('.color-picker-block'),
     colorSaturationPalette: () => cy.get('.react-colorful__saturation'),
-    alphaPicker : () => cy.get('.react-colorful__alpha'),
+    alphaPicker: () => cy.get('.react-colorful__alpha'),
     colorSaturationPicker: () => cy.get('.react-colorful__saturation-pointer .react-colorful__pointer-fill'),
     colorHuePalette: () => cy.get('.react-colorful__hue'),
     colorHuePicker: () => cy.get('.react-colorful__hue-pointer .react-colorful__pointer-fill'),
@@ -62,10 +62,12 @@ const steps = {
      * @param {string} color in the selected color block in rgb/rgba format
      * @description this function is used to verify in the selected color block of the color popup
      */
-    verifySelectedColorBlock: (color) => {
-        utilities.verifyCSS(colorPopupComponent.selectedColorBlock(), {
-            'background-color': color
-        });
+    verifySelectedColorBlock: (color, tolerance = 2) => {
+        colorPopupComponent.selectedColorBlock()
+            .invoke('css', 'background-color')
+            .then(actualColor => {
+                expect(steps.colorsAreClose(actualColor, color, tolerance), `Expected ${actualColor} to be close to ${color} within tolerance ${tolerance}`).to.be.true;
+            });
     },
 
     /**
@@ -104,7 +106,7 @@ const steps = {
     },
 
     setOpacityTo0: () => {
-       colorPopupComponent.alphaPicker()
+        colorPopupComponent.alphaPicker()
             .find('[role="slider"]')
             .then($slider => {
                 const rect = $slider[0].getBoundingClientRect();
@@ -295,6 +297,25 @@ const steps = {
             'background-color': color
         });
     },
+
+    /**
+     * 
+     * @param {string} actual color
+     * @param {string} expected color
+     * @param {string} tolerance allowed difference in RGB values
+     * @returns 
+     */
+    colorsAreClose: (actual, expected, tolerance = 2) => {
+        console.log({ actual, expected });
+        const extract = str => str.match(/\d+/g).map(Number);
+        const [ar, ag, ab] = extract(actual);
+        const [er, eg, eb] = extract(expected);
+        return (
+            Math.abs(ar - er) <= tolerance &&
+            Math.abs(ag - eg) <= tolerance &&
+            Math.abs(ab - eb) <= tolerance
+        );
+    }
 }
 
 const tests = {

package/cypress/pages/imageHighlightPage.js

@@ -1304,9 +1304,9 @@ const steps = {
                 cy.wrap($element)
                     .invoke('css', 'background-color')
                     .then(actualColor => {
+                        cy.log(`Selected color: ${actualColor}`);
+                        cy.log(`Expected color: ${color}`);
                         expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
-                        console.log(`Selected color: ${actualColor}`);
-                        console.log(`Expected color: ${color}`);
                     });
             });
     },
@@ -1325,8 +1325,8 @@ const steps = {
                         cy.wrap($element)
                             .invoke('css', 'fill')
                             .then(actualColor => {
-                                console.log(`Selected color: ${actualColor}`);
-                                console.log(`Expected color: ${color}`);
+                                cy.log(`Selected color: ${actualColor}`);
+                                cy.log(`Expected color: ${color}`);
                                 expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
                             });
                     });
@@ -1349,9 +1349,9 @@ const steps = {
                                 cy.wrap($element)
                                     .invoke('css', 'fill')
                                     .then(actualColor => {
+                                        cy.log(`Selected color: ${actualColor}`);
+                                        cy.log(`Expected color: ${color}`);
                                         expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
-                                        console.log(`Selected color: ${actualColor}`);
-                                        console.log(`Expected color: ${color}`);
                                     });
                             });
                     });
@@ -1372,9 +1372,9 @@ const steps = {
                         cy.wrap($element)
                             .invoke('css', 'stroke')
                             .then(actualColor => {
+                                cy.log(`Selected color: ${actualColor}`);
+                                cy.log(`Expected color: ${color}`);
                                 expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
-                                console.log(`Selected color: ${actualColor}`);
-                                console.log(`Expected color: ${color}`);
                             });
                     });
             });
@@ -1395,8 +1395,8 @@ const steps = {
                         cy.wrap($element)
                             .invoke('css', 'fillOpacity')
                             .then(actualColor => {
-                                console.log(`Selected color: ${actualColor}`);
-                                console.log(`Expected color: ${Opacity}`);
+                                cy.log(`Selected color: ${actualColor}`);
+                                cy.log(`Expected color: ${Opacity}`);
                                 expect(actualColor).to.equal(Opacity);
                             });
                     });
@@ -1417,9 +1417,9 @@ const steps = {
                         cy.wrap($element)
                             .invoke('css', 'stroke')
                             .then(actualColor => {
+                                cy.log(`Selected color: ${actualColor}`);
+                                cy.log(`Expected color: ${colorWithOpacity}`);
                                 expect(steps.colorsAreClose(actualColor, colorWithOpacity, 2)).to.be.true;
-                                console.log(`Selected color: ${actualColor}`);
-                                console.log(`Expected color: ${colorWithOpacity}`);
                             });
                     });
             });
@@ -1441,9 +1441,9 @@ const steps = {
                                 cy.wrap($element)
                                     .invoke('css', 'stroke')
                                     .then(actualColor => {
+                                        cy.log(`Selected color: ${actualColor}`);
+                                        cy.log(`Expected color: ${color}`);
                                         expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
-                                        console.log(`Selected color: ${actualColor}`);
-                                        console.log(`Expected color: ${color}`);
                                     });
                             });
                     });
@@ -1466,8 +1466,8 @@ const steps = {
                                 cy.wrap($element)
                                     .invoke('css', 'fillOpacity')
                                     .then(actualColor => {
-                                        console.log(`Selected color: ${actualColor}`);
-                                        console.log(`Expected color: ${Opacity}`);
+                                        cy.log(`Selected color: ${actualColor}`);
+                                        cy.log(`Expected color: ${Opacity}`);
                                         expect(actualColor).to.equal(Opacity);
                                     });
                             });
@@ -1491,9 +1491,9 @@ const steps = {
                                 cy.wrap($element)
                                     .invoke('css', 'stroke')
                                     .then(actualColor => {
+                                        cy.log(`Selected color: ${actualColor}`);
+                                        cy.log(`Expected color: ${colorWithOpacity}`);
                                         expect(steps.colorsAreClose(actualColor, colorWithOpacity, 2)).to.be.true;
-                                        console.log(`Selected color: ${actualColor}`);
-                                        console.log(`Expected color: ${colorWithOpacity}`);
                                     });
                             });
                     });
@@ -1696,7 +1696,7 @@ const steps = {
      * @returns 
      */
     colorsAreClose: (actual, expected, tolerance = 2) => {
-        console.log({actual, expected});
+        cy.log({ actual, expected });
         const extract = str => str.match(/\d+/g).map(Number);
         const [ar, ag, ab] = extract(actual);
         const [er, eg, eb] = extract(expected);

package/cypress/pages/listOrderingPage.js

@@ -255,7 +255,7 @@ const steps = {
                 break;
             case 'none':
                 dragIcon
-                    .should('not.exist');
+                    .should('not.be.visible');
                 break;
             default:
                 throw new Error('Invalid drag handle option');

package/cypress/pages/matchingPage.js

@@ -82,7 +82,7 @@ const selectors = {
         }
     },
     //Penalty points
-    penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect"]'),
+    penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label*="Penalty points for each incorrect"]'),
     specifyPointsForEachIncorrectDropzoneRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
     partialEqualWeightsPerResponseScore: () => cy.get('[class*="PointsPerResponseValue"]'),
     partialDifferentWeightsPointsLabel: () => cy.get('.cloze-with-dropdown-partial-points-per-response-label'),
@@ -221,7 +221,7 @@ const steps = {
     ...ariaLabelSectionComponent.steps,
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
-     ...createItemPage.steps,
+    ...createItemPage.steps,
     //Edit tab
     addPrompt: () => {
         matchingPage.addPromptButton()
@@ -1643,7 +1643,7 @@ const steps = {
      */
     selectRowSpacingDropdownOption: (rowSpacingOption) => {
         matchingPage.rowSpacingDropdownOptions(rowSpacingOption)
-            .click({force:true});
+            .click({ force: true });
     },
 
     /**
@@ -1796,6 +1796,7 @@ const steps = {
 
     expandDropzoneDimensionsDropdown: () => {
         matchingPage.dropzoneDimensionsDropdown()
+            .trigger('mouseover')
             .click();
     },
 

package/cypress/pages/thinkSpherePage.js

@@ -212,9 +212,9 @@ const selectors = {
     cardWrapper: () => cy.get('.card-wrapper'),
     cardLabel: () => cy.get('.widget-card-label'),
     thinkSphereQuestionInstructionCKEditor: () => cy.get('div.cke_editable[contenteditable="true"]'),
-    reviewTab: () => cy.get('div[aria-label="Review tab"]'),
-    solveTab: () => cy.get('div[aria-label="Solve tab"]'),
-    planTab: () => cy.get('div[aria-label="Plan tab"]'),
+    reviewTab: () => cy.get('button[data-label="Review tab"],[role="tab"][aria-controls="tabpanel-2"]'),
+    solveTab: () => cy.get('button[data-label="Solve tab"],[role="tab"][aria-controls="tabpanel-1"]'),
+    planTab: () => cy.get('button[data-label="Plan tab"],[role="tab"][aria-controls="tabpanel-0"]'),
     checkYourMathHeading: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__CheckYourMathTextWrapper"]'), 0),
     problemAskingToMeTextWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ProblemAskingToMeTextWrapper"]'), 0),
     reviewQuestionWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__QuestionWrapper"]'), 0),
@@ -986,18 +986,21 @@ const steps = {
     verifyCategoryCharactersAndUnSelectedState: (arrayOfSymbolsAriaLabel) => {
         thinkSpherePage.categoryCharacters()
             .then(($symbols) => {
-                for (let index = 10; index < $symbols.length - 1; index++) {
-                    editCategoryFlyout.categoryCharacters()
-                        .eq(index)
-                        .should('not.have.class', 'Mui-selected')
-                        .invoke('attr', 'aria-label')
-                        .then((ariaLabel) => {
-                            const tooltipText = ariaLabel.split(' ').slice(0, -1).join(' ');
-                            editCategoryFlyout.categoryCharacters()
-                                .eq(index)
-                                .verifyTooltip(tooltipText);
-                        });
-                }
+                arrayOfSymbolsAriaLabel.forEach((ariaLabel) => {
+                    const index = Cypress._.findIndex($symbols, (el) => el.getAttribute('aria-label') === ariaLabel);
+                    if (index !== -1) {
+                        editCategoryFlyout.categoryCharacters()
+                            .eq(index)
+                            .should('not.have.class', 'Mui-selected')
+                            .invoke('attr', 'aria-label')
+                            .then((label) => {
+                                const tooltipText = label.split(' ').slice(0, -1).join(' ');
+                                editCategoryFlyout.categoryCharacters()
+                                    .eq(index)
+                                    .verifyTooltip(tooltipText);
+                            });
+                    }
+                });
             });
     },
 
@@ -1259,7 +1262,7 @@ const steps = {
         thinkSpherePage.problemAskingWrapper()
             .within(() => {
                 utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
-                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'type', 'button');
                 utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
                 if (isGrading) {
                     utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'tabindex', -1);
@@ -1304,7 +1307,7 @@ const steps = {
         thinkSpherePage.writePlanWrapper()
             .within(() => {
                 utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
-                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'type', 'button');
                 utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
                 if (isGrading) {
                     utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'tabindex', -1);

package/cypress/support/commands.js

@@ -156,8 +156,8 @@ Cypress.Commands.add('getIframeBody', () => {
 });
 
 Cypress.Commands.add('barsPreLoaderWait', () => {
-    cy.get('[id="question-item-instruction-loader"] img')
-        .should('not.exist');
+    cy.get('[id*="question-item-instruction-loader"] img')
+        .should('not.be.visible');
 });
 
 Cypress.Commands.add('learnosityLoaderWait', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.403",
+  "version": "1.0.404",
   "description": "",
   "main": "index.js",
   "scripts": {