itemengine-cypress-automation 1.0.120 → 1.0.122-updateILCRepo28Feb-2c3e0e3.0

package/cypress/pages/components/additionalSettingsPanel.js

@@ -36,6 +36,33 @@ const steps = {
             .click();
     },
 
+    enterTextInTeacherGuidelinesInputField: (teacherGuidelinesText) => {
+        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
+            .click()
+            .type(teacherGuidelinesText)
+            .blur();
+        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
+            .should('have.text', teacherGuidelinesText);
+    },
+
+    enterTextInSampleAnswerInputField: (sampleAnswer) => {
+        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
+            .click()
+            .type(sampleAnswer)
+            .blur();
+        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
+            .should('have.text', sampleAnswer);
+    },
+
+    enterTextInAcknowledgementsInputField: (acknowledgements) => {
+        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
+            .click()
+            .type(acknowledgements)
+            .blur();
+        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
+            .should('have.text', acknowledgements);
+    },
+
     expandAdditionalSettings: () => {
         additionalSettingsPanel.additionalSettingsPanel()
             .click()

package/cypress/pages/components/autoScoredPreviewBase.js

@@ -1,5 +1,5 @@
 import { previewScoringAndShowCorrectAnswerComponent } from "./previewScoringAndShowCorrectAnswerComponent";
-
+//Note: deprecated file
 const css = Cypress.env('css');
 const selectors = {
     correctIcon: () => cy.get('.icon-correct'),

package/cypress/pages/components/autoScoredScoringSection.js

@@ -5,7 +5,7 @@ import { scoringSectionBase } from "./scoringSectionBase";
 import { commonComponents } from "./commonComponents";
 import { previewScoringAndShowCorrectAnswerComponent } from "./previewScoringAndShowCorrectAnswerComponent";
 const css = Cypress.env('css');
-//Enhancement: This file should be deprecated, new file: autoScoredScoringPreviewTab.js
+//Note: deprecated file
 const steps = {
     correctIncorrectLabelAndBorderExists: (questionType) => {
         switch (questionType) {

package/cypress/pages/components/autoScoredScoringSectionMultipleResponsesType.js

@@ -2,7 +2,7 @@ import utilities from "../../support/helpers/utilities";
 import { commonComponents } from "./commonComponents";
 import { scoringSectionBase } from "./scoringSectionBase";
 const css = Cypress.env('css');
-//Enhancement: This file will get deprecated: New file - autoScoredScoringSectionMultiResponseType
+//Note: deprecated file
 const selectors = {
     allOrNothingCheckboxLabel: () => cy.get('label[for*="defaultScoring"]'),
     allOrNothingCheckbox: () => cy.get('input[type*="radio"][aria-label="All or Nothing"]'),

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -2,7 +2,7 @@ import { dialogBoxBase } from "../dialogBoxBase";
 import { scoringSectionBase } from "./scoringSectionBase";
 import { commonComponents } from "./commonComponents";
 const css = Cypress.env('css');
-//Enhancement: This file should be deprecated, new file: autoScoredSpecifyCorrectAnswerSection.js
+//Note: deprecated file
 const selectors = {
     setCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
     setCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -345,13 +345,13 @@ const tests = {
                 });
             utilities.verifyInnerText(utilities.getNthElement(scoringSectionBase.pleaseEnterPointsErrorMessage(), 0), 'Error: Please enter points.');
             utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible');
-            if (questionType != 'list ordering' && questionType != 'short text response') {
+            if (questionType != 'list ordering' && questionType != 'short text response' && questionType != 'text entry math') {
                 steps.verifySpecifyCorrectAnswerErrorMessage();
             }
             else if (questionType === 'short text response') {
                 utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), -1), 'Error: Answer is required.');
             }
-            if (questionType === 'fill in the gaps over image text' || questionType === 'text entry math') {
+            else if (questionType === 'fill in the gaps over image text' || questionType === 'text entry math') {
                 utilities.verifyInnerText(commonComponents.errorMessage().last(), 'Error: Please enter points.');
                 utilities.verifyElementVisibilityState(commonComponents.errorMessage().last(), 'visible');
             }

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -46,7 +46,7 @@ const steps = {
     setMaximumCheckAnswerAttempts: (maxCheckAnswerAttempts) => {
         autoScoredStudentViewSettings.steps.checkAllowStudentToCheckAnswerCheckbox();
         autoScoredStudentViewSettings.steps.expandMaxCheckAnswerAttemptsDropdown();
-        autoScoredStudentViewSettings.steps.addInputToMaximumCheckAnswerAttemptsInputField(maxCheckAnswerAttempts)
+        autoScoredStudentViewSettings.steps.selectMaxCheckAnswerAttemptsDropdownListOption(maxCheckAnswerAttempts)
     },
 
     expandMaxCheckAnswerAttemptsDropdown: () => {
@@ -89,6 +89,13 @@ const tests = {
         });
     },
 
+    verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked: () => {
+        it('When the user checks the \'Allow student to check answer\' checkbox, then \'Maximum check answer attempts\' dropdown should be displayed', () => {
+            autoScoredStudentViewSettings.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            utilities.verifyElementVisibilityState(autoScoredStudentViewSettings.maximumCheckAnswerAttemptsDropdown(), 'visible');
+        });
+    },
+
     verifyMaxCheckAnswerAttemptsDropdown: () => {
         it('\'Maximum check answer attempts\' should have \'No limit\' selected by default and on expanding the dropdown options 1 to 10 should also be displayed', () => {
             utilities.verifyInnerText(autoScoredStudentViewSettings.maximumCheckAnswerAttemptsDropdownLabel(), 'Maximum check answer attempts');

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -1,7 +1,7 @@
 import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
 import { commonComponents } from "./commonComponents";
-import { figOverImageCanvasComponent } from "./figOverImageCanvasComponent";
+import { imageCanvasComponent } from "./imageCanvasComponent";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -110,9 +110,9 @@ const tests = {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
             utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
-            utilities.verifyElementVisibilityState( figOverImageCanvasComponent.canvasImage(), 'visible');
+            utilities.verifyElementVisibilityState( imageCanvasComponent.canvasImage(), 'visible');
             utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'notExist');
-            figOverImageCanvasComponent.steps.verifyImageIsUploaded();
+            imageCanvasComponent.steps.verifyImageIsUploaded();
         });
 
         it('Delete button should appear beside uploaded file\'s name', () => {
@@ -184,7 +184,7 @@ const tests = {
             backgroundImageUploadComponent.steps.clickOnCancelButtonInDeleteImagePopup();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             utilities.verifyInnerText(backgroundImageUploadComponent.uploadedFileNameLabel(), 'sample1.jpg');
-            utilities.verifyElementVisibilityState(figOverImageCanvasComponent.canvasImage(), 'visible');
+            utilities.verifyElementVisibilityState(imageCanvasComponent.canvasImage(), 'visible');
         });
 
         it('When user clicks on \'Delete image\' button, then popup should close and image inside the canvas should be deleted', () => {
@@ -192,7 +192,7 @@ const tests = {
             backgroundImageUploadComponent.steps.clickOnDeleteButtonInDeleteImagePopup();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             utilities.verifyInnerText(backgroundImageUploadComponent.noFileChosenLabel(), 'No file chosen');
-            figOverImageCanvasComponent.steps.verifyCanvasImageNotExist();
+            imageCanvasComponent.steps.verifyCanvasImageNotExist();
         });
     }
 }

package/cypress/pages/components/createQuestionBasePage.js

@@ -86,10 +86,16 @@ const steps = {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'false');
     },
-    
+
+    verifySavedSuccessfullySnackbar: () => {
+        commonComponents.snackbar()
+            .should('have.text', 'Saved successfully!')
+            .should('be.visible');
+    },
+
     clickOnCancelButton: () => {
         createQuestionBasePage.cancelButton()
-        .click(); 
+            .click();
     }
 }
 

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -287,6 +287,12 @@ const steps = {
             .type('{backspace}');
     },
 
+    enterTextInPredefinedTextInputField: (predefinedText) => {
+        essayResponseCommonComponents.predefinedTextInputField()
+            .type(predefinedText)
+            .should('have.text', predefinedText);
+    },
+
     verifyGradingViewResponseFieldIsNonEditable: () => {
         essayResponseCommonComponents.responseField()
             .should('have.attr', 'contenteditable', 'false');

package/cypress/pages/components/fillInTheGapsCommonComponents.js

@@ -143,6 +143,19 @@ const steps = {
         fillInTheGapsCommonComponents.previewTabCorrectAnswerResponseWrapper()
             .should('have.length', correctAnswerArray.length);
     },
+
+    setPlaceholderText: (placeholder) => {
+        fillInTheGapsCommonComponents.placeholderTextInputField()
+            .type(placeholder)
+            .should('have.value', placeholder);
+    },
+
+    setResponseContainerHeight: (height) => {
+        fillInTheGapsCommonComponents.heightInputField()
+            .type(height)
+            .should('have.value', height)
+            .blur();
+    }
 }
 
 const tests = {

package/cypress/pages/components/fillInTheGapsDragAndDropCommonComponents.js

@@ -0,0 +1,40 @@
+import utilities from "../../support/helpers/utilities";
+
+const selectors = {
+    correctAnswersNumeration: () => cy.get('[class*="__AnswerCell"] .answer-numeration-number-box'),
+    correctAnswersOptions: () => cy.get('[class*="__AnswerWrapper"] .question-text-wrapper'),
+    correctAnswersLabel: () => cy.get('.correct-answers-label'),
+    tickIconWrapper: () => cy.get('.tick-icon-wrapper'),
+    correctAnswerContainer: () => cy.get('.dnd-correct-answer-wrapper'),
+    correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]'),
+}
+
+const steps = {
+    /**
+    *@description Verifies the correctness of answer responses in the correct answer section, including the count.
+    * @param {string[][]} correctAnswerArray An array of arrays, each containing the expected answer options for a specific correct answer section.        
+    */
+    verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount: (correctAnswerArray) => {
+        utilities.verifyElementCount(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), correctAnswerArray.length);
+        correctAnswerArray.forEach((correctAnswer, index) => {
+            utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersNumeration(), index), index + 1);
+            correctAnswer.forEach((answerOption) => {
+                utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), index), answerOption);
+            });
+        });
+    },
+
+    verifyCorrectAnswerSectionNotExists: () => {
+        utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropCommonComponents.correctAnswerContainer(), 'notExist');
+    },
+}
+
+const tests = {
+
+}
+
+export const fillInTheGapsDragAndDropCommonComponents = {
+    ...selectors,
+    steps,
+    tests
+}