itemengine-cypress-automation 1.0.246 → 1.0.247

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -1,297 +0,0 @@
-import { dialogBoxBase } from "../dialogBoxBase";
-import { scoringSectionBase } from "./scoringSectionBase";
-import { commonComponents } from "./commonComponents";
-const css = Cypress.env('css');
-//Note: deprecated file
-const selectors = {
-    setCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
-    setCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),
-    alternateAnswerButton: () => cy.get('.edit-question-auto-scored-set-correct-answer-wrapper .ngie-button'),
-    alternateAnswerTab: (tabIndex = null) => {
-        if (tabIndex) {
-            return cy.get('[data-ngie-testid*="alternate-"][data-ngie-testid*="tab"]').eq(tabIndex - 1)
-        } else {
-            return cy.get('[data-ngie-testid*="alternate-"][data-ngie-testid*="tab"]')
-        }
-    },
-    deleteAlternateTabButton: () => cy.get('.ngie-tablist-tab-button .styled-close-button'),
-    correctTab: () => cy.get('[data-ngie-testid="correct-tab"]'),
-    setCorrectAnswerErrorIcon: () => cy.get('[aria-label="Error In"]'),
-}
-
-const steps = {
-    clickOnAddAlternateAnswerButton: () => {
-        autoScoredSetCorrectAnswerSection.alternateAnswerButton()
-            .click();
-    },
-
-    addAlternateTab: (index) => {
-        autoScoredSetCorrectAnswerSection.steps.clickOnAddAlternateAnswerButton()
-        autoScoredSetCorrectAnswerSection.alternateAnswerTab(index)
-            .verifyInnerText(`Alternate ${index}`);
-    },
-
-    verifySetCorrectAnswerErrorIconIsNotDisplayed: () => {
-        autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-            .should('not.exist');
-    },
-
-    verifySetCorrectAnswerErrorIconIsDisplayed: () => {
-        autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-            .should('have.text', 'Error-Icon');
-    },
-
-    navigateToAlternateTab: (tabIndex) => {
-        autoScoredSetCorrectAnswerSection.alternateAnswerTab(tabIndex)
-            .click();
-    },
-
-    //V3- Need to update the function in all files
-    navigateToCorrectTab: () => {
-        autoScoredSetCorrectAnswerSection.correctTab()
-            .click();
-    },
-
-    deleteAlternateTab: () => {
-        autoScoredSetCorrectAnswerSection.deleteAlternateTabButton()
-            .click();
-    },
-
-    verifyActiveStateOfCorrectTab: () => {
-        autoScoredSetCorrectAnswerSection.correctTab()
-            .should('have.attr', 'aria-selected', 'true');
-    },
-
-    verifyActiveStateOfAlternateTab: (tabIndex) => {
-        autoScoredSetCorrectAnswerSection.alternateAnswerTab(tabIndex)
-            .should('have.attr', 'aria-selected', 'true');
-    },
-
-    switchToCorrectTab: () => {
-        autoScoredSetCorrectAnswerSection.correctTab()
-            .click();
-    },
-
-    //V3- Need to update the function in all files
-    verifySetCorrectAnswerSectionErrorMessage: () => {
-        commonComponents.errorMessage()
-            .last()
-            .verifyInnerText('Error: Please set a correct answer.');
-    }
-}
-
-const tests = {
-    verifyAutoScoredSetCorrectAnswerHeaderSectionContents: (questionType) => {
-        it('\'Specify correct answer\' label and help text should be displayed in \'Specify correct answer\' section', () => {
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel()
-                .verifyInnerText('Specify correct answer');
-
-            let helpText;
-            switch (questionType) {
-                case 'multiple selection':
-                    helpText = 'You can set the correct answer by selecting the correct answer option(s).';
-                    break;
-                case 'single selection':
-                    helpText = 'You can set the correct answer by selecting the correct answer option.';
-                    break;
-                case 'fill in the gaps - text':
-                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
-                    break;
-                case 'short text response':
-                    helpText = 'You can set the correct answer by entering the correct answer in the input field.';
-                    break;
-                case 'fill in the gaps - dropdown':
-                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
-                    break;
-                case 'fill in the gaps - drag and drop':
-                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
-                    break;
-                case 'single selection grid':
-                    helpText = 'You can set the correct answer(s) by selecting the correct answer option(s).';
-                    break;
-                case 'multiple selection grid':
-                    helpText = 'You can set the correct answer(s) by selecting the correct answer option(s).';
-                    break;
-                case 'drag and drop into categories':
-                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
-                    break;
-                case 'list matching':
-                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).'
-                    break;
-                case 'list ordering':
-                    helpText = 'You can set the correct answer by ordering the correct answer(s) in the response area(s).';
-                    break;
-                case 'list sorting':
-                    helpText = 'You can set the correct answer by sorting the correct answer(s) in the response area(s).';
-                    break;
-                case 'highlight':
-                    helpText = 'You can set the correct answer by highlighting the correct answer(s) in the response area(s).';
-                    break;
-                case 'highlight image':
-                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
-                    break;
-                case 'fill in the gaps over image - text':
-                    helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
-                    break;
-                case 'fill in the gaps over image - dropdown':
-                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
-                    break;
-                default:
-                    throw new Error('Invalid question type');
-            }
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerHelpText().verifyInnerText(helpText);
-        });
-
-        it('CSS of \'Specify correct answer\' header section', { tags: 'css' }, () => {
-            cy.log('CSS of Specify correct answer label')
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel()
-                .verifyCSS(css.color.sectionHeading, css.fontSize.default, css.fontWeight.semibold);
-            cy.log('CSS of Specify correct answer help text')
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerHelpText()
-                .verifyCSS(css.color.helperText, css.fontSize.normal, css.fontWeight.regular);
-            cy.log('CSS of Specify correct answer correct tab')
-            autoScoredSetCorrectAnswerSection.correctTab()
-                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.bold);
-        });
-
-        it('\'Correct\' tab should be present and selected', () => {
-            autoScoredSetCorrectAnswerSection.correctTab()
-                .should('have.attr', 'aria-selected', 'true');
-        });
-    },
-
-    verifyAutoScoredAlternateAnswer: (questionType = null) => {
-        it('\'Add Alternate Answer\' button should be present', () => {
-            autoScoredSetCorrectAnswerSection.alternateAnswerButton()
-                .verifyInnerText('Add alternative answer');
-        });
-
-        it('CSS of \'Add Alternate Answer\' button', { tags: 'css' }, () => {
-            autoScoredSetCorrectAnswerSection.alternateAnswerButton()
-                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.medium);
-        });
-
-        it('If user has not added points and/or selected correct answer in the Correct tab, the user should get a warning popup', () => {
-            cy.log('click on alternate button to display warning popup')
-            autoScoredSetCorrectAnswerSection.alternateAnswerButton()
-                .click();
-            dialogBoxBase.dialogBox()
-                .should('be.visible');
-            dialogBoxBase.dialogBoxTitle()
-                .verifyInnerText('Warning!')
-            dialogBoxBase.dialogBoxContent()
-                .verifyInnerText('Please fill the required fields.');
-            dialogBoxBase.buttonClose()
-                .should('be.visible');
-        });
-
-        it('CSS of warning popup', { tags: 'css' }, () => {
-            dialogBoxBase.dialogBoxTitle()
-                .verifyCSS(css.color.liText, css.fontSize.heading, css.fontWeight.semibold);
-            dialogBoxBase.dialogBoxContent()
-                .verifyCSS(css.color.labels, css.fontSize.default, css.fontWeight.regular);
-            dialogBoxBase.buttonClose()
-                .find('svg')
-                .should('have.css', 'fill', css.color.closeIcon);
-        });
-
-        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-        });
-
-        it('Warning popup should close on clicking the Close icon button', () => {
-            dialogBoxBase.buttonClose()
-                .click();
-            dialogBoxBase.dialogBox()
-                .should('not.exist');
-        });
-
-        it('\'Error: Please set a correct answer.\' and \'Error: Please enter points.\' validation error messages should be displayed', () => {
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                .should('be.visible')
-                .and('have.text', 'Error-Icon');
-            scoringSectionBase.pleaseEnterPointsErrorMessage()
-                .should('be.visible')
-                .verifyInnerText('Error: Please enter points.');
-            if (questionType != 'list ordering') {
-                commonComponents.errorMessage()
-                    .eq(1)
-                    .should('be.visible')
-                    .verifyInnerText('Error: Please set a correct answer.');
-            }
-        });
-    },
-
-    verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab: () => {
-        it('When user clicks on Correct tab when all the mandatory fields are not filled in Alternate tab a warning popup should be displayed and on closing the popup user should be on the Alternate 2 tab.', () => {
-            autoScoredSetCorrectAnswerSection.correctTab()
-                .click();
-            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
-            dialogBoxBase.steps.closeWarningPopup();
-            autoScoredSetCorrectAnswerSection.alternateAnswerTab(2)
-                .should('have.attr', 'aria-selected', 'true');
-        });
-    },
-
-    verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty: (tabName) => {
-        it(`When the user focuses in and out of the empty points input field, \'Error: Please enter points.\' validation text should be displayed below the points input field and error icon should be displayed on the \'${tabName}\'`, () => {
-            scoringSectionBase.pointsInputField()
-                .focus();
-            scoringSectionBase.pointsInputField()
-                .blur();
-            scoringSectionBase.pleaseEnterPointsErrorMessage()
-                .should('be.visible')
-                .verifyInnerText('Error: Please enter points.');
-            if (tabName == 'Correct tab') {
-                autoScoredSetCorrectAnswerSection.correctTab()
-                    .within(() => {
-                        autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                            .should('be.visible');
-                    });
-            } else {
-                autoScoredSetCorrectAnswerSection.alternateAnswerTab(1)
-                    .within(() => {
-                        autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                            .should('be.visible');
-                    });
-            };
-        });
-
-        it('When the user enters point in Points input field then the \'Error: Please enter points.\' validation text and error icon displayed on the \'Correct\' tab the should disappear', () => {
-            scoringSectionBase.pointsInputField()
-                .type(20)
-                .should('have.value', 20);
-            scoringSectionBase.pleaseEnterPointsErrorMessage()
-                .should('not.exist');
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                .should('not.exist');
-        });
-    },
-
-    verifyCSSAndA11yOfAutoScoredSetCorrectAnswerErrorMessage: () => {
-        it('CSS of \'Correct answer section\' error messages', { tags: 'css' }, () => {
-            commonComponents.errorMessage()
-                .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
-            autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon()
-                .find('path')
-                .should('have.css', 'fill', css.color.errorText);
-        });
-
-        it('Accessibility of \'Correct answer section\' error messages', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(commonComponents.errorMessage());
-            cy.checkAccessibility(autoScoredSetCorrectAnswerSection.setCorrectAnswerErrorIcon());
-        });
-    },
-
-    verifyA11yOfAlternateAnswerTab: () => {
-        it('Accessibility of \'Alternate\' answer tab', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(autoScoredSetCorrectAnswerSection.correctTab().parents('[class*="styles__AnswerTabWrapper"]'));
-        });
-    }
-}
-
-export const autoScoredSetCorrectAnswerSection = {
-    ...selectors,
-    steps,
-    tests
-}

package/cypress/pages/components/autoScoredStudentViewSettingsForPredefinedOptions.js

@@ -1,84 +0,0 @@
-const selectors = {
-    randomizeOptionsLabel: () => cy.get('[data-ngie-testid="randomize-options-checkbox"] .MuiFormControlLabel-label'),
-    randomizeOptionsCheckbox: () => cy.get('[data-ngie-testid="randomize-options-checkbox"] input'),
-    lockOptionPositionLabel: () => cy.get('[data-ngie-testid="lock-option-position-checkbox"] .MuiFormControlLabel-label'),
-    lockOptionPositionCheckbox: () => cy.get('[data-ngie-testid="lock-option-position-checkbox"] input'),
-    lockUnlockOptionsButton: () => cy.get('.lock-unlock-btn-icon-wrapper button')
-}
-
-const steps = {
-    verifyRandomizeOptionsCheckboxUnchecked: () => {
-        autoScoredStudentViewSettingsForPredefinedOptions.randomizeOptionsCheckbox()
-            .should('not.be.checked');
-    },
-
-    checkRandomizeOptionsCheckbox: () => {
-        autoScoredStudentViewSettingsForPredefinedOptions.randomizeOptionsCheckbox()
-            .click()
-            .should('be.checked');
-    },
-
-    uncheckRandomizeOptionsCheckbox: () => {
-        autoScoredStudentViewSettingsForPredefinedOptions.randomizeOptionsCheckbox()
-            .click();
-        steps.verifyRandomizeOptionsCheckboxUnchecked();
-    },
-
-    verifyLockOptionPositionCheckboxUnchecked: () => {
-        autoScoredStudentViewSettingsForPredefinedOptions.lockOptionPositionCheckbox()
-            .should('not.be.checked');
-    },
-
-    checkLockOptionPositionCheckbox: () => {
-        autoScoredStudentViewSettingsForPredefinedOptions.lockOptionPositionCheckbox()
-            .click()
-            .should('be.checked');
-    },
-
-    /**
-     * @description this function verifies if an option is unlocked
-     * @param {number} index of the option
-     */
-    verifyOptionsUnlocked: (index) => {
-        autoScoredStudentViewSettingsForPredefinedOptions.lockUnlockOptionsButton()
-            .eq(index)
-            .should('have.attr', 'aria-label', 'Unlock option')
-    },
-
-    /**
-    * @description this function verifies if an option is locked
-    * @param {number} index of the option
-    */
-    verifyOptionsLocked: (index) => {
-        autoScoredStudentViewSettingsForPredefinedOptions.lockUnlockOptionsButton()
-            .eq(index)
-            .should('have.attr', 'aria-label', 'Lock option')
-    },
-
-    /**
-    * @description this function locks an option
-    * @param {number} index of the option to be locked
-    */
-    lockOption: (index) => {
-        autoScoredStudentViewSettingsForPredefinedOptions.lockUnlockOptionsButton()
-            .eq(index)
-            .click();
-        steps.verifyOptionsLocked(index);
-    },
-
-    /**
-    * @description this function unlocks an option
-    * @param {number} index of the option to be unlocked
-    */
-    unlockOption: (index) => {
-        autoScoredStudentViewSettingsForPredefinedOptions.lockUnlockOptionsButton()
-            .eq(index)
-            .click();
-        steps.verifyOptionsUnlocked(index);
-    }
-}
-
-export const autoScoredStudentViewSettingsForPredefinedOptions = {
-    ...selectors,
-    steps
-}