itemengine-cypress-automation 1.0.166-migrationScripts-b8c79a0.0 → 1.0.166

package/cypress/pages/singleSelectionGridPage.js

@@ -15,6 +15,8 @@ const selectors = {
     ...randomizeOptionsComponent,
     ...commonComponents,
     ...additionalSettingsPanel,
+    sameRadioButtonTextInEachColumnCheckbox: () => cy.get('[data-ngie-testid="same-radio-button-text-in-each-column-checkbox"] input'),
+    sameRadioButtonTextInEachColumnCheckboxLabel: () => cy.get('[data-ngie-testid="same-radio-button-text-in-each-column-checkbox"] [class*="label"]'),
 }
 
 const steps = {
@@ -117,6 +119,28 @@ const steps = {
                 });
             });
     },
+
+    verifySameRadioButtonTextInColumnCheckboxCheckedState: () => {
+        singleSelectionGridPage.sameRadioButtonTextInEachColumnCheckbox()
+            .should('be.checked');
+    },
+
+    verifySameRadioButtonTextInColumnCheckboxUncheckedState: () => {
+        singleSelectionGridPage.sameRadioButtonTextInEachColumnCheckbox()
+            .should('not.be.checked');
+    },
+
+    uncheckSameRadioButtonTextInColumnCheckbox: () => {
+        singleSelectionGridPage.sameRadioButtonTextInEachColumnCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkSameRadioButtonTextInColumnCheckbox: () => {
+        singleSelectionGridPage.sameRadioButtonTextInEachColumnCheckbox()
+            .click()
+            .should('be.checked');
+    },
 }
 
 const tests = {
@@ -129,6 +153,7 @@ const tests = {
     ...randomizeOptionsComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...autoScoredStudentViewSettings.tests,
+    ...specifyRowsAndColumnsComponent.tests, 
     ...commonComponents.tests,
     ...createQuestionBasePage.tests,
     ...additionalSettingsPanel.tests,
@@ -188,6 +213,67 @@ const tests = {
         it(`Accessibility of ${accordionName} accordion contents`, { tags: 'a11y' }, () => {
             cy.checkAccessibility(gridQuestionCommonComponent.tableCell().parents('.correct-answer-accordion'));
         });
+    },
+
+    verifyOptionCellPropertyMenu: () => {
+        const optionCellPropertyMenuOptions = ['Radio button', 'Radio button with text', 'No radio button'];
+        it(`When user expands cell property menu of an answer cell, then ${optionCellPropertyMenuOptions.join('')} option should be displayed with the corresponding cell property displayed as active selection`, () => {
+            singleSelectionGridPage.steps.expandCellPropertyMenu({ row: 2, column: 2 });
+            optionCellPropertyMenuOptions.forEach((cellType, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionGridPage.editCellPropertyListOption(), index), cellType);
+            });
+            singleSelectionGridPage.steps.verifyCellPropertyMenuOptionIsSelected(optionCellPropertyMenuOptions[2]);
+        });
+
+        it('CSS of default option type dropdown in active state', { tags: 'css' }, () => {
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyButton().eq(5).find('g g'), {
+                'fill': css.color.primaryBtn
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyButton().eq(8).find('g g'), {
+                'fill': css.color.selectToolbarOptionBg
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().find('span[class*="MuiListItemText"]'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(0).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(1).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(2).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(3).find('span').eq(0), {
+                'fill': css.color.liText
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(1), {
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(gridQuestionCommonComponent.editCellPropertyListOption().eq(0), {
+                'background-color': css.color.liTextSelectedBg
+            });
+        });
+
+        it('Accessibility of default option type dropdown in active state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(gridQuestionCommonComponent.editCellPropertyList())
+        });
+
+        it('On selecting an option from the default option dropdown, the dropdown should close', () => {
+            singleSelectionGridPage.editCellPropertyListOption()
+                .contains('Radio button', { matchCase: false })
+                .click();
+            utilities.verifyElementVisibilityState(gridQuestionCommonComponent.editCellPropertyList(), 'notExist');
+        });
+
+        optionCellPropertyMenuOptions.forEach((cellType) => {
+            it(`When user selects ${cellType} option from the cell property menu, the table cell should be set to ${cellType}`, () => {
+                singleSelectionGridPage.steps.modifyTableCellPropertyForOptionCells({ row: 2, column: 2 }, cellType);
+                singleSelectionGridPage.steps.verifyEditCellCategoryTableCellProperty({ row: 2, column: 2 }, cellType);
+            });
+        });
     }
 }