itemengine-cypress-automation 1.0.337-IEI-5508-automated-tests-9e03453.0 → 1.0.338

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/editTabBasicSection.js

@@ -4,6 +4,8 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
 
 const dropdownPointerStyles = ['none', 'bottom', 'bottom right', 'right', 'top right', 'top', 'top left', 'left', 'bottom left'];
+const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+
 
 describe('Create item page - Fill in the gaps: Question instructions, Options section', () => {
     before(() => {
@@ -99,12 +101,12 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             utilities.verifyElementCount(fillInTheGapsDropdownPage.enterAriaLabelInputField(), 2);
         });
 
-        it('When the user removes all dropdowns from the question input field, an error message \'Error: Minimum one response token is required.\' should be displayed', () => {
+        it('When the user removes all dropdowns from the question input field, an error message \'Error: Minimum one response token is required.\' should not be displayed', () => {
             cy.log('Switching to edit tab')
             fillInTheGapsDropdownPage.steps.switchToEditTab();
             fillInTheGapsDropdownPage.steps.deleteAResponseArea(0);
             fillInTheGapsDropdownPage.steps.deleteAResponseArea(0);
-            utilities.verifyInnerText(fillInTheGapsDropdownPage.errorMessage(), 'Error: Minimum one response token is required.')
+            utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsDropdownPage.tests.verifyErrorMessageCSSAndA11y();
@@ -141,4 +143,36 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​\nLorem ipsum');
         });
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+            fillInTheGapsDropdownPage.steps.editItem(1);
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            fillInTheGapsDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, optionsForDropdown[1]);
+            fillInTheGapsDropdownPage.steps.allotPoints(10);
+            fillInTheGapsDropdownPage.steps.verifyErrorMessageIsNotDisplayed();
+            fillInTheGapsDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.warningIcon(), 'notExist');
+        });
+    });
 });

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/headerSection.js

@@ -1,7 +1,10 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, fillInTheGapsDropdownPage } from "../../../pages";
+import { dialogBoxBase, itemPreviewPage, fillInTheGapsDropdownPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
+import { browseItemsPage } from "../../../pages/components";
 const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+var itemReferenceID = ""
+
 
 describe('Create item page - Fill in the gaps with dropdown: Header section and Saving question', () => {
     before(() => {
@@ -43,14 +46,11 @@ describe('Create item page - Fill in the gaps with dropdown: Header section and
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsDropdownPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsDropdownPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                fillInTheGapsDropdownPage.steps.verifyOptionsInputFieldErrorMessage(0);
-                fillInTheGapsDropdownPage.steps.verifySpecifyCorrectAnswerErrorMessage();
-                fillInTheGapsDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                fillInTheGapsDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -72,5 +72,35 @@ describe('Create item page - Fill in the gaps with dropdown: Header section and
             });
             fillInTheGapsDropdownPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                cy.barsPreLoaderWait();
+            });
+
+            it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
+                fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            fillInTheGapsDropdownPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+
+        describe('Save as you go - Browse item page contents', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                browseItemsPage.steps.navigateToBrowseItemsPage();
+            });
+
+            it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+                browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+            });
+        });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViewsInIncompleteAuthoring.smoke.js

@@ -0,0 +1,103 @@
+import { fillInTheGapsDropdownPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const correctAnswerArray = ['Flower', 'Leaf'];
+
+describe('Create item page - Fill In The Gaps Dropdown: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents when authoring is incomplete - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                        fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                        fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            if (view === 'Item view') {
+                it('Warning icon should be visible', () => {
+                    utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.warningIcon(), 'visible');
+                });
+            }
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed', () => {
+                    utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
+                    utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​');
+                });
+
+                it('User should be able to select an option from the dropdown', () => {
+                    fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                });
+            } else if (view === 'Grading view') {
+                it('The dropdowns should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
+                    fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
+                });
+
+                it('The dropdowns should not be editable', () => {
+                    fillInTheGapsDropdownPage.steps.verifyDropdownIsDisabled(0);
+                    fillInTheGapsDropdownPage.steps.verifyDropdownIsDisabled(1);
+                });
+            } else {
+                it('The dropdowns should be displayed filled with correct answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
+                    fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
+                    fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+                });
+            }
+        });
+    });
+
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/editQuestion.smoke.js

@@ -61,7 +61,7 @@ describe('Edit item - fill in the gaps over image with drag and drop', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.verifyPointInQuestionPreview(30);
         });
 
-        it('User should be able to change scoring type to manually and save the question', () => {
+        it('User should be able to change scoring type to manually scored and save the question', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.editItem();
             fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
             fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/Scoring/checkScoringLabelBannerAndCorrectAnswer.js

@@ -0,0 +1,96 @@
+import { fillInTheGapsOverImageDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const correctAnswerArray = ['Flower'];
+const inCorrectAnswerArray = ['Petal'];
+
+
+describe('Create Item page - Fill in the gaps over image with dropdown', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+        it('When user allocates points to the question then the scoring label should be displayed as manually scored and banner and correct answer status should not exist', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(2);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: inCorrectAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyAnswerStatusBannerExist();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsOverImageDropdownPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDropdownPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: inCorrectAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/checkAddAlternativeButton.js

@@ -0,0 +1,38 @@
+import { fillInTheGapsOverImageDropdownPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+
+describe('Create question page - Fill in the gaps over image with dropdown ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('fill in the gaps over image with dropdown');
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            fillInTheGapsOverImageDropdownPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(10);
+            fillInTheGapsOverImageDropdownPage.steps.checkAlternativeButtonEnabled();
+        });
+
+        it('User should be able to add \'Alternative\' answer using the \'Add alternative\' button, when user has not set any answer in the \'Alternative\' accordion and clicks on the \'Correct\' accordion then \'Correct\' accordion should be expanded', () => {
+            fillInTheGapsOverImageDropdownPage.steps.clickOnAddAlternativeAnswerButton();
+            fillInTheGapsOverImageDropdownPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/dropdownOptionsSection.js

@@ -79,7 +79,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
 
         it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should not be thrown', () => {
             fillInTheGapsOverImageDropdownPage.steps.focusInAndFocusOutOfDropdownOptionInputField(2);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Option is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/editQuestion.smoke.js

@@ -42,7 +42,7 @@ describe('Edit item - ', () => {
         it('User should be able to edit correct answer and save the question', () => {
             fillInTheGapsOverImageDropdownPage.steps.editItem();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray1[1]);
-            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray1[0]);;
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray1[0]);
             fillInTheGapsOverImageDropdownPage.steps.saveAQuestionAndVerifySnackbar();
         });
 
@@ -53,7 +53,7 @@ describe('Edit item - ', () => {
             fillInTheGapsOverImageDropdownPage.steps.verifyPointInQuestionPreview(30);
         });
 
-        it('User should be able to change scoring type to manually and save the question', () => {
+        it('User should be able to change scoring type to manually scored and save the question', () => {
             fillInTheGapsOverImageDropdownPage.steps.editItem();
             fillInTheGapsOverImageDropdownPage.steps.expandScoringTypeDropdown();
             fillInTheGapsOverImageDropdownPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/editTabBasicSection.js

@@ -5,6 +5,7 @@ import { colorPopupComponent } from "../../../pages/components";
 const css = Cypress.env('css');
 
 const dropdownPointerStyles = ['none', 'bottom', 'bottom right', 'right', 'top right', 'top', 'top left', 'left', 'bottom left'];
+const optionsForDropdown = ['Image of a flower', 'Petals are displayed', 'Stem is the largest', 'Branches of a plane contain both leaves and flowers'];
 
 describe('Create item page - Fill in the gaps: Question instructions, Options section', () => {
     before(() => {
@@ -423,4 +424,42 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         fillInTheGapsOverImageDropdownPage.tests.verifyImageNotExistPreviewTab();
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+            fillInTheGapsOverImageDropdownPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            fillInTheGapsOverImageDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please set points']);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(60);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, optionsForDropdown[1]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, optionsForDropdown[2]);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(10);
+            fillInTheGapsOverImageDropdownPage.steps.verifyErrorMessageIsNotDisplayed();
+            fillInTheGapsOverImageDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.warningIcon(), 'notExist');
+        });
+    });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/headerSection.js

@@ -1,8 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, fillInTheGapsOverImageDropdownPage } from "../../../pages";
-import { commonComponents } from "../../../pages/components";
-const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+import { dialogBoxBase, fillInTheGapsOverImageDropdownPage, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
+import { commonComponents, browseItemsPage } from "../../../pages/components";
+const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+var itemReferenceID = ""
 
 describe('Create item page - Fill in the gaps over image - dropdown: Header section and Saving question', () => {
     before(() => {
@@ -44,14 +45,11 @@ describe('Create item page - Fill in the gaps over image - dropdown: Header sect
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please insert a dropdown', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageDropdownPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageDropdownPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), 0), 'Error: Image is required.');
-                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), 1), 'Error: Please insert a dropdown.');
-                fillInTheGapsOverImageDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                fillInTheGapsOverImageDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please insert a dropdown', 'Please set points'])
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -74,5 +72,38 @@ describe('Create item page - Fill in the gaps over image - dropdown: Header sect
             });
             fillInTheGapsOverImageDropdownPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                cy.barsPreLoaderWait();
+            });
+
+            it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please set points']);
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(60);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please insert a dropdown', 'Please set points']);
+                fillInTheGapsOverImageDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            fillInTheGapsOverImageDropdownPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+
+        describe('Save as you go - Browse item page contents', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                browseItemsPage.steps.navigateToBrowseItemsPage();
+            });
+
+            it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+                browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+            });
+        });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/previewContentsForAllViews.smoke.js

@@ -78,7 +78,7 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
             it(`${view} - Fill in the gaps over image dropdown Question instructions should be visible`, () => {
                 utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'visible');
-                cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - defualt state`);
+                cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - default state`);
             });
 
             it('The image uploaded in the \'Background image\' section should be displayed', () => {