itemengine-cypress-automation 1.0.385 → 1.0.386-IEI-5793-73a4fdf.0

package/cypress/e2e/GradingGridView/gradingGridView.js

@@ -0,0 +1,156 @@
+
+import { singleSelectionPage, createItemPage, studentViewPage, gradingGridViewPage } from "../../pages";
+import utilities from '../../support/helpers/utilities';
+import { browseItemsPage } from "../../pages/components";
+
+describe('Test grading view with multiple session and student Ids', { tags: 'smoke' }, () => {
+    const studentIds = [];
+    const sessionIds = [];
+    let itemId = '';
+    const responseIds = [];
+    const updateStudentsAndItemData = () => {
+        const interval = setInterval(() => {
+            const itemActivityMap = JSON.parse(window.localStorage.getItem(`ngie_itemActivityMap`) || '[]');
+            if (itemActivityMap.length > 0) {
+                itemActivityMap.forEach(({
+                    sessionId, userId
+                }) => {
+                    studentIds.push(userId);
+                    sessionIds.push(sessionId);
+                });
+                clearInterval(interval);
+            }
+        }, 100);
+    }
+    const updateResposneIds = (response) => {
+        const {
+            body: {
+                data: {
+                    gradingMultipleSession: {
+                        sessionData = [],
+                    } = {},
+                } = {},
+            } = {},
+        } = response;
+        sessionData.forEach(({items}) => {
+            items.forEach(({questions}) => {
+                questions.forEach((question) => {
+                    responseIds.push(question.responseId);
+                });
+            });
+        })
+    }
+    before(() => {
+        cy.loginAs('admin');
+        cy.setGraphqlWait();
+        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        singleSelectionPage.steps.createBasicSingleSelectionQuestion({
+            questionInstruction: "Question 1",
+            options: ["Option 1", "Option 2", "Option 3", "Option 4"],
+            correctAnswer: 2,
+            points: 10,
+        });
+        singleSelectionPage.steps.clickOnAddQuestion();
+        singleSelectionPage.steps.selectQuestionType('single selection');
+        singleSelectionPage.steps.createBasicSingleSelectionQuestion({
+            questionInstruction: "Question 2",
+            options: ["Option 5", "Option 6", "Option 7", "Option 8"],
+            correctAnswer: 3,
+            points: 10,
+        });
+        createItemPage.referenceId()
+            .invoke('text')
+            .then(text => {
+                itemId = text;
+                cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemId)}`);
+            });
+        cy.then(() => {
+            updateStudentsAndItemData();
+        });
+        cy.pageLoadWait();
+
+        cy.then(() => {
+            singleSelectionPage.optionsWrapperStudentView()
+                .eq(2)
+                .click();
+            singleSelectionPage.optionsWrapperStudentView()
+                .eq(4)
+                .click();
+            studentViewPage.steps.submitResponse();
+        })
+        
+        cy.logout();
+        cy.loginAs('admin').then(() => {
+            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemId)}`)
+            cy.then(() => {
+                updateStudentsAndItemData();
+            });
+            cy.pageLoadWait();
+            cy.then(() => {
+                singleSelectionPage.optionsWrapperStudentView()
+                    .eq(3)
+                    .click();
+                singleSelectionPage.optionsWrapperStudentView()
+                    .eq(7)
+                    .click();
+                studentViewPage.steps.submitResponse();
+            })
+        });
+                
+        cy.visit('/item-engine/grading-grid-view');
+
+    });
+    describe('Launch grading grid view for each session', { tags: 'smoke' }, () => {
+        it('Should launch with correct Item and responses', () => {
+            gradingGridViewPage.steps.addSessionDataAndLaunchGrading({studentIds, sessionIds});
+
+            cy.interceptGraphql("gradingMultipleSession");
+
+            // waiting for signed request to be completed
+            cy.pageLoadWait()
+            // waiting for grading multiple session data to be loaded
+            cy.wait('@gradingMultipleSession').then(({response}) => {
+                updateResposneIds(response);
+            });
+
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[0],
+                itemId,
+                0,
+                'Question 1',
+                'Your answer iscorrect'
+            );
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[0],
+                itemId,
+                1,
+                'Question 2',
+                'Your answer isincorrect'
+            );
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[1],
+                itemId,
+                0,
+                'Question 1',
+                'Your answer isincorrect'
+            )
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[1],
+                itemId,
+                1,
+                'Question 2',
+                'Your answer iscorrect'
+            );
+        });
+        it('Should launch single question for the responseId', () => {
+            gradingGridViewPage.steps.addSessionDataAndLaunchGrading({
+                studentIds: [studentIds[0]],
+                sessionIds: [sessionIds[0]],
+                responseIds: [responseIds[0]],
+            });
+
+            gradingGridViewPage.getGradingViewforResponseId(responseIds[0])
+                .should('be.visible');
+        })
+    })
+})

package/cypress/pages/gradingGridViewPage.js

@@ -0,0 +1,64 @@
+import utilities from "../support/helpers/utilities";
+import { verifyIeQuestionData } from "../support/migrationHelpers/verifyIeQuestionData";
+
+const selectors = {
+    sessionIdField: () => cy.get('[data-testid="SessionId"]'),
+    responseIdField: () => cy.get('[data-testid="ResponseId"]'),
+    itemIdField: () => cy.get('[data-testid="ItemId"]'),
+    studentIdField: () => cy.get('[data-testid="StudentId"]'),
+    launchGradingButton: () => cy.get('[data-testid="launchGrading"]'),
+    getgradingViewContainer: (sessionId, itemId, questionNo) =>
+        cy.get(`[data-reference="${sessionId}"] [data-reference="${itemId}_${sessionId}"] [class*="GradingViewstyles__SingleQuestionContainer"]`)
+        .eq(questionNo),
+    getGradingViewforResponseId: (responseId) =>
+        cy.get(`[data-reference="${responseId}"]`),
+    getquestionInstruction: () => cy.get('[data-testid = "question-instruction-element"]').eq(0),
+    getAnswerStatus: () => cy.get('[class*="indexstyle__AnswerTextWrapper"]'),
+};
+
+const steps = {
+    /**
+     * Adds session data and launches the grading view.
+     *
+     * @param {Object} params - Parameters for session setup and grading.
+     * @param {Array<string>} params.studentIds - Array of studentIds to be graded.
+     * @param {Array<string>} params.studentIds - Array of sessionIds to be graded.
+     * @param {Array<string>} params.itemIds - Array of item IDs involved in the session.
+     * @param {Array<string>} params.responseIds - Array of response IDs corresponding to each student/item.
+     */
+    addSessionDataAndLaunchGrading: ({studentIds = [], sessionIds = [], itemIds = [], responseIds = []}) => {
+        const students = studentIds.join(", ");
+        const sessions = sessionIds.join(", ");
+        const Items = itemIds.join(", ");
+        const responses = responseIds.join(", ");
+        sessions && gradingGridViewPage.sessionIdField().clear().type(sessions);
+        students && gradingGridViewPage.studentIdField().clear().type(students);
+        Items && gradingGridViewPage.itemIdField().clear().type(Items);
+        responses && gradingGridViewPage.responseIdField().clear().type(responses);
+        gradingGridViewPage.launchGradingButton().click();
+    },
+
+    /**
+     * Verifies the session data displayed in the grading view container for a specific question.
+     *
+     * @param {string} sessionId - The unique identifier for the session.
+     * @param {string} itemId - The unique identifier for the item within the session.
+     * @param {number} questionNo - The zero-based index of the question to verify.
+     * @param {string} questionInstruction - The expected instruction text for the question.
+     * @param {string} answerStatus - The expected answer status (e.g., "Answered", "Not Answered").
+     */
+    verifySessionData: (sessionId, itemId, questionNo, questionInstruction, answerStatus) => {
+        gradingGridViewPage.getgradingViewContainer(sessionId, itemId, questionNo)
+            .within(() => {
+                gradingGridViewPage.getquestionInstruction()
+                    .should('contain.text', questionInstruction);
+                gradingGridViewPage.getAnswerStatus()
+                    .should('contain.text', answerStatus);
+            });
+    },
+};
+
+export const gradingGridViewPage = {
+    ...selectors,
+    steps
+};

package/cypress/pages/index.js

@@ -54,3 +54,4 @@ export * from './numberLineLabelPage';
 export * from './chartsDotPlotPage';
 export * from './imageHighlightPage';
 export * from './compassPage';
+export * from './gradingGridViewPage';

package/cypress/pages/singleSelectionPage.js

@@ -704,7 +704,36 @@ const steps = {
         optionsTextArray.forEach((option, optionIndex) => {
             utilities.verifyTextContent(utilities.getNthElement(singleSelectionPage.optionsInputFieldInQuestionPreviewTab(), optionIndex), option);
         });
-    }
+    },
+
+    /**
+     * @description. Checks the options checkbox in the 'Specify correct answer' section for multiple selection questions.
+     * @param {number} optionIndex - The index of the option checkbox to be checked.
+     * @throws {Error} Will throw an error if the checkbox is not checked after the operation.
+     * @example - checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+     */
+    setcorrectAnswer: (optionIndex) => {
+        singleSelectionPage.optionWrapperCorrectAnswerSection()
+            .eq(optionIndex)
+            .click()
+    },
+
+    /**
+     * Creates a basic single selection question
+     * @param {Object} params - Parameters for the question.
+     * @param {string} params.questionInstruction - The question text.
+     * @param {Array<string>} params.options - The list of options.
+     * @param {number} params.points - The points allotted for the question.
+     * @param {number} params.correctAnswer - Index of the correct answer.
+     */
+    createBasicSingleSelectionQuestion: ({questionInstruction, options, points, correctAnswer}) => {
+        cy.barsPreLoaderWait();
+        singleSelectionPage.steps.addTextInQuestionInstructionsInputField(questionInstruction);
+        singleSelectionPage.steps.addInputToOptionsInputField(options);
+        singleSelectionPage.steps.allotPoints(points);
+        singleSelectionPage.steps.setcorrectAnswer(correctAnswer);
+        singleSelectionPage.saveQuestionButton().click();
+    },
 };
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.385",
+  "version": "1.0.386-IEI-5793-73a4fdf.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}