itemengine-cypress-automation 1.0.564-IEI-7011-cf323ce.0 → 1.0.564

package/cypress/pages/components/showAlternativeAnswersComponent.js

@@ -1,169 +0,0 @@
-/**
- * Show Alternative Answers Component
- * Common functionality for managing and verifying alternative answers toggle and content
- * across different question types (Single Selection, Multiple Selection, etc.)
- */
-
-const showAlternativeAnswersComponent = {
-    // Selectors for the alternative answers toggle
-    showAlternativeAnswersToggleWrapper: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"]'),
-    showAlternativeAnswersToggleInput: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] input[type="checkbox"]'),
-    showAlternativeAnswersToggleLabel: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] [class*="SwitchLabelWrapper"]'),
-    showAlternativeAnswersToggleButton: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] .MuiButtonBase-root'),
-    
-    // Selectors for the alternative answers content section
-    alternativeAnswersSection: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').contains('Alternative answer'),
-    alternativeAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]:contains("Alternative answer")'),
-    alternativeAnswerGridWrapper: () => cy.get('[class*="CorrectAnswerGridWrapper"]'),
-    alternativeAnswerSelectionGrid: () => cy.get('.correct-ans-selection-grid'),
-
-    steps: {
-        /**
-         * Verifies that the "Show alternative answers" toggle is present and visible
-         */
-        verifyShowAlternativeAnswersToggleExists: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
-                .should('be.visible');
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleLabel()
-                .should('contain.text', 'Show alternative answers');
-        },
-
-        /**
-         * Verifies that the "Show alternative answers" toggle does not exist
-         */
-        verifyShowAlternativeAnswersToggleNotExists: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
-                .should('not.exist');
-        },
-
-        /**
-         * Verifies that the "Show alternative answers" toggle is in the checked (enabled) state
-         */
-        verifyShowAlternativeAnswersToggleChecked: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
-                .should('be.checked')
-                .and('have.attr', 'aria-pressed', 'true');
-            // Verify the checked state visual indicator (tick icon)
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
-                .find('.icon-ILC-tick-icon')
-                .should('be.visible');
-        },
-
-        /**
-         * Verifies that the "Show alternative answers" toggle is in the unchecked (disabled) state
-         */
-        verifyShowAlternativeAnswersToggleUnchecked: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
-                .should('not.be.checked')
-                .and('have.attr', 'aria-pressed', 'false');
-            // Verify the unchecked state visual indicator (x-circle icon)
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
-                .find('.icon-x-circle')
-                .should('be.visible');
-        },
-
-        /**
-         * Clicks the "Show alternative answers" toggle to change its state
-         */
-        clickShowAlternativeAnswersToggle: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleButton()
-                .click();
-        },
-
-        /**
-         * Enables the "Show alternative answers" toggle (clicks it if it's currently unchecked)
-         */
-        enableShowAlternativeAnswersToggle: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
-                .then(($input) => {
-                    if (!$input.prop('checked')) {
-                        showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-                    }
-                });
-        },
-
-        /**
-         * Disables the "Show alternative answers" toggle (clicks it if it's currently checked)
-         */
-        disableShowAlternativeAnswersToggle: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
-                .then(($input) => {
-                    if ($input.prop('checked')) {
-                        showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-                    }
-                });
-        },
-
-        /**
-         * Verifies that the alternative answers section is visible
-         * @param {number} index - The index of the alternative answer (e.g., 1 for "Alternative answer 1")
-         * @param {number} points - The expected points for the alternative answer
-         */
-        verifyAlternativeAnswersSectionVisible: (index, points) => {
-            cy.get('[class*="CorrectAnswerLabelWrapper"]')
-                .contains(`Alternative answer ${index}`)
-                .should('be.visible');
-            
-            if (points) {
-                cy.get('[class*="CorrectAnswerLabelWrapper"]')
-                    .contains(`Alternative answer ${index}`)
-                    .parent()
-                    .find('p')
-                    .should('contain.text', `(${points} points)`);
-            }
-        },
-
-        /**
-         * Verifies that the alternative answers section does not exist
-         */
-        verifyAlternativeAnswersSectionNotExist: () => {
-            cy.get('[class*="CorrectAnswerLabelWrapper"]')
-                .contains('Alternative answer')
-                .should('not.exist');
-        },
-
-        /**
-         * Verifies the complete alternative answers section including content and grid
-         * @param {number} index - The index of the alternative answer (e.g., 1 for "Alternative answer 1")
-         * @param {number} points - The expected points for the alternative answer
-         */
-        verifyAlternativeAnswersSectionComplete: (index = 1, points) => {
-            // Verify the alternative answer label is visible
-            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionVisible(index, points);
-            
-            // Verify the selection grid is visible
-            showAlternativeAnswersComponent.alternativeAnswerSelectionGrid()
-                .should('be.visible');
-        },
-
-        /**
-         * Comprehensive test that verifies the complete toggle functionality
-         * @param {number} index - The index of the alternative answer to verify
-         * @param {number} points - The expected points for the alternative answer
-         */
-        verifyShowAlternativeAnswersToggleFunctionality: (index, points) => {
-            // Start with ensuring toggle exists
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
-            
-            // Test unchecked state
-            showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
-
-            // Verify the alternative answers section does not exist
-            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
-            
-            // Test checked state
-            showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleChecked();
-
-            // Verify the alternative answers section is visible
-            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionVisible(index, points);
-            
-            // Test toggle back to unchecked
-            showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
-        }
-    },
-};
-
-export { showAlternativeAnswersComponent };