itemengine-cypress-automation 1.0.157 → 1.0.158

package/cypress/e2e/ILC/Ruler/rulerEditTabBasicsSection.js

@@ -76,15 +76,14 @@ describe('Create Item page - Ruler: Edit Tab', () => {
             rulerPage.steps.verifyDropdownIsCollapsed();
         });
 
-        it(`'Length of ruler' label and dropdown should be displayed and by default ${rulerOptions[0].lengthOfRuler[0]} should be selected`, () => {
+        it(`'Length of ruler' label and options should be displayed and by default ${rulerOptions[0].lengthOfRuler[0]} should be selected`, () => {
             utilities.verifyInnerText(rulerPage.lengthOfRulerLabel(), 'Length of ruler');
             utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerLabel(), 'visible');
-            rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(rulerOptions[0].lengthOfRuler[0]);
-            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerDropdown(), 'exist');
+            rulerPage.steps.verifySelectedLengthOfRulerOption(rulerOptions[0].lengthOfRuler[0]);
         });
 
-        it(`When user expands the \'Length of ruler\' dropdown then list with three options ${rulerOptions[0].lengthOfRuler} should be displayed`, () => {
-            rulerPage.steps.verifyLengthOfRulerDropdownListOptions(rulerOptions[0].lengthOfRuler);
+        it(`\'Length of ruler\' label with three options ${rulerOptions[0].lengthOfRuler} should be displayed`, () => {
+            rulerPage.steps.verifyLengthOfRulerOptions(rulerOptions[0].lengthOfRuler);
         });
 
         it('CSS of \'Length of ruler\' label and dropdown in active state', { tags: 'css' }, () => {
@@ -93,13 +92,13 @@ describe('Create Item page - Ruler: Edit Tab', () => {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(rulerPage.lengthOfRulerDropdownListOptions(rulerOptions[0].lengthOfRuler[0]), {
+            utilities.verifyCSS(rulerPage.lengthOfRulerOptions(rulerOptions[0].lengthOfRuler[0]), {
                 'color': css.color.liText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular,
                 'background-color': css.color.liTextSelectedBg
             });
-            utilities.verifyCSS(rulerPage.lengthOfRulerDropdownListOptions(rulerOptions[0].lengthOfRuler[1]), {
+            utilities.verifyCSS(rulerPage.lengthOfRulerOptions(rulerOptions[0].lengthOfRuler[1]), {
                 'color': css.color.liText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
@@ -107,13 +106,12 @@ describe('Create Item page - Ruler: Edit Tab', () => {
         });
 
         it('Accessibility of\'Length of ruler\' dropdown', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(rulerPage.lengthOfRulerDropdownListOptions());
+            cy.checkAccessibility(rulerPage.lengthOfRulerOptions());
         });
 
-        it('When user selects an option from \'Length of ruler\' dropdown list, then dropdown list should disappear and selected option should be the active selection for the dropdown', () => {
-            rulerPage.steps.selectOptionFromLengthOfRulerDropdown(rulerOptions[0].lengthOfRuler[0]);
-            rulerPage.steps.verifyDropdownIsCollapsed();
-            rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(rulerOptions[0].lengthOfRuler[0]);
+        it('When user selects an option from \'Length of ruler\' list, then selected option should be the active selection', () => {
+            rulerPage.steps.selectOptionFromLengthOfRulerOptions(rulerOptions[0].lengthOfRuler[0]);
+            rulerPage.steps.verifySelectedLengthOfRulerOption(rulerOptions[0].lengthOfRuler[0]);
         });
 
         rulerOptions.forEach((rulerOption) => {
@@ -124,19 +122,17 @@ describe('Create Item page - Ruler: Edit Tab', () => {
                 rulerPage.steps.verifyInnerTextOfUnitOfMeasurementDropdown(rulerOption.displayName);
             });
 
-            it(`When ${rulerOption.displayName} is the active selection for 'Unit of measurement' dropdown, then ${rulerOption.lengthOfRuler[0]} should be the active selection for 'Length of ruler' dropdown`, () => {
-                rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(rulerOption.lengthOfRuler[0]);
+            it(`When ${rulerOption.displayName} is the active selection for 'Unit of measurement' dropdown, then ${rulerOption.lengthOfRuler[0]} should be the active selection for 'Length of ruler' options list`, () => {
+                rulerPage.steps.verifySelectedLengthOfRulerOption(rulerOption.lengthOfRuler[0]);
             });
 
-            it(`When user expands the 'Length of ruler' dropdown, then a list with three options ${rulerOption.lengthOfRuler} should be displayed`, () => {
-                rulerPage.steps.expandLengthOfRulerDropdown();
-                rulerPage.steps.verifyLengthOfRulerDropdownListOptions(rulerOption.lengthOfRuler);
+            it(`'Length of ruler' list should be displayed with three options ${rulerOption.lengthOfRuler}`, () => {
+                rulerPage.steps.verifyLengthOfRulerOptions(rulerOption.lengthOfRuler);
             });
 
-            it(`When user selects an option from 'Length of ruler' dropdown list, then dropdown list should disappear and the selected option should be the active selection for the dropdown`, () => {
-                rulerPage.steps.selectOptionFromLengthOfRulerDropdown(rulerOption.lengthOfRuler[1]);
-                rulerPage.steps.verifyDropdownIsCollapsed();
-                rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(rulerOption.lengthOfRuler[1]);
+            it(`When user selects an option from 'Length of ruler' list, then selected option should be the active selection for the dropdown`, () => {
+                rulerPage.steps.selectOptionFromLengthOfRulerOptions(rulerOption.lengthOfRuler[1]);
+                rulerPage.steps.verifySelectedLengthOfRulerOption(rulerOption.lengthOfRuler[1]);
             });
         });
 
@@ -189,7 +185,7 @@ describe('Create Item page - Ruler: Edit Tab', () => {
 
         it('\'Length of ruler\' label, \'Length of ruler\' dropdown and \'Allow student to flip ruler\' label with checkbox should disappear', () => {
             utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerLabel(), 'notExist');
-            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerDropdown(), 'notExist');
+            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerOptions(), 'notExist');
             utilities.verifyElementVisibilityState(rulerPage.allowUserToFlipRulerLabel(), 'notExist');
             utilities.verifyElementVisibilityState(rulerPage.allowUserToFlipRulerCheckbox(), 'notExist');
         });

package/cypress/e2e/ILC/Ruler/rulerEditTabFunctionality.js

@@ -49,8 +49,7 @@ describe('Ruler: Edit tab functionality', () => {
             it(`When the user adjusts the ruler length in the 'Length of Ruler' dropdown in the edit tab,  then the length of ruler should also change in the preview tab`, () => {
                 cy.log('Switching to Edit Tab');
                 rulerPage.steps.switchToEditTab();
-                rulerPage.steps.expandLengthOfRulerDropdown();
-                rulerPage.steps.selectOptionFromLengthOfRulerDropdown(rulerOption.lengthOfRuler[1]);
+                rulerPage.steps.selectOptionFromLengthOfRulerOptions(rulerOption.lengthOfRuler[1]);
                 cy.log('Switching to Preview Tab');
                 rulerPage.steps.switchToPreviewTab();
                 rulerPage.steps.verifyRulerVisible();

package/cypress/e2e/ILC/SingleSelectionGridNew/additionalSettingsBasic.js

@@ -0,0 +1,146 @@
+import { singleSelectionGridPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+const headingFontSizes = { 'Tiny': '13.5px', 'Small': '15.75px', 'Default': '18px', 'Normal': '20.25px', 'Big': '24.75px', 'Huge': '29.25px' };
+
+describe('Single selection grid - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+        });
+
+        singleSelectionGridPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        singleSelectionGridPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the question grid in the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
+                singleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(singleSelectionGridPage.fontSizeDropdown(), `${option}`);
+                singleSelectionGridPage.gridSpecifyCorrectAnswerSection()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 3).find('.question-text-wrapper'), {
+                            'font-size': headingFontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                    });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                singleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(singleSelectionGridPage.fontSizeDropdown(), `${option}`);
+                singleSelectionGridPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(singleSelectionGridPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                singleSelectionGridPage.gridPreviewTab()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 3).find('.question-text-wrapper'), {
+                            'font-size': headingFontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                    });
+                singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }])
+                singleSelectionGridPage.steps.switchToGradingView();
+                utilities.verifyCSS(singleSelectionGridPage.correctAnswersSectionLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                singleSelectionGridPage.correctAnswerGrid()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 3).find('.question-text-wrapper'), {
+                            'font-size': headingFontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(singleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                    });
+                utilities.verifyCSS(singleSelectionGridPage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                singleSelectionGridPage.steps.switchToStudentView();
+                singleSelectionGridPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        singleSelectionGridPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        singleSelectionGridPage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,83 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, singleSelectionGridPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create item page - Single selection grid: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+        });
+
+        singleSelectionGridPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Single selection grid');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+        });
+
+        singleSelectionGridPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+        });
+
+        singleSelectionGridPage.tests.verifyCancelButton('single selection grid')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                singleSelectionGridPage.steps.verifyQuestionInstructionsErrorMessage();
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionGridPage.errorMessage(), 1), 'Error: Please enter some text.');
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionGridPage.errorMessage(), 2), 'Error: Please enter points.');
+                for (let index = 1; index < 4; index++) {
+                    singleSelectionGridPage.steps.verifyErrorIconInSpecifyColumnsAndRowsGrid(index);
+                }
+                singleSelectionGridPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                singleSelectionGridPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+                singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+                singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+                singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+                singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                singleSelectionGridPage.steps.allotPoints(10);
+                for (let index = 1; index < 4; index++) {
+                    singleSelectionGridPage.steps.verifyErrorIconInSpecifyColumnsAndRowsGridNotExists(index);
+                }
+                singleSelectionGridPage.steps.verifyErrorMessageIsNotDisplayed();
+                singleSelectionGridPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            singleSelectionGridPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                singleSelectionGridPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            singleSelectionGridPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/TextEntryMath/responseEvaluationMethodsAndCustomSettings.js

@@ -243,7 +243,8 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         it('When number of answer input fields is reduced to 1, then input field numeration and its delete button should not be displayed', () => {
             cy.log('Pre-step: Reduce number of answer input fields to 1');
             textEntryMathPage.steps.clickOnAnswerInputDeleteButton(0);
-            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 2);
+            textEntryMathPage.steps.clickOnAnswerInputDeleteButton(0);
+            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 1);
             textEntryMathPage.steps.verifyAnswerInputFieldNumerationAndDeleteButtonNotExists();
         });
     });

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -198,7 +198,7 @@ describe('Tool settings content for all views', () => {
             });
 
             //Failed due to https://redmine.zeuslearning.com/issues/557552
-            it.skip('Accessibility of \'Hide ruler\' button', { tags: 'a11y' }, () => {
+            it('Accessibility of \'Hide ruler\' button', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(rulerPage.rulerVisibilityButtonPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
             });
 

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -32,7 +32,7 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'dialog'
         },
         {
-            displayName: 'Upload image',
+            displayName: 'Insert image',
             tooltipText: 'Upload an imageUpload an image from your device',
             toolType: 'dialog'
         },

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -62,6 +62,12 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Zero',
                 displayText: '0'
             },
+            percent: {
+                title: 'Percentage',
+                textElement: null,
+                ariaLabel: 'Percentage',
+                displayText: '%'
+            },
             dotMultiplier: {
                 title: 'Dot Multiplier',
                 textElement: null,

package/cypress/fixtures/evaluationMethodsAndCustomSettings.js

@@ -1,6 +1,6 @@
 export const evaluationMethods = [
     {
-        name: 'Symbols are equivalent',
+        name: 'Symbols are equivalent.',
         description: 'Response inputted needs to be equivalent to be marked correct',
         answerInputField: 'true',
         customSettings: ['Case sensitive', 'Accept interval notation', 'Exclude LaTeX text from validation', 'Check for equality across sides', 'Interpret alphabets as variables', 'Interpret e as Euler\'s number', 'Interpret i as imaginary', 'Decimal separator', 'Thousands separator', 'Decimal places to be compared'],

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -263,6 +263,12 @@ const tests = {
         it('Accessibility of disabled Check Answer button', { tags: 'a11y' }, () => {
             cy.checkAccessibility(autoScoredScoringPreviewTab.checkAnswerButton());
         });
+    },
+
+    verifyGradingViewRadioButtonDisabledStateForManuallyScored: () => {
+        it('When the scoring type is set to "Manually scored", then the grading view radio button should be in disabled state', () => {
+            utilities.verifyElementDisabledClass(autoScoredScoringPreviewTab.gradingViewRadioButton().parents('[class*="RadioOptionContainer"]'));
+        })
     }
 }
 

package/cypress/pages/components/commonComponents.js

@@ -13,7 +13,8 @@ const selectors = {
     dropdownList: () => cy.get('.dropdown-list'),
     dragHandleButton: () => cy.get('.dragicon-button'),
     deleteButton: () => cy.get('button[aria-label*="Delete option"]'),
-    tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon')
+    tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon'),
+    errorIcon: () => cy.get('[id="Icon_material-error"]'),
 }
 
 const steps = {

package/cypress/pages/components/createCustomCategoryFlyout.js

@@ -7,7 +7,6 @@ const allCategories = Object.keys(equationEditorCategoriesAndSymbols)
 const selectors = {
     ...dialogBoxBase,
     createCustomCategoryButton: () => cy.get('.equation-editor-wrapper button'),
-    createCustomCategoryFlyoutTitle: () => cy.get('.custom-category-popup-header'),
     categoryNameLabel: () => cy.get('.custom-category-flyout-content .input-label').eq(0),
     categoryIconLabel: () => cy.get('.custom-category-flyout-content .input-label').eq(1),
     selectedSymbolsLabel: () => cy.get('.custom-category-flyout-content .input-label').eq(2),

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -396,16 +396,16 @@ const steps = {
     },
 
     compareDropdownMenuAndDropdownWidthForUserSpecifiedWidth: () => {
-        let dropdownWidth
+        let dropdownWidth;
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), 0)
             .then(($originalDropdownWidth) => {
-                dropdownWidth = $originalDropdownWidth.css('width'); //Storing original dropdown width
+                dropdownWidth = parseFloat($originalDropdownWidth.css('width')); //Storing original dropdown width as a numeric value
             });
         fillInTheGapsDropdownCommonComponent.steps.expandDropdownInSpecifyCorrectAnswerSection(0);
         fillInTheGapsDropdownCommonComponent.dropdownList()
             .then(($dropdownMenuWidth) => {
-                let dropdownMenuWidth = $dropdownMenuWidth.css('max-width');
-                expect(dropdownMenuWidth).to.be.eq(dropdownWidth);  //Comparing dropdown menu and dropdown width
+                let dropdownMenuWidth = $dropdownMenuWidth[0].offsetWidth;
+                expect(dropdownMenuWidth).to.be.closeTo(dropdownWidth, 1); // Comparing dropdown menu and dropdown width with a tolerance of 1px
             });
     },
 

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -23,7 +23,7 @@ const selectors = {
     tableCell: () => cy.get('[class*="CellContainer"]'),
     correctAnswerGrid: () => cy.get('.correct-ans-selection-grid'),
     tableRow: () => cy.get('[class*="wrapper-row"]'),
-    correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerHeader"]'),
+    correctAnswersSectionLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerHeader"]'),
     penaltyPointsForEachIncorrectRowInputField: () => cy.get('input[aria-label="Penalty points for each incorrect row"]'),
     pointsPerRowLabel: () => cy.get('.selection-grid-partial-points-per-response-label'),
     enableRowHeadingLabel: () => cy.get('[data-ngie-testid="enable-row-heading-checkbox"] [class*="label"]'),
@@ -657,6 +657,34 @@ const steps = {
             });
         return questionsArray;
     },
+
+    /**
+     * Verifies the presence of an error icon in the specified row of the Specify Columns and Rows grid.
+     * @param {number} rowIndex - The index of the row to verify.
+     */
+    verifyErrorIconInSpecifyColumnsAndRowsGrid: (rowIndex) => {
+        utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), rowIndex)
+            .within(() => {
+                utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 0)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.errorIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+     * Verifies the absence of an error icon in the specified row of the Specify Columns and Rows grid.
+     * @param {number} rowIndex - The index of the row to verify.
+     */
+    verifyErrorIconInSpecifyColumnsAndRowsGridNotExists: (rowIndex) => {
+        utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), rowIndex)
+            .within(() => {
+                utilities.getNthElement(gridQuestionCommonComponent.tableCell(), 0)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.errorIcon(), 'notExist');
+                    });
+            });
+    }
 }
 
 const tests = {

package/cypress/pages/components/imageCanvasComponent.js

@@ -251,12 +251,12 @@ const steps = {
 
     verifyNoImageAlternativeTextPresentInPreviewTab: () => {
         imageCanvasComponent.canvasImageInPreviewTab()
-            .should('have.attr', 'alt', '');
+            .should('have.attr', 'alt', 'highlightImage.jpg');
     },
 
     verifyNoImageAlternativeTextPresentInEditTab: () => {
         imageCanvasComponent.canvasImage()
-            .should('have.attr', 'alt', '');
+            .should('have.attr', 'alt', 'highlightImage.jpg');
     },
 
     verifyImageFitsToCanvas: () => {
@@ -979,7 +979,7 @@ const tests = {
 
         it('When user clears text in the \'Alternative text\' input field, then default alternative text should be displayed for canvas image', () => {
             imageCanvasComponent.steps.clearImageAlternativeTextInputFieldText();
-            imageCanvasComponent.steps.verifyNoImageAlternativeTextPresentInPreviewTab();
+            imageCanvasComponent.steps.verifyNoImageAlternativeTextPresentInEditTab();
         });
     },
 

package/cypress/pages/components/questionInputFieldComponent.js

@@ -138,7 +138,7 @@ const tests = {
             questionInputFieldComponent.steps.clearQuestionInputField();
             questionInputFieldComponent.steps.verifyQuestionInputFieldPlaceholder();
             questionInputFieldComponent.steps.addInputToQuestionInputField('Lorem Ipsum');
-            utilities.verifyInnerText(questionInputFieldComponent.questionInputField(), 'Lorem Ipsum');
+            utilities.verifyTextContent(questionInputFieldComponent.questionInputField(), 'Lorem Ipsum');
             questionInputFieldComponent.steps.verifyQuestionInputFieldPlaceholderNotDisplayed();
         });
     },

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -67,8 +67,8 @@ const selectors = {
     //Specify correct answer matrix
     tableCellContainerSpecifyCorrectAnswerSection: () => cy.get('[class*="DragAndDropMatrixstyles__CellContainer"]'),
     tableRowContainerSpecifyCorrectAnswerSection: () => cy.get('[class*="DragAndDropMatrixstyles__RowContainer"]'),
-    leftArrowNavigationButtonSpecifyCorrectAnswerSection: () => cy.get('[aria-label="Left Pagination Button"][class*="DragAndDropMatrixstyles__PaginationControl"]').last(),
-    rightArrowNavigationButtonSpecifyCorrectAnswerSection: () => cy.get('[aria-label="Right Pagination Button"][class*="DragAndDropMatrixstyles__PaginationControl"]').last(),
+    leftArrowNavigationButtonSpecifyCorrectAnswerSection: () => cy.get('.classification-set-correct-answer-wrapper [aria-label="Left Pagination Button"]'),
+    rightArrowNavigationButtonSpecifyCorrectAnswerSection: () => cy.get('.classification-set-correct-answer-wrapper [aria-label="Right Pagination Button"]'),
     tableCellLabel: () => cy.get('.cell-label'),
 
     //Additional Settings
@@ -92,8 +92,7 @@ const selectors = {
     addRowButton: () => cy.get('[aria-label="Rows"] [aria-label*="Increase count"]'),
     deleteColumnButton: () => cy.get('[aria-label="Columns"] [aria-label*="Decrease count"]'),
     deleteRowButton: () => cy.get('[aria-label="Rows"] [aria-label*="Decrease count"]'),
-    //Note: Need to update selector after https://redmine.zeuslearning.com/issues/556753 gets fixed
-    penaltyPointsForIncorrectDropzoneInputField: () => cy.get('input[aria-label="penalty points for each incorrect option"]'),
+    penaltyPointsForIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]'),
     penaltyPointsForIncorrectOptionInputField: () => cy.get('input[aria-label="penalty points for each incorrect option"]'),
     penaltyPointsForEachIncorrectOptionOrDropzoneLabel: () => cy.get('[class*="PenaltyScoreForEachIncorrectstyles__PointsLabel"]'),
     tableOuterBorder: () => cy.get('.table-border'),

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -174,6 +174,16 @@ const steps = {
             .click();
     },
 
+    clickAndDropGroupedOptionInOptionsContainerInSpecifyCorrectAnswerSection: (optionText) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
+            .contains(optionText)
+            .click({ force: true });
+        draggableOptionContainer.groupedOptionsContainerSpecifyCorrectAnswerSection()
+            .find('[class*="DraggableGroupItemsstyle__DraggableWrapper"]')
+            .eq(0)
+            .click();
+    },
+
     /**
      * @description Verifies that the image in the Preview tab has the correct source and alt text.
      * @param {number} optionIndex - The index of the option in the Preview tab.

package/cypress/pages/graphingPage.js

@@ -885,9 +885,9 @@ const steps = {
             .should('have.value', xTickInterval)
     },
 
-    verifyXDisplayAxisCheckboxChecked: () => {
+    verifyXDisplayAxisCheckboxUnchecked: () => {
         graphingPage.xDisplayAxisCheckbox()
-            .should('be.checked')
+            .should('not.be.checked')
     },
 
     uncheckXDisplayAxisCheckbox: () => {
@@ -1004,9 +1004,9 @@ const steps = {
             .should('have.value', yTickInterval)
     },
 
-    verifyYDisplayAxisCheckboxChecked: () => {
+    verifyYDisplayAxisCheckboxUnchecked: () => {
         graphingPage.yDisplayAxisCheckbox()
-            .should('be.checked')
+            .should('not.be.checked')
     },
 
     uncheckYDisplayAxisCheckbox: () => {

package/cypress/pages/index.js

@@ -13,9 +13,6 @@ export * from './shortTextResponsePage';
 export * from './fillInTheGapsDropdownPage';
 export * from './fillInTheGapsDragAndDropPage';
 export * from './dragAndDropIntoCategoriesPage';
-export * from './listMatchingPage';
-export * from './listMatchingScoring';
-export * from './passagePage';
 export * from './highlightPage';
 export * from './videoResponsePage';
 export * from './listOrderingPage';