itemengine-cypress-automation 1.0.551-IEI-5835-4b5c9f4.0 → 1.0.551-IEI-5835-LIVE-73e4d13.0

package/cypress/e2e/LiveStudentView/MultipleSelection/liveStudentView.smoke.js

@@ -0,0 +1,131 @@
+import { multipleSelectionPage } from "../../../pages/multipleSelectionPage";
+import { itemPreviewPage } from "../../../pages/itemPreviewPage";
+import { liveStudentViewPage } from "../../../pages/liveStudentViewPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+var itemReferenceID = "";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Live Student View - Multiple Selection', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
+    describe('Multiple Selection Question in Live Student View', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        
+        before(() => {
+            // Create the multiple selection question first
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            
+            cy.log('Add image to option input field')
+            multipleSelectionPage.steps.focusInOptionsInputField(0);
+            multipleSelectionPage.steps.selectImageOptionFromCKEditorToolbar()
+            multipleSelectionPage.steps.addImageToInputField();
+            
+            cy.log('Add bold text to input field')
+            multipleSelectionPage.steps.focusInOptionsInputField(1);
+            multipleSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.enterTextInOptionInputField(1, 'This is a bold option');
+            
+            cy.log('Add equation to option input field')
+            multipleSelectionPage.steps.focusInOptionsInputField(2);
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            multipleSelectionPage.steps.enterTextInOptionInputField(3, 'option 4');
+            
+            multipleSelectionPage.steps.allotPoints(10);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            
+            // Save the question to get itemReferenceID
+            multipleSelectionPage.steps.clickOnSaveQuestionButton();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            
+            // Log the itemReferenceID to debug
+            cy.log(`Item Reference ID: ${itemReferenceID}`);
+            
+            // Navigate to live student view using page object
+            cy.then(() => {
+                liveStudentViewPage.steps.navigateToLiveStudentView(itemReferenceID);
+            });
+        });
+
+        // Multiple Selection Question functionality tests - use multipleSelectionPage.tests
+        it('Question instructions should be visible in Live Student View', () => {
+            // Use multipleSelectionPage method directly since it's already in Live Student View
+            utilities.verifyInnerText(multipleSelectionPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.questionInstructionsText(), 'visible');
+        });
+
+        it('Multiple selection - When the user has added image, bold text and equation to the options input they should be displayed', () => {
+            // Use multipleSelectionPage methods directly - they work in Live Student View
+            multipleSelectionPage.steps.verifyImageInPreviewTab(0);
+            multipleSelectionPage.steps.verifyBoldTextInPreviewTab(1);
+            multipleSelectionPage.steps.verifyEquationTextInPreviewTab(2);
+            cy.eyesCheckWindow('Multiple selection - Live Student View - Image, Bold Text, and Equation Display');
+        });
+
+        it('All the options should be in unchecked state initially', () => {
+            // Use multipleSelectionPage method directly
+            for (let index = 0; index < 4; index++) {
+                multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
+            }
+        });
+
+        it('CSS of Multiple Selection options', { tags: 'css' }, () => {
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsText(), 2), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.optionsCheckbox().parent().find('svg'), {
+                'fill': css.color.secondaryBtn
+            });
+            
+            // Check a box to verify selected CSS
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            
+            cy.log('CSS of selected options')
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsCheckboxWrapperPreviewTab(), 1), {
+                'background-color': css.color.defaultBackground,
+                'color': css.color.activeButtons,
+                'border': `2px solid ${css.color.activeComponentBorder}`
+            });
+            utilities.verifyCSS(utilities.getNthElement(multipleSelectionPage.optionsText(), 1).find('.question-text-wrapper'), {
+                'color': css.color.optionsSelectedText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            multipleSelectionPage.optionsCheckbox()
+                .eq(1)
+                .parent()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('Accessibility of Multiple Selection question', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.questionInstructionsText().parents('[class*="ContentWrapper"]'));
+        });
+
+        // Live Student View specific functionality tests - use common base tests
+        liveStudentViewPage.tests.verifyLiveStudentViewInterface();
+        
+        // Multiple Selection specific Live Student View interactions - test on current page first
+        liveStudentViewPage.tests.verifyMultipleSelectionLiveStudentViewInteractions();
+        
+        // Then navigate to multiple session page and test those controls
+        liveStudentViewPage.tests.verifyMultipleSessionLiveStudentView();
+    });
+});

package/cypress/pages/liveStudentViewBase.js

@@ -0,0 +1,210 @@
+import utilities from "../support/helpers/utilities";
+
+/**
+ * Live Student View Base - Common functionality for all question types
+ * This module provides reusable Live Student View functionality that works with any question type
+ */
+
+const css = Cypress.env('css');
+
+const selectors = {
+    // Main Live Student View containers - common to all question types
+    student1Container: () => cy.get('#nextgen-live-student1'),
+    student2Container: () => cy.get('#nextgen-live-student2'),
+    studentsWrapper: () => cy.get('.LiveStudentViewstyles__StudentsWrapper-hx9itz-3'),
+    
+    // Student headers - common to all question types
+    student1Header: () => cy.get('#nextgen-live-student1').parent().find('.LiveStudentViewstyles__LiveStudentHeader-hx9itz-2').contains('Student-1'),
+    student2Header: () => cy.get('#nextgen-live-student2').parent().find('.LiveStudentViewstyles__LiveStudentHeader-hx9itz-2').contains('Student-2'),
+
+    // Multiple Session Live Student View selectors - common to all question types
+    pageTitle: () => cy.get('[id="header-title"]'),
+    enableLiveClassCheckbox: () => cy.get('[data-ngie-testid="enable-live-class-checkbox"]'),
+    enableLiveClassCheckboxInput: () => cy.get('[data-ngie-testid="enable-live-class-checkbox"] input[type="checkbox"]'),
+    getStudentViewSessionDataButton: () => cy.contains('button', 'Get student view session data'),
+    refreshUserResponsesButton: () => cy.contains('button', 'Refresh User Responses'),
+    launchGradingButton: () => cy.get('[data-testid="launchGrading"]'),
+    resetFieldsButton: () => cy.contains('button', 'Reset Fields')
+}
+
+const steps = {
+    /**
+     * Common navigation methods - works for all question types
+     */
+    navigateToLiveStudentView: (itemReferenceID) => {
+        const encodedId = utilities.base64Encoding(itemReferenceID);
+        cy.log(`Navigating to live student view with encoded ID: ${encodedId}`);
+        cy.visit(`/item-engine/demo/live-student-view/${encodedId}`);
+        cy.wait(3000); // Wait for page to load
+    },
+
+    navigateToMultipleSessionLiveStudentView: () => {
+        cy.log('Navigating to multiple-session live student view page');
+        cy.visit('/item-engine/multiple-session/live-student-view');
+        cy.wait(3000); // Wait for page to load
+    },
+
+    navigateToMultipleSessionWithItem: (itemReferenceID = null) => {
+        if (itemReferenceID) {
+            const encodedId = utilities.base64Encoding(itemReferenceID);
+            cy.log(`Navigating to multiple-session live student view with encoded ID: ${encodedId}`);
+            cy.visit(`/item-engine/multiple-session/live-student-view/${encodedId}`);
+        } else {
+            liveStudentViewBase.steps.navigateToMultipleSessionLiveStudentView();
+        }
+        cy.wait(3000); // Wait for page to load
+    },
+
+    /**
+     * Common verification methods - works for all question types
+     */
+    verifyBothStudentContainersExist: () => {
+        cy.log('Verifying both student containers exist');
+        liveStudentViewBase.student1Container().should('exist').should('be.visible');
+        liveStudentViewBase.student2Container().should('exist').should('be.visible');
+    },
+    
+    verifyStudentHeaders: () => {
+        cy.log('Verifying student headers');
+        liveStudentViewBase.student1Header().should('be.visible');
+        liveStudentViewBase.student2Header().should('be.visible');
+    },
+
+    /**
+     * Multiple Session Live Student View methods - common to all question types
+     */
+    verifyMultipleSessionPageTitle: () => {
+        cy.log('Verifying Multiple Session Grading View page title');
+        liveStudentViewBase.pageTitle().should('contain.text', 'Multiple Session Grading View');
+    },
+
+    checkEnableLiveClassCheckbox: () => {
+        cy.log('Checking Enable Live Class checkbox');
+        liveStudentViewBase.enableLiveClassCheckboxInput().then(($checkbox) => {
+            if (!$checkbox.is(':checked')) {
+                liveStudentViewBase.enableLiveClassCheckbox().click();
+            }
+        });
+    },
+
+    verifyEnableLiveClassCheckboxIsChecked: () => {
+        cy.log('Verifying Enable Live Class checkbox is checked');
+        liveStudentViewBase.enableLiveClassCheckboxInput().should('be.checked');
+    },
+
+    verifyEnableLiveClassCheckboxIsUnchecked: () => {
+        cy.log('Verifying Enable Live Class checkbox is unchecked');
+        liveStudentViewBase.enableLiveClassCheckboxInput().should('not.be.checked');
+    },
+
+    clickGetStudentViewSessionDataButton: () => {
+        cy.log('Clicking Get student view session data button');
+        liveStudentViewBase.getStudentViewSessionDataButton().should('be.visible').click();
+    },
+
+    clickRefreshUserResponsesButton: () => {
+        cy.log('Clicking Refresh User Responses button');
+        liveStudentViewBase.refreshUserResponsesButton().should('be.visible').click();
+    },
+
+    clickLaunchGradingButton: () => {
+        cy.log('Clicking Launch Grading button');
+        liveStudentViewBase.launchGradingButton().should('be.visible').click();
+    },
+
+    clickResetFieldsButton: () => {
+        cy.log('Clicking Reset Fields button');
+        liveStudentViewBase.resetFieldsButton().should('be.visible').click();
+    },
+
+    /**
+     * Common utility methods
+     */
+    waitForPageLoad: () => {
+        cy.wait(3000);
+        cy.log('Live Student View page loaded');
+    },
+    
+    waitForApiResponse: () => {
+        cy.wait(2000);
+        cy.log('Waiting for API response...');
+    }
+}
+
+/**
+ * Common tests that work for all question types
+ */
+const tests = {
+    /**
+     * Verifies Live Student View interface - common to all question types
+     */
+    verifyLiveStudentViewInterface: () => {
+        it('Both student containers should exist and be visible', () => {
+            liveStudentViewBase.steps.verifyBothStudentContainersExist();
+            liveStudentViewBase.steps.verifyStudentHeaders();
+        });
+    },
+
+    /**
+     * Verifies Multiple Session Live Student View functionality - common to all question types
+     */
+    verifyMultipleSessionLiveStudentView: () => {
+        it('Navigate to Multiple Session Live Student View and interact with Live Class controls', () => {
+            liveStudentViewBase.steps.navigateToMultipleSessionLiveStudentView();
+            liveStudentViewBase.steps.verifyMultipleSessionPageTitle();
+            liveStudentViewBase.steps.checkEnableLiveClassCheckbox();
+            liveStudentViewBase.steps.verifyEnableLiveClassCheckboxIsChecked();
+            liveStudentViewBase.steps.clickGetStudentViewSessionDataButton();
+            liveStudentViewBase.steps.clickLaunchGradingButton();
+            cy.log('✅ SUCCESS: Successfully interacted with Multiple Session Live Class controls and launched grading');
+        });
+    },
+
+    /**
+     * Common accessibility test for Live Student View - works with any question type
+     */
+    verifyLiveStudentViewAccessibility: () => {
+        it('Accessibility of Live Student View containers', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(liveStudentViewBase.studentsWrapper());
+        });
+    },
+
+    /**
+     * Common navigation test - works with any question type
+     */
+    verifyLiveStudentViewNavigation: (itemReferenceID) => {
+        it('Should successfully navigate to Live Student View', () => {
+            liveStudentViewBase.steps.navigateToLiveStudentView(itemReferenceID);
+            liveStudentViewBase.steps.verifyBothStudentContainersExist();
+        });
+    }
+}
+
+/**
+ * Helper function to get student-specific selectors for any question type
+ * @param {number} studentNum - Student number (1 or 2)
+ * @param {string} selector - The selector string to find within student container
+ * @returns {Cypress.Chainable} - Cypress element within specific student container
+ */
+const getStudentSpecificElement = (studentNum, selector) => {
+    const container = studentNum === 1 ? liveStudentViewBase.student1Container() : liveStudentViewBase.student2Container();
+    return container.find(selector);
+}
+
+/**
+ * Helper function to perform actions within a specific student container
+ * @param {number} studentNum - Student number (1 or 2)
+ * @param {function} callback - Callback function to execute within student container
+ */
+const withinStudentContainer = (studentNum, callback) => {
+    const container = studentNum === 1 ? liveStudentViewBase.student1Container() : liveStudentViewBase.student2Container();
+    container.within(callback);
+}
+
+export const liveStudentViewBase = {
+    ...selectors,
+    steps,
+    tests,
+    getStudentSpecificElement,
+    withinStudentContainer
+}

package/cypress/pages/liveStudentViewPage.js

@@ -0,0 +1,246 @@
+import constants from "../fixtures/constants";
+import utilities from "../support/helpers/utilities";
+import { multipleSelectionPage } from "./multipleSelectionPage";
+import { liveStudentViewBase } from "./liveStudentViewBase";
+
+const css = Cypress.env('css');
+
+const selectors = {
+    // Import common Live Student View selectors from base
+    ...liveStudentViewBase,
+    
+    // Question elements - reusing multipleSelectionPage selectors
+    questionInstructions: (studentNum = null) => {
+        if (studentNum === 1) {
+            return liveStudentViewPage.student1Container().find('[data-testid="question-instruction-element"]');
+        } else if (studentNum === 2) {
+            return liveStudentViewPage.student2Container().find('[data-testid="question-instruction-element"]');
+        }
+        return multipleSelectionPage.questionInstructionsText();
+    },
+    
+    // Option elements - reusing multipleSelectionPage selectors
+    optionCheckboxes: (studentNum = null) => {
+        if (studentNum === 1) {
+            return liveStudentViewPage.student1Container().find('[data-ngie-testid="response-option-checkbox"]');
+        } else if (studentNum === 2) {
+            return liveStudentViewPage.student2Container().find('[data-ngie-testid="response-option-checkbox"]');
+        }
+        return multipleSelectionPage.optionsCheckboxWrapperPreviewTab();
+    },
+    
+    optionInputs: (studentNum = null) => {
+        if (studentNum === 1) {
+            return liveStudentViewPage.student1Container().find('[data-ngie-testid="response-option-checkbox"] [type="checkbox"]');
+        } else if (studentNum === 2) {
+            return liveStudentViewPage.student2Container().find('[data-ngie-testid="response-option-checkbox"] [type="checkbox"]');
+        }
+        return multipleSelectionPage.optionsCheckboxPreviewTab();
+    },
+    
+    // Multiple Selection specific option types - using base helper functions
+    imageOption: (studentNum, optionIndex = 0) => {
+        return liveStudentViewBase.getStudentSpecificElement(studentNum, '[data-ngie-testid="response-option-checkbox"]').eq(optionIndex).find('img');
+    },
+    
+    boldTextOption: (studentNum, optionIndex = 1) => {
+        return liveStudentViewBase.getStudentSpecificElement(studentNum, '[data-ngie-testid="response-option-checkbox"]').eq(optionIndex).find('strong');
+    },
+    
+    equationOption: (studentNum, optionIndex = 2) => {
+        return liveStudentViewBase.getStudentSpecificElement(studentNum, '[data-ngie-testid="response-option-checkbox"]').eq(optionIndex).find('.mathjx-rendered');
+    }
+}
+
+const steps = {
+    // Import common Live Student View steps from base
+    ...liveStudentViewBase.steps,
+    
+    // Multiple Selection specific student interactions
+    selectOptionForStudent: (studentNum, optionIndex) => {
+        cy.log(`Student-${studentNum}: Selecting option ${optionIndex}`);
+        
+        liveStudentViewBase.withinStudentContainer(studentNum, () => {
+            // Use multipleSelectionPage method for consistent checkbox clicking
+            multipleSelectionPage.optionsCheckboxWrapperPreviewTab().eq(optionIndex).click();
+        });
+        cy.wait(2000); // Wait for API response
+    },
+    
+    selectMultipleOptionsForStudent: (studentNum, optionIndexes) => {
+        cy.log(`Student-${studentNum}: Selecting multiple options: ${optionIndexes.join(', ')}`);
+        optionIndexes.forEach(optionIndex => {
+            liveStudentViewPage.steps.selectOptionForStudent(studentNum, optionIndex);
+        });
+    },
+    
+    // Multiple Selection specific verification methods
+    verifyOptionCheckedForStudent: (studentNum, optionIndex) => {
+        cy.log(`Verifying Student-${studentNum} option ${optionIndex} is checked`);
+        
+        liveStudentViewBase.withinStudentContainer(studentNum, () => {
+            // Use multipleSelectionPage method for consistent checkbox verification
+            multipleSelectionPage.optionsCheckboxPreviewTab().eq(optionIndex).should('be.checked');
+        });
+    },
+    
+    verifyOptionUncheckedForStudent: (studentNum, optionIndex) => {
+        cy.log(`Verifying Student-${studentNum} option ${optionIndex} is unchecked`);
+        
+        liveStudentViewBase.withinStudentContainer(studentNum, () => {
+            // Use multipleSelectionPage method for consistent checkbox verification
+            multipleSelectionPage.optionsCheckboxPreviewTab().eq(optionIndex).should('not.be.checked');
+        });
+    },
+    
+    verifyStudentSelections: (studentNum, checkedOptions = [], uncheckedOptions = []) => {
+        cy.log(`Verifying Student-${studentNum} selections`);
+        
+        // Verify checked options
+        checkedOptions.forEach(optionIndex => {
+            liveStudentViewPage.steps.verifyOptionCheckedForStudent(studentNum, optionIndex);
+        });
+        
+        // Verify unchecked options
+        uncheckedOptions.forEach(optionIndex => {
+            liveStudentViewPage.steps.verifyOptionUncheckedForStudent(studentNum, optionIndex);
+        });
+    },
+
+    // Method to use multipleSelectionPage's existing unchecked state verification
+    verifyAllOptionsUncheckedInitially: () => {
+        cy.log('Verifying all options are unchecked initially using multipleSelectionPage methods');
+        // Use multipleSelectionPage method for initial unchecked state verification
+        for (let index = 0; index < 4; index++) {
+            multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
+        }
+    },
+
+    // Method to use multipleSelectionPage's checkbox clicking
+    clickOptionUsingMultipleSelectionMethod: (optionIndex) => {
+        cy.log(`Clicking option ${optionIndex} using multipleSelectionPage method`);
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(optionIndex);
+    },
+    
+    // Content verification methods - reusing multipleSelectionPage methods
+    verifyQuestionInstructionsVisible: (expectedText, studentNum = null) => {
+        cy.log(`Verifying question instructions are visible${studentNum ? ` for Student-${studentNum}` : ''}`);
+        if (studentNum) {
+            const questionElement = liveStudentViewPage.questionInstructions(studentNum);
+            questionElement.should('be.visible');
+            if (expectedText) {
+                questionElement.should('contain.text', expectedText);
+            }
+        } else {
+            // Use multipleSelectionPage method for question instructions verification
+            utilities.verifyInnerText(multipleSelectionPage.questionInstructionsText(), expectedText);
+            utilities.verifyElementVisibilityState(multipleSelectionPage.questionInstructionsText(), 'visible');
+        }
+    },
+    
+    // Content verification methods - using multipleSelectionPage methods
+    verifyImageOptionVisible: (studentNum, optionIndex = 0) => {
+        cy.log(`Verifying image option is visible for Student-${studentNum}`);
+        if (studentNum) {
+            liveStudentViewPage.imageOption(studentNum, optionIndex).should('exist').should('be.visible');
+        } else {
+            // Use multipleSelectionPage method
+            multipleSelectionPage.steps.verifyImageInPreviewTab(optionIndex);
+        }
+    },
+    
+    verifyBoldTextOptionVisible: (studentNum, optionIndex = 1, expectedText = null) => {
+        cy.log(`Verifying bold text option is visible for Student-${studentNum}`);
+        if (studentNum) {
+            const boldElement = liveStudentViewPage.boldTextOption(studentNum, optionIndex);
+            boldElement.should('exist').should('be.visible');
+            if (expectedText) {
+                boldElement.should('contain.text', expectedText);
+            }
+        } else {
+            // Use multipleSelectionPage method
+            multipleSelectionPage.steps.verifyBoldTextInPreviewTab(optionIndex);
+        }
+    },
+    
+    verifyEquationOptionVisible: (studentNum, optionIndex = 2) => {
+        cy.log(`Verifying equation option is visible for Student-${studentNum}`);
+        if (studentNum) {
+            liveStudentViewPage.equationOption(studentNum, optionIndex).should('exist').should('be.visible');
+        } else {
+            // Use multipleSelectionPage method
+            multipleSelectionPage.steps.verifyEquationTextInPreviewTab(optionIndex);
+        }
+    },
+    
+    // Combined test scenarios
+    testIndependentStudentInteractions: () => {
+        cy.log('=== Testing Independent Student Interactions ===');
+        
+        // Student-1 selects options 0 and 1
+        liveStudentViewPage.steps.selectMultipleOptionsForStudent(1, [0, 1]);
+        
+        // Student-2 selects options 2 and 3
+        liveStudentViewPage.steps.selectMultipleOptionsForStudent(2, [2, 3]);
+        
+        // Verify Student-1's selections
+        liveStudentViewPage.steps.verifyStudentSelections(1, [0, 1], [2, 3]);
+        
+        // Verify Student-2's selections
+        liveStudentViewPage.steps.verifyStudentSelections(2, [2, 3], [0, 1]);
+        
+        cy.log('✅ SUCCESS: Both students can independently select options');
+    },
+    
+
+
+    /**
+     * Verifies that the image in both student containers has the correct source and alt text.
+     * @param {number} index - The index of the option in both student containers.
+     */
+    verifyImageInBothStudentContainers: (index) => {
+        liveStudentViewPage.steps.verifyImageOptionVisible(1, index);
+        liveStudentViewPage.steps.verifyImageOptionVisible(2, index);
+    },
+
+    /**
+     * Verifies that the bold text in both student containers is correct.
+     * @param {number} index - The index of the option in both student containers.
+     */
+    verifyBoldTextInBothStudentContainers: (index) => {
+        liveStudentViewPage.steps.verifyBoldTextOptionVisible(1, index);
+        liveStudentViewPage.steps.verifyBoldTextOptionVisible(2, index);
+    },
+
+    /**
+     * Verifies that the equation text in both student containers is correct.
+     * @param {number} index - The index of the option in both student containers.
+     */
+    verifyEquationInBothStudentContainers: (index) => {
+        liveStudentViewPage.steps.verifyEquationOptionVisible(1, index);
+        liveStudentViewPage.steps.verifyEquationOptionVisible(2, index);
+    },
+
+}
+
+const tests = {
+    // Import common Live Student View tests from base
+    ...liveStudentViewBase.tests,
+    
+    /**
+     * Multiple Selection specific Live Student View tests
+     */
+    verifyMultipleSelectionLiveStudentViewInteractions: () => {
+        it('Live Student View should allow real-time interaction with both students for Multiple Selection', () => {
+            liveStudentViewBase.steps.verifyBothStudentContainersExist();
+            liveStudentViewBase.steps.verifyStudentHeaders();
+            liveStudentViewPage.steps.testIndependentStudentInteractions();
+        });
+    }
+}
+
+export const liveStudentViewPage = {
+    ...selectors,
+    steps,
+    tests
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.551-IEI-5835-4b5c9f4.0",
+  "version": "1.0.551-IEI-5835-LIVE-73e4d13.0",
   "description": "",
   "main": "index.js",
   "scripts": {

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

@@ -1,56 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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,
-};