itemengine-cypress-automation 1.0.295-applitools-05cc9de.0 → 1.0.295-applitools-5d97c84.0

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/previewContentsForAllViews.smoke.js

@@ -1,4 +1,5 @@
 import { dragAndDropIntoCategoriesPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { equationEditorFlyout } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -204,4 +205,71 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
             });
         });
     });
-});
+
+    //https://weldnorthed.atlassian.net/browse/IEI-4579
+    views.forEach((view) => {
+        describe('Equations in table layout', () => {
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+                        cy.barsPreLoaderWait();
+                        dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in correct categories');
+                        dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(0, 'Bat');
+                        dragAndDropIntoCategoriesPage.steps.enterTextInOptionInputField(1, 'Eagle');
+                        dragAndDropIntoCategoriesPage.steps.modifyTableCellProperty(3, 'Text');
+                        dragAndDropIntoCategoriesPage.steps.modifyTableCellProperty(6, 'Text');
+                        dragAndDropIntoCategoriesPage.steps.modifyTableCellProperty(9, 'Text');
+                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
+                        dragAndDropIntoCategoriesPage.steps.focusWithinCellText(3);
+                        dragAndDropIntoCategoriesPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        dragAndDropIntoCategoriesPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        dragAndDropIntoCategoriesPage.steps.focusWithinCellText(6);
+                        dragAndDropIntoCategoriesPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterTextInPreviewInputField('This is a equation');
+                        equationEditorFlyout.steps.clickOnOkButton();
+                        dragAndDropIntoCategoriesPage.steps.focusWithinCellText(9);
+                        dragAndDropIntoCategoriesPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.enterTextInPreviewInputField('This is a very long text to test the equation editor');
+                        equationEditorFlyout.steps.clickOnOkButton();
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    dragAndDropIntoCategoriesPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it(`DND into categories ${view}: The equations should be correctly displayed in all views`, () => {
+                cy.eyesCheckWindow(`Equations in table layout: ${view}`);
+            });
+        });
+    });
+});

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -409,6 +409,19 @@ const steps = {
             });
     },
 
+    /**
+    * focus in the drag-and-drop into categories table.
+    * @param {number} cellIndex - The index of the cell to edit.
+    */
+    focusWithinCellText: (cellIndex) => {
+        dragAndDropIntoCategoriesPage.tableCellContainer()
+            .eq(cellIndex)
+            .within(() => {
+                dragAndDropIntoCategoriesPage.cellTextTextArea()
+                    .focus();
+            });
+    },
+
     /**
      * Verifies the empty state of a dropzone cell in the Specify Correct Answer section.
      * @param {number} cellIndex - The index of the dropzone cell to verify.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.295-applitools-05cc9de.0",
+  "version": "1.0.295-applitools-5d97c84.0",
   "description": "",
   "main": "index.js",
   "scripts": {