itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/pages/fillInTheGapsTextPage.js

@@ -1,224 +1,77 @@
-import { questionInstructionsComponent, scoringSectionBase, createQuestionBasePage, additionalSettingsPanel, commonComponents, autoScoredPreviewBase, autoScoredAdditionalSettings, autoScoredSetCorrectAnswerSection, autoScoredScoringSectionMultipleResponsesType, autoScoredScoringSection, fillInTheGapsCommonComponents, specialCharactersFlyoutComponent, specialAndCustomSpecialCharactersComponent, previewScoringAndShowCorrectAnswerComponent, questionInputFieldComponent } from "./components";
-import { answerNumerationComponent } from "./components/answerNumerationComponent";
+import utilities from "../support/helpers/utilities";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, questionInputFieldComponent, additionalSettingsPanel } from "./components";
 const css = Cypress.env('css');
 
 const selectors = {
-    ...scoringSectionBase,
-    ...createQuestionBasePage,
-    ...additionalSettingsPanel,
     ...questionInstructionsComponent,
     ...commonComponents,
-    ...autoScoredSetCorrectAnswerSection,
-    ...autoScoredAdditionalSettings,
-    ...autoScoredPreviewBase,
-    ...autoScoredScoringSectionMultipleResponsesType,
-    ...fillInTheGapsCommonComponents,
-    ...specialCharactersFlyoutComponent,
-    ...specialAndCustomSpecialCharactersComponent,
-    ...previewScoringAndShowCorrectAnswerComponent,
-    ...answerNumerationComponent,
+    ...correctIncorrectAnswerLabelComponent,
+    ...customizeSpecialCharacterComponent,
+    ...autoScoredScoringSectionMultiResponseType,
+    ...autoScoredSpecifyCorrectAnswerSection,
+    ...autoScoredStudentViewSettings,
+    ...autoScoredScoringPreviewTab,
+    ...fillInTheGapsTextCommonComponent,
     ...questionInputFieldComponent,
-    setCorrectAnswerResponseField: () => cy.get('.response-input-field input[type="text"]'),
-    caseSensitiveLabel: () => cy.get('[data-ngie-testid="case-sensitive-checkbox"] .MuiFormControlLabel-label'),
-    ignoreSpacesBeforeAndAfterLabel: () => cy.get('[data-ngie-testid="ignore-spaces-before-and-after-checkbox"] .MuiFormControlLabel-label'),
-    matchFromAllResponsesLabel: () => cy.get('[data-ngie-testid="match-from-all-responses-checkbox"] .MuiFormControlLabel-label'),
-    caseSensitiveCheckbox: () => cy.get('[data-ngie-testid="case-sensitive-checkbox"] input'),
-    ignoreSpacesBeforeAndAfterCheckbox: () => cy.get('[data-ngie-testid="ignore-spaces-before-and-after-checkbox"] input'),
-    matchFromAllResponsesCheckbox: () => cy.get('[data-ngie-testid="match-from-all-responses-checkbox"] input'),
-    //Additional settings
-    multilineResponseLabel: () => cy.get('[data-ngie-testid="multiline-response-checkbox"] .MuiFormControlLabel-label'),
-    multilineResponseCheckbox: () => cy.get('[data-ngie-testid="multiline-response-checkbox"] input'),
-    setCorrectAnswerMultilineTextArea: () => cy.get('.response-multiline-input-field'),
-    previewTabMultilineTextArea: () => cy.get('.cloze-with-text-response-preview-wrapper .response-multiline-input-field'),
-    spellCheckLabel: () => cy.get('[data-ngie-testid="spell-check-checkbox"] .MuiFormControlLabel-label'),
-    spellCheckCheckbox: () => cy.get('[data-ngie-testid="spell-check-checkbox"] input'),
-    previewTabResponseFieldSpecialCharactersButton: () => cy.get('.cloze-with-text-response-preview-wrapper .custon-special-character-button'),
-    typeOfAnswerInputLabel: () => cy.get('.additional-settings-label[id*="Type-of-Answer-input"]'),
-    typeOfAnswerInputDropdown: () => cy.get('.drop-down-parent[id*="Type-of-Answer-input"]').eq(0),
-    typeOfAnswerInputDropdownListOptions: (optionNumber) => cy.get('[aria-labelledby*="Type-of-Answer-input"] .dropdown-menu-item').eq(optionNumber),
-    setCharacterLimitLabel: () => cy.get('[aria-labelledby="Set character limit"]'),
-    setCharacterLimitInputField: () => cy.get('.dropdown-wrapper .text-input-field input[type="text"]').eq(0),
-    //Preview tab
-    previewTabResponseField: () => cy.get('.cloze-with-text-response-preview-wrapper [type="text"]'),
-    previewTabResponseFieldWrapper: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper'),
 }
 
 const steps = {
     ...createQuestionBasePage.steps,
     ...questionInstructionsComponent.steps,
-    ...scoringSectionBase.steps,
-    ...additionalSettingsPanel.steps,
-    ...autoScoredSetCorrectAnswerSection.steps,
-    ...autoScoredPreviewBase.steps,
-    ...autoScoredSetCorrectAnswerSection.steps,
-    ...autoScoredScoringSection.steps,
-    ...autoScoredAdditionalSettings.steps,
-    ...fillInTheGapsCommonComponents.steps,
-    ...specialCharactersFlyoutComponent.steps,
-    ...autoScoredScoringSectionMultipleResponsesType.steps,
-    ...answerNumerationComponent.steps,
+    ...commonComponents.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...autoScoredScoringPreviewTab.steps,
+    ...autoScoredSpecifyCorrectAnswerSection.steps,
+    ...autoScoredScoringSectionMultiResponseType.steps,
+    ...correctIncorrectAnswerLabelComponent.steps,
+    ...autoScoredStudentViewSettings.steps,
+    ...acceptedStudentInputComponent.steps,
+    ...customizeSpecialCharacterComponent.steps,
+    ...autoScoredStudentViewSettings.steps,
+    ...fillInTheGapsTextCommonComponent.steps,
     ...questionInputFieldComponent.steps,
-    expandResponseAccordion: (responseIndex) => {
-        fillInTheGapsTextPage.responseAccordionWrapper()
-            .eq(responseIndex)
-            .find('[role="button"]')
-            .should('have.attr', 'aria-expanded', 'false')
-            .click()
-            .should('have.attr', 'aria-expanded', 'true');
+    ...additionalSettingsPanel.steps,
+    /**
+     * Verify that the incorrect option icon is displayed for a specific answer input field.
+     * @param {number} inputFieldIndex - The index of the answer input field to verify.
+     */
+    verifyIncorrectOptionIcon: (inputFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsTextCommonComponent.responseStatusWrapper(), inputFieldIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
+            });
     },
 
-    setCorrectAnswerResponses: (responseTextArray) => {
-        responseTextArray.forEach((responseFieldText, count) => {
-            fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                .eq(count)
-                .type(responseFieldText)
-                .should('have.value', responseFieldText);
-        });
+    /**
+     * Verify that the correct option icon is displayed for a specific answer input field.
+     * @param {number} inputFieldIndex - The index of the answer input field to verify.
+     */
+    verifyCorrectOptionIcon: (inputFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsTextCommonComponent.responseStatusWrapper(), inputFieldIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+            });
     },
 
-    verifyAnswerInputScoreAndCorrectIncorrectAnswerLabel: (answerInput, score, isCorrect) => {
-        cy.log('Pre-requisite: This can only be used for questions with single response fields');
-        fillInTheGapsTextPage.previewTabResponseField()
-            .clear()
-            .type(answerInput)
-            .blur();
-        previewScoringAndShowCorrectAnswerComponent.previewScoreText()
-            .verifyInnerText(score);
-        autoScoredPreviewBase.checkAnswerButton()
-            .realClick();
-        if (isCorrect) {
-            fillInTheGapsTextPage.steps.verifyCorrectOptionCheckmarkIcon('0');
-            autoScoredPreviewBase.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-        } else {
-            fillInTheGapsTextPage.steps.verifyIncorrectOptionCrossmarkIcon('0');
-            autoScoredPreviewBase.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        };
+    /**
+     * Verify that both correct and incorrect option icons do not exist for a specific answer input field.
+     * @param {number} inputFieldIndex - The index of the answer input field to verify.
+     */
+    verifyCorrectIncorrectIconNotExist: (inputFieldIndex) => {
+        utilities.getNthElement(fillInTheGapsTextCommonComponent.responseStatusWrapper(), inputFieldIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'notExist');
+                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'notExist');
+            });
     },
-
-    enterAnswerResponsesInPreviewTab: (responseTextArray) => {
-        responseTextArray.forEach((responseFieldText, count) => {
-            fillInTheGapsTextPage.previewTabResponseField()
-                .eq(count)
-                .clear()
-                .type(responseFieldText)
-                .should('have.value', responseFieldText);
-        });
-    }
 }
 
 const tests = {
-    ...commonComponents.tests,
-    ...createQuestionBasePage.tests,
+    ...autoScoredScoringPreviewTab.tests,
     ...questionInstructionsComponent.tests,
-    ...additionalSettingsPanel.tests,
-    ...scoringSectionBase.tests,
-    ...autoScoredSetCorrectAnswerSection.tests,
-    ...autoScoredAdditionalSettings.tests,
-    ...autoScoredScoringSection.tests,
-    ...fillInTheGapsCommonComponents.tests,
-    ...specialCharactersFlyoutComponent.tests,
-    ...specialAndCustomSpecialCharactersComponent.tests,
-    ...previewScoringAndShowCorrectAnswerComponent.tests,
-    ...autoScoredScoringSectionMultipleResponsesType.tests,
-    ...answerNumerationComponent.tests,
+    ...commonComponents.tests,
     ...questionInputFieldComponent.tests,
-    verifySetCorrectAnswerTabContentsAndFunctionality: (tabName) => {
-        it(`CSS of ${tabName} contents`, { tags: 'css' }, () => {
-            fillInTheGapsTextPage.setCorrectAnswerResponseFieldLabel()
-                .eq(0)
-                .verifyCSS(css.color.labels, css.fontSize.default, css.fontWeight.regular);
-            fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                .eq(0)
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('By default, an empty points input field and two empty response fields with labels \'Response 1\' and \'Response 2\' should be present', () => {
-            fillInTheGapsTextPage.pointsInputField()
-                .should('have.value', '');
-            for (let index = 0; index < 2; index++) {
-                fillInTheGapsTextPage.setCorrectAnswerResponseFieldLabel()
-                    .eq(index)
-                    .verifyInnerText(`Response ${index + 1}`);
-                fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                    .eq(index)
-                    .should('be.visible');
-            };
-        });
-
-        it('User should be able to enter text in the empty response field', () => {
-            fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                .eq(0)
-                .type('Lorem Ipsum')
-                .should('have.value', 'Lorem Ipsum');
-        });
-
-        it(`When the user has only partially filled response fields out of the available response fields, \'Error: Please set a correct answer.\' validation error message should be thrown along with an error icon on the \'${tabName}\'`, () => {
-            fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                .eq(1)
-                .focus()
-                .blur();
-            commonComponents.errorMessage()
-                .should('have.text', 'Error: Please set a correct answer.');
-            if (tabName == 'Correct tab') {
-                autoScoredSetCorrectAnswerSection.correctTab()
-                    .within(() => {
-                        autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                            .should('be.visible');
-                    });
-            } else {
-                autoScoredSetCorrectAnswerSection.alternateAnswerTab(1)
-                    .within(() => {
-                        autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                            .should('be.visible');
-                    });
-            };
-        });
-
-        autoScoredSetCorrectAnswerSection.tests.verifyCSSAndA11yOfAutoScoredSetCorrectAnswerErrorMessage();
-
-        it('CSS of response field error state', { tags: 'css' }, () => {
-            fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                .eq(1)
-                .parents('.response-input-field')
-                .should('have.css', 'background-color', css.color.errorFieldBg)
-                .find('fieldset')
-                .should('have.css', 'border', `1px solid ${css.color.errorFieldBorder}`)
-        });
-
-        it('Accessibility of response field error state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsTextPage.setCorrectAnswerResponseField().parents('.cloze-with-text-response-form-controls-wrapper'));
-        });
-
-        it('When the user has added text in all the available response fields, the error message should disappear', () => {
-            fillInTheGapsTextPage.setCorrectAnswerResponseField()
-                .eq(1)
-                .type('dolor sit amet')
-                .should('have.value', 'dolor sit amet');
-            commonComponents.errorMessage()
-                .should('not.exist');
-        });
-
-        autoScoredSetCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(tabName);
-    },
-
-    verifyMinimumScoreAwardedForIncorrectAnswer: (totalPoints) => {
-        it('When user has provided minimum score awarded (if attempted) points, then in Preview tab on entering incorrect answer, minimum score should be provided for the question', () => {
-            cy.log('Switch to edit tab and set minimum score if attempted points')
-            createQuestionBasePage.steps.switchToEditTab();
-            scoringSectionBase.minimumScoreIfAttemptedInputField()
-                .type('1')
-                .should('have.value', '1');
-            createQuestionBasePage.steps.switchToPreviewTab()
-            fillInTheGapsTextPage.previewTabResponseField()
-                .eq(0)
-                .type('Incorrect answer')
-                .blur();
-            previewScoringAndShowCorrectAnswerComponent.previewScoreText()
-                .then(($points) => {
-                    expect($points.text()).to.equal(`1/${totalPoints}`);
-                });
-        });
-    }
+    ...fillInTheGapsTextCommonComponent.tests
 }
 
 export const fillInTheGapsTextPage = {

package/cypress/pages/index.js

@@ -11,14 +11,10 @@ export * from './fillInTheGapsTextPage';
 export * from './essayResponseMathPage';
 export * from './shortTextResponsePage';
 export * from './fillInTheGapsDropdownPage';
-export * from './fillInTheGapsScoring';
 export * from './fillInTheGapsDragAndDropPage';
-export * from './fillInTheGapsSetCorrectAnswerSection';
 export * from './dragAndDropIntoCategoriesPage';
 export * from './listMatchingPage';
-export * from './dragAndDropIntoCategoriesResponseScoring'
 export * from './listMatchingScoring';
-export * from './dragAndDropIntoCategoriesAllOrNothingScoring';
 export * from './passagePage';
 export * from './highlightPage';
 export * from './videoResponsePage';
@@ -29,6 +25,9 @@ export * from './audioPlayerPage';
 export * from './highlightImagePage';
 export * from './fillInTheGapsOverImageDropdownPage';
 export * from './fillInTheGapsOverImageTextPage';
+export * from './multipleSelectionGridPage';
+export * from './singleSelectionGridPage';
+export * from './feedbackScalePage';
 export * from './itemPreviewSettingsPage';
 export * from './itemPreviewPage';
 export * from './studentViewPage';
@@ -40,4 +39,5 @@ export * from './desmosGraphingPage';
 export * from './drawingResponsePage';
 export * from './protractorPage';
 export * from './textEntryMathPage';
-export * from './fillInTheGapsOverImageDragAndDropPage';
+export * from './fillInTheGapsOverImageDragAndDropPage';
+export * from './textEntryMathWithImagePage';

package/cypress/pages/multipleSelectionPage.js

@@ -556,6 +556,7 @@ const tests = {
     ...optionsWrapperComponent.tests,
     ...equationEditorFlyout.tests,
     ...commonComponents.tests,
+    ...autoScoredStudentViewSettings.tests,
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.