itemengine-cypress-automation 1.0.377 → 1.0.378-IEI-5835-f7292f7.0

package/cypress/e2e/ILC/LiveItem/liveItem.js

@@ -0,0 +1,56 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { liveItemPage } from "../../../pages/components/liveItemPage";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Navigate to Live item page and view the page contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Live item page', () => {
+        abortEarlySetup();
+        before(() => {
+            liveItemPage.steps.navigateToLiveItemPage();
+        });
+
+        it('Live item heading should be displayed', () => {
+            utilities.verifyElementVisibilityState(liveItemPage.liveItemHeaderText(), 'visible');
+            utilities.verifyInnerText(liveItemPage.liveItemHeaderText(), 'Live Item Demo');
+        });
+
+        it('Item id should be displayed', () => {
+            utilities.verifyElementVisibilityState(liveItemPage.liveItemItemId(), 'visible');
+            utilities.verifyInnerText(liveItemPage.liveItemItemId(), 'Item: a61f2-1a16-eff1-421d-ba3defd3e643');
+        });
+
+        it('Student preview should be displayed', () => {
+            utilities.verifyElementVisibilityState(liveItemPage.liveItemStudentPreview(), 'visible');
+            utilities.verifyInnerText(liveItemPage.liveItemStudentPreview(), 'Student Preview');
+        });
+        
+        it('Teacher preview should be displayed', () => {
+            utilities.verifyElementVisibilityState(liveItemPage.liveItemTeacherPreview(), 'visible');
+            utilities.verifyInnerText(liveItemPage.liveItemTeacherPreview(), 'Teacher Preview');
+        });
+    });
+
+    describe.only('Student preview content', () => {
+        abortEarlySetup();
+        before(() => {
+            liveItemPage.steps.navigateToLiveItemPage();
+        });
+
+        it('Student preview should be displayed', () => {
+            utilities.verifyElementVisibilityState(liveItemPage.liveItemStudentPreview(), 'visible');
+            utilities.verifyInnerText(liveItemPage.liveItemStudentPreview(), 'Student Preview');
+            cy.wait(2000);
+            liveItemPage.steps.checkOptionForQuestion(0, 1);
+            liveItemPage.steps.checkOptionForQuestion(1, 3);
+            liveItemPage.steps.checkOptionForQuestion(2, [1, 3]);
+            liveItemPage.steps.checkOptionForQuestion(3, 0);
+            liveItemPage.steps.checkOptionForQuestion(4, [0, 2]);
+            liveItemPage.steps.checkOptionForQuestion(5, 0);
+            liveItemPage.steps.checkOptionForQuestion(6, [1, 2, 3]);
+        });
+    });
+});

package/cypress/pages/components/liveItemPage.js

@@ -0,0 +1,58 @@
+import utilities from "../../support/helpers/utilities";
+import { commonComponents } from "./commonComponents";
+const css = Cypress.env('css');
+
+const selectors = {
+    liveItemHeaderText: () => cy.get('[class*="HeaderTitleComponentstyles__HeaderTitleWrapper"]'),
+    liveItemItemId: () => cy.get('[class*="LiveItemDemostyles__ViewInfoWrapper"]'),
+    liveItemStudentPreview: () => cy.get('[class*="LiveItemDemostyles__LiveStudentHeader"]'),
+    liveItemTeacherPreview: () => cy.get('[class*="LiveTeacherPreviewstyles__LiveTeacherHeader"]'),
+    optionsRadioButtonForCorrectAnswer: () => cy.get('.radio-option-wrapper'),
+    optionsCheckboxForCorrectAnswer: () => cy.get('.mcq-option-wrapper'),
+    selectQuestion: ()=> cy.get('[class*="SinglePageAssessmentQuestionsstyles__QuestionPartContainer"]'),
+};
+
+const steps = {
+    navigateToLiveItemPage: () => {
+        cy.visit('/item-engine/demo/live-item-demo');
+    },
+
+    /**
+     * @description Checks the options checkbox in the 'Specify correct answer' section for single selection questions.
+     * @param {number} optionIndex - The index of the option checkbox to be checked.
+     */
+    checkRadioOptionInStudentPreview: (optionIndex) => {
+        liveItemPage.optionsRadioButtonForCorrectAnswer()
+            .eq(optionIndex)
+            .click()
+    },
+
+    checkCheckboxInStudentPreview: (optionIndex) => {
+        liveItemPage.optionsCheckboxForCorrectAnswer()
+            .eq(optionIndex)
+            .click()
+    },
+
+    checkOptionForQuestion: (questionNumber, optionIndex) => {
+        liveItemPage.selectQuestion()
+        .eq(questionNumber)
+        .within(() => {
+            if (Array.isArray(optionIndex)) {
+                optionIndex.forEach((index) => {
+                    liveItemPage.steps.checkCheckboxInStudentPreview(index);
+                });
+            } else {
+                liveItemPage.steps.checkRadioOptionInStudentPreview(optionIndex);
+            }
+        });
+    },
+
+};
+
+const tests = {};
+
+export const liveItemPage = {
+    ...selectors,
+    steps,
+    tests,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.377",
+  "version": "1.0.378-IEI-5835-f7292f7.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}