itemengine-cypress-automation 1.0.77 → 1.0.79

package/cypress/pages/itemPreviewSettingsPage.js

@@ -1,9 +1,20 @@
 import utilities from "../support/helpers/utilities";
-import { createItemPage } from "./createItemPage";
 import { commonComponents } from "./components";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
+import { createItemPage } from "./createItemPage";
+import { shortTextResponsePage } from "./shortTextResponsePage";
+import { scoringSectionBase } from "./components";
+import { questionInstructionsComponent } from "./components";
+import { passagePage } from "./passagePage";
+import { createQuestionBasePage } from "./components";
 
 const selectors = {
     ...createItemPage,
+    ...shortTextResponsePage,
+    ...scoringSectionBase,
+    ...questionInstructionsComponent,
+    ...passagePage,
+    ...createQuestionBasePage,
     headerWrapper: () => cy.get('.settings-header-wrapper'),
     //HeadingSectionSelectors
     settingsLabel: () => cy.get('.settings-label'),
@@ -84,12 +95,17 @@ const selectors = {
     randomizeQuestionsOrderCheckbox: () => cy.get('[data-ngie-testid="randomize-questions-order-checkbox"] input'),
     randomizeQuestionsOrderLabel: () => cy.get('[data-ngie-testid="randomize-questions-order-checkbox"] .MuiFormControlLabel-label'),
     roundNegativeScoresToZeroCheckbox: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"] input'),
-    roundNegativeScoresToZeroLabel: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"] .MuiFormControlLabel-label')
+    roundNegativeScoresToZeroLabel: () => cy.get('[data-ngie-testid="round-negative-scores-to-zero-checkbox"] .MuiFormControlLabel-label'),
 };
 
 const steps = {
     ...createItemPage.steps,
-    
+    ...shortTextResponsePage.steps,
+    ...passagePage.steps,
+    ...scoringSectionBase.steps,
+    ...questionInstructionsComponent.steps,
+    ...selectQuestionResourceToolPage.steps,
+
     verifyEnableSideBySidePanelsCheckboxUnchecked: () => {
         itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()
             .should('not.be.checked');
@@ -242,7 +258,7 @@ const steps = {
         itemPreviewSettingsPage.verticalRadioButton()
             .should('be.enabled');
         itemPreviewSettingsPage.verticalLabel()
-            .parent()
+            .parents('[class*="RadioGroupMUI5styles__RadioOptionContainer"]')
             .should('not.have.class', 'radio-option-disabled');
     },
 
@@ -262,7 +278,7 @@ const steps = {
         });
         sectionNavigationAlignmentOptionsLabel.forEach((option) => {
             option()
-                .parent()
+                .parents('[class*="RadioGroupMUI5styles__RadioOptionContainer"]')
                 .should('have.class', 'radio-option-disabled');
         });
     },
@@ -276,7 +292,7 @@ const steps = {
         });
         sectionNavigationAlignmentOptionsLabel.forEach((option) => {
             option()
-                .parent()
+                .parents('[class*="RadioGroupMUI5styles__RadioOptionContainer"]')
                 .should('not.have.class', 'radio-option-disabled');
         });
     },
@@ -291,7 +307,7 @@ const steps = {
         itemPreviewSettingsPage.verticalRadioButton()
             .should('be.disabled');
         itemPreviewSettingsPage.verticalLabel()
-            .parent()
+            .parents('[class*="RadioGroupMUI5styles__RadioOptionContainer"]')
             .should('have.class', 'radio-option-disabled');
     },
 
@@ -407,7 +423,6 @@ const steps = {
     },
 
     /**
-     * 
      * @param {array} spacingOptionsArray array containing options of spacing dropdown list
      * @description this function is used to verify inner text of expanded spacing dropdown list options
      */
@@ -437,6 +452,84 @@ const steps = {
         itemPreviewSettingsPage.spacingDropdownListOptions()
             .contains(`${spacingOption}`)
             .click();
+    },
+
+    /**
+     * @param {string} option {("solid"|"dotted"|"dashed")}
+     * @description this function is used to select separator style option
+     */
+    selectSeparatorStyle: (option) => {
+        switch (option) {
+            case 'solid':
+                itemPreviewSettingsPage.solidSeparatorStyleOption()
+                    .click();
+                break;
+            case 'dotted':
+                itemPreviewSettingsPage.dottedSeparatorStyleOption()
+                    .click();
+                break;
+            case 'dashed':
+                itemPreviewSettingsPage.dashedSeparatorStyleOption()
+                    .click();
+                break;
+            default:
+                throw new Error('invalid state string');
+        };
+    },
+
+    clickApplyChanges: () => {
+        itemPreviewSettingsPage.applyChangesLabel()
+            .click();
+    },
+
+    selectSeparatedUsingDividersNavigationStyle: () => {
+        itemPreviewSettingsPage.separatedUsingDividersLabel()
+            .click();
+    },
+
+    selectNumberedNavigationStyle: () => {
+        itemPreviewSettingsPage.numberedLabel()
+            .click();
+    },
+
+    selectCenterAlignedNavigationAlignment: () => {
+        itemPreviewSettingsPage.centerAlignedLabel()
+            .click();
+    },
+
+    selectRightAlignedNavigationAlignment: () => {
+        itemPreviewSettingsPage.rightAlignedLabel()
+            .click();
+    },
+
+    selectVerticalNavigationOrientation: () => {
+        itemPreviewSettingsPage.verticalLabel()
+            .click();
+    },
+
+    selectUnderlinedNavigationStyle: () => {
+        itemPreviewSettingsPage.underlinedLabel()
+            .click();
+    },
+
+    checkRightPanelCheckbox: () => {
+        itemPreviewSettingsPage.rightPanelCheckbox()
+            .click();
+    },
+
+    uncheckRightPanelCheckbox: () => {
+        itemPreviewSettingsPage.rightPanelCheckbox()
+            .click();
+    },
+
+    checkLeftPanelCheckbox: () => {
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .click();
+    },
+
+    uncheckLeftPanelCheckbox: () => {
+        itemPreviewSettingsPage.leftPanelCheckbox()
+            .click();
     }
 };
 

package/cypress/pages/listMatchingPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, commonComponents, createQuestionBasePage, dragAndDropResponseOptions, dragAndDropSetCorrectAnswerCheckboxComponents, draggableOptionsContainer, mcqOptionsComponent, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, studentResponseAndLayoutComponent, answerNumerationComponent } from "./components"
+import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, studentResponseAndLayoutComponent, answerNumerationComponent, draggableOptionContainer, draggableOptionsSectionComponent } from "./components"
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -10,20 +10,18 @@ const selectors = {
     ...commonComponents,
     ...scoringSectionBase,
     ...autoScoredSetCorrectAnswerSection,
-    ...mcqOptionsComponent,
     ...scoringSectionBase,
     ...previewScoringAndShowCorrectAnswerComponent,
     ...autoScoredScoringSection,
-    ...dragAndDropResponseOptions,
     ...autoScoredAdditionalSettings,
     ...autoScoredPreviewBase,
     ...autoScoredScoringSectionMultipleResponsesType,
     ...optionsWrapperComponent,
-    ...dragAndDropSetCorrectAnswerCheckboxComponents,
-    ...draggableOptionsContainer,
     ...studentResponseAndLayoutComponent,
+    ...draggableOptionContainer,
     ...answerNumerationComponent,
     ...additionalSettingsPanel,
+    ...draggableOptionsSectionComponent,
 
     //Options section
     addOptionButton: () => cy.get('.add-option-wrapper-cls .ngie-button').eq(1),
@@ -90,17 +88,16 @@ const steps = {
     ...commonComponents.steps,
     ...scoringSectionBase.steps,
     ...autoScoredScoringSection.steps,
-    ...dragAndDropResponseOptions.steps,
     ...autoScoredPreviewBase.steps,
     ...additionalSettingsPanel.steps,
     ...previewScoringAndShowCorrectAnswerComponent.steps,
     ...autoScoredAdditionalSettings.steps,
     ...autoScoredScoringSectionMultipleResponsesType.steps,
-    ...dragAndDropSetCorrectAnswerCheckboxComponents.steps,
-    ...draggableOptionsContainer.steps,
     ...dialogBoxBase.steps,
+    ...draggableOptionContainer.steps,
     ...optionsWrapperComponent.steps,
     ...answerNumerationComponent.steps,
+    ...draggableOptionsSectionComponent.steps,
 
     /**
      * @param {number} index of the stem
@@ -949,14 +946,14 @@ const steps = {
         listMatchingPage.responseOptionsSectionWrapper()
             .within(() => {
                 responseTextArray.forEach((responseFieldText, optionIndex) => {
-                    dragAndDropResponseOptions.optionsInputField()
+                    optionsWrapperComponent.optionsInputField()
                         .eq(optionIndex)
                         .should('have.text', responseFieldText);
-                    dragAndDropResponseOptions.optionNumeration()
+                    optionsWrapperComponent.optionNumeration()
                         .eq(optionIndex)
                         .should('have.text', optionIndex + 1);
                 });
-                dragAndDropResponseOptions.optionsInputField()
+                optionsWrapperComponent.optionsInputField()
                     .should('have.length', responseTextArray.length);
             });
     },
@@ -975,7 +972,7 @@ const steps = {
     verifyOptionsForDragAndDropContentsInSetCorrectAnswerSection: () => {   //Added this as function in line no. 766 does not work for list matching due to similar DOM structure for stem and option fields
         listMatchingPage.responseOptionsSectionWrapper()
             .within(() => {
-                dragAndDropResponseOptions.steps.verifyOptionsForDragAndDropSectionOptionFieldContents();
+                draggableOptionContainer.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection();
             });
     },
 
@@ -1148,9 +1145,7 @@ const tests = {
     ...autoScoredSetCorrectAnswerSection.tests,
     ...scoringSectionBase.tests,
     ...previewScoringAndShowCorrectAnswerComponent.tests,
-    ...dragAndDropResponseOptions.tests,
-    ...dragAndDropSetCorrectAnswerCheckboxComponents.tests,
-    ...draggableOptionsContainer.tests,
+    ...draggableOptionContainer.tests,
     ...commonComponents.tests,
     ...additionalSettingsPanel.tests,
     ...studentResponseAndLayoutComponent.tests,
@@ -1304,7 +1299,7 @@ const tests = {
                 .eq(0)
                 .within(() => {
                     cy.log('Pre step: Focusing out of the newly added option input field')
-                    dragAndDropResponseOptions.optionsInputField()
+                    optionsWrapperComponent.optionsInputField()
                         .eq(2)
                         .blur();
                     listMatchingPage.deleteOptionButton()

package/cypress/pages/listOrderingPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, mcqOptionsComponent, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase } from "./components"
+import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase } from "./components"
 import { answerNumerationComponent } from "./components/answerNumerationComponent";
 import { listSortingAndOrderingBase } from "./components/listSortingAndOrderingBase";
 import { setPointsPopupBase } from "./components/setPointsPopupBase";
@@ -52,7 +52,6 @@ const steps = {
     ...scoringSectionBase.steps,
     ...autoScoredSetCorrectAnswerSection.steps,
     ...commonComponents.steps,
-    ...mcqOptionsComponent.steps,
     ...optionsWrapperComponent.steps,
     ...ckEditorToolbar.steps,
     ...equationEditorFlyout.steps,

package/cypress/pages/listSortingPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsPanel, answerNumerationComponent, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, mcqOptionsComponent, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, studentResponseAndLayoutComponent } from "./components"
+import { additionalSettingsPanel, answerNumerationComponent, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, studentResponseAndLayoutComponent } from "./components"
 import { listSortingAndOrderingBase } from "./components/listSortingAndOrderingBase";
 const css = Cypress.env('css');
 
@@ -54,7 +54,6 @@ const steps = {
     ...optionsWrapperComponent.steps,
     ...scoringSectionBase.steps,
     ...autoScoredSetCorrectAnswerSection.steps,
-    ...mcqOptionsComponent.steps,
     ...commonComponents.steps,
     ...ckEditorToolbar.steps,
     ...equationEditorFlyout.steps,