itemengine-cypress-automation 1.0.70 → 1.0.73

package/cypress/e2e/ILC/Highlight/highlightColorLibraryFlyout.smoke.js

@@ -0,0 +1,148 @@
+import { highlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const colorLibrary = css.highlightColorLibrary;
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item page - Highlight: Color library', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Color library popup: Contents', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to Highlight question type');
+                highlightPage.steps.navigateToCreateQuestion('highlight');
+                cy.barsPreLoaderWait();
+            });
+
+            it('When user clicks on color library button, then the color library popup should be displayed with \'Color library\' title', () => {
+                highlightPage.steps.clickOnColorLibraryButton();
+                utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'visible');
+                utilities.verifyInnerText(highlightPage.dialogBoxTitle(), 'Color library');
+            });
+
+            it('The popup should contain six different color options for the author to choose from and the first option(system color) should be selected by default', () => {
+                highlightPage.steps.verifyColorLibraryPopupColors();
+                highlightPage.steps.verifyColorLibraryPopupColorSelected(0);
+            });
+
+            it('CSS of the Color library popup', { tags: 'css' }, () => {
+                utilities.verifyCSS(highlightPage.dialogBoxTitle().find('span'), {
+                    'color': css.color.flyoutTitle,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.bold
+                });
+                utilities.verifyCSS(highlightPage.colorLibrarySelectedColorIcon().find('g path').eq(2), {
+                    'fill': css.color.activeButtons
+                });
+            });
+
+            it('Accessibility of the Color library popup', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(highlightPage.dialogBox());
+            });
+
+            it('User should be able to switch to a different color inside the color library popup', () => {
+                highlightPage.steps.switchColorInColorLibraryPopup(4);
+                cy.log('Reopen color library popup to check whether the new color is displayed as selected');
+                highlightPage.steps.clickOnColorLibraryButton();
+                highlightPage.steps.verifyColorLibraryPopupColorSelected(4);
+            });
+
+            it('When user clicks outside the \'Color library popup\', then the popup should be closed', () => {
+                highlightPage.steps.clickingAwayFromColorLibraryPopup();
+                utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'notExist');
+            });
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Color library in Highlight options section and Set correct answer section', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to Highlight question type');
+                highlightPage.steps.navigateToCreateQuestion('highlight');
+                cy.barsPreLoaderWait();
+                highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
+                highlightPage.steps.clickOnColorLibraryButton();
+                highlightPage.steps.switchColorInColorLibraryPopup(4);
+            });
+
+            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the highlight options section when user hovers on an option', () => {
+                cy.log('Pre-step: Deselect an option in highlight options section');
+                highlightPage.steps.deselectOptionInHighlightOptionsSection('Word', 'Lorem');
+                highlightPage.steps.hoverOnDeselectedOptionInHighlightOptionsSection('Lorem');
+                utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
+                    'background-color': colorLibrary[4].hoverBackground,
+                    'border': `1px solid ${colorLibrary[4].hoverBorder}`
+                });
+            });
+
+            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the highlight options section when user selects an option', () => {
+                highlightPage.steps.selectOptionInHighlightOptionsSection('Word', 'Lorem');
+                utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
+                    'background-color': colorLibrary[4].background,
+                    'border': `1px solid ${colorLibrary[4].border}`
+                });
+            });
+
+            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the set correct answer section when user hovers on an option', () => {
+                highlightPage.steps.hoverOnDeselectedOptionInSetCorrectAnswerSection('Lorem');
+                utilities.verifyCSS(highlightPage.setCorrectAnswerOption(), {
+                    'background-color': colorLibrary[4].hoverBackground,
+                    'border': `1px solid ${colorLibrary[4].hoverBorder}`
+                });
+            });
+
+            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the set correct answer section when user selects an option', () => {
+                highlightPage.steps.selectOptionInSetCorrectAnswerSection('Lorem');
+                utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
+                    'background-color': colorLibrary[4].background,
+                    'border': `1px solid ${colorLibrary[4].border}`
+                });
+            });
+        });
+    }
+
+    describe('Color library in Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
+            highlightPage.steps.clickOnColorLibraryButton();
+            highlightPage.steps.switchColorInColorLibraryPopup(4);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection('ipsum');
+            highlightPage.steps.allotPoints(2);
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user hovers on an option', () => {
+            highlightPage.steps.hoverOnDeselectedOptionInPreviewTab('Lorem');
+            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
+                'background-color': colorLibrary[4].hoverBackground,
+                'border': `1px solid ${colorLibrary[4].hoverBorder}`
+            });
+        });
+
+        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user selects an option', () => {
+            highlightPage.steps.selectOptionInPreviewTab('Lorem');
+            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
+                'background-color': colorLibrary[4].background,
+                'border': `1px solid ${colorLibrary[4].border}`
+            });
+        });
+
+        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user clicks on \'Show correct answer\' checkbox', () => {
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
+                'background-color': colorLibrary[4].background,
+                'border': `1px solid ${colorLibrary[4].border}`
+            });
+        });
+    });
+})

package/cypress/e2e/ILC/Highlight/highlightQuestionInstructionsAndQuestion.smoke.js

@@ -0,0 +1,185 @@
+import { highlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item page - Highlight: Question Instructions and Question section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question Instructions input field - Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to Highlight question type');
+                highlightPage.steps.navigateToCreateQuestion('highlight');
+                cy.barsPreLoaderWait();
+            });
+
+            highlightPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+        });
+    }
+
+    describe('Question Instructions input field - Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+        });
+
+        highlightPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question input field - Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                highlightPage.steps.navigateToCreateQuestion('highlight');
+                cy.barsPreLoaderWait();
+            });
+
+            it('\'Question\' label and input field should be displayed and by default in the question input field, sample \'Lorem Ipsum\' text should be present', () => {
+                utilities.verifyInnerText(highlightPage.questionLabel(), 'Question');
+                utilities.verifyInnerText(highlightPage.questionInputField(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n\n\n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n\n\n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+            });
+
+            it('The default sample \'Lorem Ipsum\' text in the question input field should also be displayed in Highlight options section and Set correct answer section in the Edit tab.', () => {
+                utilities.verifyInnerText(highlightPage.highlightOptionsSectionTextWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+                utilities.verifyInnerText(highlightPage.setCorrectAnswerTextWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+            });
+
+            it('When the user removes all the text from the question input field and focuses out of it, an error message \'Error: Question is required.\' should be displayed', () => {
+                highlightPage.steps.clearQuestionInputField();
+                highlightPage.steps.focusOutOfQuestionInputField();
+                utilities.verifyInnerText(highlightPage.errorMessage(), 'Error: Question is required.');
+                highlightPage.steps.verifyErroredStateOfQuestionInputField();
+            });
+
+            highlightPage.tests.verifyCSSAnda11yOfErrorMessage();
+
+            it('The user should be able to give input in the question input field, then the error message should disappear and the updated question should be displayed in Highlight options section and Set correct answer section in the Edit tab', () => {
+                cy.log('Add Image to Question input field')
+                highlightPage.steps.focusInQuestionInputField();
+                highlightPage.steps.selectImageOptionFromCKEditorToolbar();
+                highlightPage.steps.addImageToInputField();
+                highlightPage.steps.verifyImageAndAltTextInQuestionInputField();
+                highlightPage.steps.addInputToQuestionInputField('{enter}');
+                cy.log('Add equation to Question input field')
+                highlightPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                highlightPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                highlightPage.steps.verifyEquationInQuestionInputField();
+                highlightPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
+                cy.log('Add bold text to input field')
+                highlightPage.steps.focusInQuestionInputField();
+                highlightPage.steps.selectBoldOptionFromCKEditorToolbar();
+                highlightPage.steps.addInputToQuestionInputField('This is Bold text input.');
+                highlightPage.steps.verifyBoldTextInQuestionInputField();
+                highlightPage.steps.addInputToQuestionInputField('{enter}');
+                cy.log('Add link to Question input field')
+                highlightPage.steps.selectLinkOptionFromCKEditorToolbar();
+                highlightPage.steps.addLinkToInputField();
+                highlightPage.steps.verifyLinkInQuestionInputField();
+                utilities.verifyElementVisibilityState(highlightPage.errorMessage(), 'notExist');
+                highlightPage.steps.focusOutOfQuestionInputField();
+            });
+
+            it('CSS of Question label and Question input field contents', { tags: 'css' }, () => {
+                utilities.verifyCSS(highlightPage.questionLabel(), {
+                    'color': css.color.sectionHeading,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(highlightPage.questionInputField(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular,
+                    'border': `1px solid ${css.color.figDefaultComponentBorder}`
+                });
+                utilities.verifyCSS(highlightPage.questionInputField().find('a'), {
+                    'color': css.color.linkText,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.bold
+                });
+            });
+
+            it('Image, equation, bold text and link added in Question input field should be properly displayed in highlight options section', () => {
+                highlightPage.steps.verifyImageAndAltTextInHighlightOptionsSection();
+                highlightPage.steps.verifyEquationInHighlightOptionsSection();
+                highlightPage.steps.verifyBoldTextInHighlightOptionsSection();
+                highlightPage.steps.verifyLinkInHighlightOptionsSection();
+            });
+
+            it('Image, equation, bold text and link added in Question input field should be properly displayed in set correct answer section', () => {
+                highlightPage.steps.verifyImageAndAltTextInSetCorrectAnswerSection();
+                highlightPage.steps.verifyEquationInSetCorrectAnswerSection();
+                highlightPage.steps.verifyBoldTextInSetCorrectAnswerSection();
+                highlightPage.steps.verifyLinkInSetCorrectAnswerSection();
+            });
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question field - Preview tab', () => {
+            abortEarlySetup();
+            before(() => {
+                highlightPage.steps.navigateToCreateQuestion('highlight');
+                cy.barsPreLoaderWait();
+            });
+
+            it('In Preview tab, the sample \'Lorem Ipsum\' text should be displayed in the question field', () => {
+                highlightPage.steps.switchToPreviewTab()
+                utilities.verifyInnerText(highlightPage.previewTabQuestionContainer(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+            });
+
+            it('The user should be able to edit text in the question input field and the updated question should be displayed in the preview tab', () => {
+                cy.log('Switching to edit tab')
+                highlightPage.steps.switchToEditTab();
+                highlightPage.steps.clearQuestionInputField();
+                cy.log('Add Image to Question input field')
+                highlightPage.steps.focusInQuestionInputField();
+                highlightPage.steps.selectImageOptionFromCKEditorToolbar();
+                highlightPage.steps.addImageToInputField();
+                highlightPage.steps.verifyImageAndAltTextInQuestionInputField();
+                highlightPage.steps.addInputToQuestionInputField('{enter}');
+                cy.log('Add equation to Question input field')
+                highlightPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                highlightPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                highlightPage.steps.verifyEquationInQuestionInputField();
+                highlightPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
+                cy.log('Add bold text to input field')
+                highlightPage.steps.focusInQuestionInputField();
+                highlightPage.steps.selectBoldOptionFromCKEditorToolbar();
+                highlightPage.steps.addInputToQuestionInputField('This is Bold text input.');
+                highlightPage.steps.verifyBoldTextInQuestionInputField();
+                highlightPage.steps.addInputToQuestionInputField('{enter}');
+                cy.log('Add link to Question input field')
+                highlightPage.steps.selectLinkOptionFromCKEditorToolbar();
+                highlightPage.steps.addLinkToInputField();
+                highlightPage.steps.verifyLinkInQuestionInputField();
+                cy.log('Switching to preview tab')
+                highlightPage.steps.switchToPreviewTab();
+                highlightPage.steps.verifyImageAndAltTextInPreviewTab();
+                highlightPage.steps.verifyEquationInPreviewTab();
+                highlightPage.steps.verifyBoldTextInPreviewTab();
+                highlightPage.steps.verifyLinkInPreviewTab();
+            });
+
+            //Failing due to https://redmine.zeuslearning.com/issues/537907
+            it('CSS of \'Preview tab\' when image, equation, bold text and link are added', { tags: 'css' }, () => {
+                utilities.verifyCSS(highlightPage.previewTabQuestionContainer().find('strong'), {
+                    'color': css.color.labels,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.bold
+                });
+                utilities.verifyCSS(highlightPage.previewTabQuestionContainer().find('a'), {
+                    'color': css.color.linkText,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.bold
+                });
+            });
+        });
+    }
+});

package/cypress/e2e/ILC/HighlightImage/highlightImageEditTabBasic.smoke.js

@@ -0,0 +1,138 @@
+import constants from "../../../fixtures/constants";
+import { highlightImagePage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item page - Highlight image: Question instructions, edit tab contents and image popup', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question instructions input field - Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to highlight image question type');
+                highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            });
+
+            highlightImagePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question instructions input field - Preview tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to Highlight image question type');
+                highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            });
+
+            highlightImagePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Highlight image - Edit tab default contents', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to highlight image question type');
+                highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            });
+
+            it('\'Highlight image\' title should be displayed', () => {
+                utilities.verifyInnerText(highlightImagePage.highlightImageLabel(), 'Highlight image');
+                utilities.verifyElementVisibilityState(highlightImagePage.highlightImageLabel(), 'visible');
+            });
+
+            uploadImageSectionComponent.tests.uploadImageEditTabContents();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Upload image - device popup contents', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to highlight image question type');
+                highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            });
+
+            uploadImageSectionComponent.tests.verifyUploadImagePopupImageTitle();
+
+            uploadImageSectionComponent.tests.uploadImagePopupContents(500, 500);
+
+            uploadImageSectionComponent.tests.verifyButtonReplaceInImagePopup();
+        });
+    }
+
+    //Failing due to https://redmine.zeuslearning.com/issues/547305
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Upload image popup contents functionality', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to highlight image question type');
+                highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+                uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            });
+
+            uploadImageSectionComponent.tests.uploadImageHeightWidthAspectRatioAndResetDimensionsFunctionality(500, 500);
+
+            uploadImageSectionComponent.tests.uploadImageReplaceButtonFunctionality();
+
+            it('When user selects the \'Cancel\' button the image should not be uploaded', () => {
+                uploadImageSectionComponent.steps.clickOnImagePopupCancelButton();
+                utilities.verifyElementVisibilityState(highlightImagePage.highlighImageCanvas(), 'notExist');
+            });
+
+            it('When user uploads an image and selects \'Ok\' button the image should be displayed in the highlight image section', () => {
+                uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                utilities.verifyElementVisibilityState(highlightImagePage.highlighImageCanvas(), 'visible');
+            });
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Upload image - source URL popup contents', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to highlight image question type');
+                highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            });
+
+            uploadImageSectionComponent.tests.verifyUploadImageSourceURLTitle();
+
+            uploadImageSectionComponent.tests.verifyUploadImageSourceURLDefaultLabelAndInputField();
+
+            uploadImageSectionComponent.tests.uploadImagePopupContents(650, 684);
+        });
+    }
+
+    describe('Upload image \'Source URL\' popup contents functionality', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            uploadImageSectionComponent.steps.clickOnSourceURL();
+            uploadImageSectionComponent.steps.uploadImageUsingSourceURL(constants.flowerImage);
+        });
+
+        uploadImageSectionComponent.tests.uploadImageHeightWidthAspectRatioAndResetDimensionsFunctionality(650, 684);
+
+        it('When user selects the \'Cancel\' button the image should not be uploaded', () => {
+            uploadImageSectionComponent.steps.clickOnImagePopupCancelButton();
+            utilities.verifyElementVisibilityState(highlightImagePage.highlighImageCanvas(), 'notExist');
+        });
+
+        it('When user uploads an image and selects \'Ok\' button the image should be displayed in the highlight image section', () => {
+            uploadImageSectionComponent.steps.clickOnSourceURL();
+            uploadImageSectionComponent.steps.uploadImageUsingSourceURL(constants.flowerImage);
+            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+            utilities.verifyElementVisibilityState(highlightImagePage.highlighImageCanvas(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/HighlightImage/{highlightImagePreviewTab.js → highlightImagePreviewTab.smoke.js}

@@ -13,7 +13,7 @@ describe('Create Item page - Highlight image: Preview tab', () => {
         cy.loginAs('admin');
     });
 
-    describe('Preview tab contents with uploading image', () => {
+    describe('Preview tab contents with uploading image', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Highlight image question type');

package/cypress/e2e/ILC/HighlightImage/{highlightImageToolsFunctionalityPreviewTab.js → highlightImageToolsFunctionalityPreviewTab.smoke.js}

@@ -12,7 +12,7 @@ describe('Create Item page - Highlight image: Tools functionality preview tab',
         cy.loginAs('admin');
     });
 
-    describe('\'Pen\' tool functionality - Preview tab', () => {
+    describe('\'Pen\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Highlight image question type');
@@ -55,7 +55,7 @@ describe('Create Item page - Highlight image: Tools functionality preview tab',
         });
     });
 
-    describe('\'Undo\' and \'Redo\' tool functionality - Preview tab', () => {
+    describe('\'Undo\' and \'Redo\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Highlight image question type');
@@ -113,7 +113,7 @@ describe('Create Item page - Highlight image: Tools functionality preview tab',
         });
     });
 
-    describe('\'Item eraser\' tool functionality - Preview tab', () => {
+    describe('\'Item eraser\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Highlight image question type');
@@ -137,7 +137,7 @@ describe('Create Item page - Highlight image: Tools functionality preview tab',
         });
     });
 
-    describe('\'Clear all\' tool functionality - Preview tab', () => {
+    describe('\'Clear all\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Highlight image question type');

package/cypress/e2e/ILC/ListMatching/ListMatchingScoring/groupedOptionsAllOrNothingScoring.smoke.js

@@ -0,0 +1,122 @@
+import { listMatchingPage, listMatchingScoring } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item page - List Matching - grouped options layout - All or nothing scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Show correct answer', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to list matching question type and fill the option input fields in grouped options layout');
+                listMatchingPage.steps.navigateToCreateQuestion('list matching');
+                cy.barsPreLoaderWait();
+                listMatchingPage.steps.setQuestionStemsAndGroupedOptionsForScoringWithoutAlternateTab();
+                listMatchingPage.steps.switchToPreviewTab();
+            });
+
+            listMatchingScoring.tests.verifyShowCorrectAnswerBasicFunctionality();
+        });
+    }
+
+    describe('Question Preview: AutoScored - All or Nothing - grouped options layout', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to List matching question type, fill the necessary details and points and switch to preview tab');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.setQuestionStemsAndGroupedOptionsForScoringWithoutAlternateTab();
+            listMatchingPage.steps.allotPoints(20);
+            listMatchingPage.steps.setCorrectAnswersForScoringWithoutAlternateTab();
+            listMatchingPage.steps.expandAdditonalSettings();
+            listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        listMatchingScoring.tests.verifyAutoScoredAllOrNothingScoring();
+
+        listMatchingScoring.tests.verifyMinimumScoreAwardedIfAttemptedForIncorrectAnswer('20');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question Preview: AutoScored - All or Nothing grouped options layout with identical response options', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to List Matching question type, fill the necessary details and points and switch to preview tab');
+                listMatchingPage.steps.navigateToCreateQuestion('list matching');
+                cy.barsPreLoaderWait();
+                listMatchingPage.steps.deleteStem(2);
+                listMatchingPage.steps.addInputToAllStemFields(['Stem 1', 'Stem 2']);
+                listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
+                listMatchingPage.steps.addGroupTitle(0, 'Group 1');
+                listMatchingPage.steps.deleteResponseOptionInputField(2);
+                listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(0, ['Identical correct answer for stem 1', 'Incorrect answer 1']);
+                listMatchingPage.steps.addGroup();
+                listMatchingPage.steps.addGroupTitle(1, 'Group 2');
+                listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, ['Identical correct answer for stem 1', 'Correct answer for stem 2']);
+                listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Identical correct answer for stem 1', 0);
+                listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
+                listMatchingPage.steps.allotPoints(20);
+                listMatchingPage.steps.expandAdditonalSettings();
+                listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+                listMatchingPage.steps.switchToPreviewTab();
+            });
+
+            it('Case: When user has identical options to give as input', () => {
+                cy.log('Both the identical options should be visible in the response options section and when user clicks on \'Show correct answer\' checkbox only one of the identical options should be displayed in the correct answer container as the correct answer');
+                listMatchingPage.steps.verifyOptionsInPreviewTab(['Identical correct answer for stem 1', 'Incorrect answer 1', 'Identical correct answer for stem 1', 'Correct answer for stem 2']);
+                listMatchingPage.steps.checkShowCorrectAnswerCheckbox();
+                listMatchingPage.steps.verifyCorrectAnswerStemOptionsInCorrectAnswerContainerAndCount(['Identical correct answer for stem 1', 'Correct answer for stem 2'], ['1', '2']);
+
+                cy.log('Post-step: Unchecking show correct answer checkbox');
+                listMatchingPage.steps.uncheckShowCorrectAnswerCheckbox();
+
+                cy.log('When the user gives the correct answer as input and user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the responses, correct answer container should not be displayed and user should be awarded with full points');
+
+                cy.log('Answering the stem 1 with the correct identical option');
+                listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Identical correct answer for stem 1', 0);
+
+                cy.log('Answering the response 2 with the correct option');
+                listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 2', 1);
+                listMatchingPage.steps.checkShowCorrectAnswerCheckbox();
+                listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+                listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+                listMatchingPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+                listMatchingPage.previewScoreText()
+                    .verifyInnerText('20/20');
+
+                cy.log('Post-step: Unchecking show correct answer checkbox');
+                listMatchingPage.steps.uncheckShowCorrectAnswerCheckbox();
+
+                cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides responses and correct answer container should not be displayed');
+                listMatchingPage.steps.checkAnswer();
+                listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+                listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+                listMatchingPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+
+                cy.log('When the user gives correct input to the response but with a different identical option and user selects the show correct answer checkbox, then red cross-mark icon should be displayed besides the different identical response, correct answer container should be displayed with the user response marked incorrect and user should be awarded with zero points');
+
+                cy.log('Answering the response 1 with a different correct identical option');
+                listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Identical correct answer for stem 1', 0);
+                listMatchingPage.steps.checkShowCorrectAnswerCheckbox();
+                listMatchingPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+                listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+                listMatchingPage.previewScoreText()
+                    .verifyInnerText('0/20');
+                listMatchingPage.steps.verifyCorrectAnswerStemOptionsInCorrectAnswerContainerAndCount(['Identical correct answer for stem 1'], ['1']);
+
+                cy.log('Post-step: Unchecking show correct answer checkbox');
+                listMatchingPage.steps.uncheckShowCorrectAnswerCheckbox();
+
+                cy.log('When user clicks on \'Check answer\' button, then then red cross-mark icon should be displayed besides the different identical response and correct answer container should not be displayed')
+                listMatchingPage.steps.checkAnswer()
+                listMatchingPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+                listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+                listMatchingPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
+            });
+        });
+    }
+});

package/cypress/e2e/ILC/ListMatching/{Scoring → ListMatchingScoring}/groupedOptionsManualAndNonScoredScoring.js

@@ -26,7 +26,7 @@ describe('Create Item page - List Matching - grouped options layout - Manually s
             listMatchingPage.steps.verifyGroupedResponseOptionsInPreviewTab(1, 'Group 2', ['Correct answer for stem 2', 'Incorrect answer 2']);
         });
 
-        listMatchingPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab();
+        listMatchingPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab('Manually scored');
     });
     
     describe('Question Preview: Non scored grouped options layout', () => {