itemengine-cypress-automation 1.0.379-IEI-5744-ecb0cd7.0 → 1.0.379

package/cypress/e2e/ILC/ThinkSphere/editTabBasicSection.js

@@ -37,6 +37,12 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         thinkSpherePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+
+        it('When user add long text along with table in question instruction then height of question instruction should increase and horizontal scroll bar should appear', () => {
+            thinkSpherePage.steps.addQuestionInstructionInnerHTML('<table class="custom_author_table ie-table ie-table-bordered" border="1" style="width: 100%;"><tbody><tr><td>test</td><td>test</td><td>test</td><td>test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test</td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table><p><br><br>test<br></p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>');
+            thinkSpherePage.steps.verifyQuestionInstructionIncreasedHeightAndScrollBar();
+            thinkSpherePage.steps.addQuestionInstructionInnerHTML('');
+        });
     });
 
     describe('Question instructions input field - Edit tab functionality', () => {

package/cypress/e2e/ILC/ThinkSphere/previewTabPlanSection.js

@@ -6,11 +6,11 @@ import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const sentenceStartersTextDefault = [
-    'The strategy i’m going to use is',
-    'First, i will',
-    'Secondly, i will',
+    'The strategy I’m going to use is',
+    'First, I will',
+    'Secondly, I will',
     'I will check my work by',
-    'If my strategy is not working, i will'
+    'If my strategy is not working, I will'
 ];
 
 describe('Preview question : ThinkSphere Question - Plan Section - preview tab', () => {

package/cypress/e2e/ILC/ThinkSphere/solvePhase.js

@@ -68,7 +68,7 @@ describe('ThinkSphere Question - Solve Phases Section', () => {
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.bold
             });
-            utilities.verifyCSS(thinkSpherePage.customizeToolsAndControlsSvg(), {
+            utilities.verifyCSS(thinkSpherePage.customizeToolsAndControlsPath(), {
                 'fill': css.color.activeButtons
             });
 

package/cypress/pages/essayResponsePage.js

@@ -1,4 +1,4 @@
-import { equationEditorCategoriesAndSymbols } from "../fixtures/equationEditorCategoriesAndSymbols ";
+import { equationEditorCategoriesAndSymbols } from "../fixtures/equationEditorCategoriesAndSymbols";
 import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, commonComponents, createCustomCategoryFlyout, customizeSpecialCharacterComponent, additionalSettingsAccessibilitySectionComponent, autoScoredStudentViewSettings, studentViewSettingsLabelComponent, equationEditorSectionCommonComponent } from "./components";
 import { equationEditorFlyout } from "./components/equationEditorFlyout";
 import { dialogBoxBase } from "../pages/dialogBoxBase";

package/cypress/pages/thinkSpherePage.js

@@ -136,7 +136,7 @@ const selectors = {
     imageUploadSectionQuestionImageCrossIcon: () => thinkSpherePage.imageUploadSection().find('div[class*="QuestionImageComponentstyle__CrossIcon"]'),
     imageRadioButtonParentSvg: () => thinkSpherePage.imageRadioButton().parent().find('svg'),
     solvePhaseAccordionSvg: () => thinkSpherePage.solvePhaseAccordion().find('svg'),
-    customizeToolsAndControlsSvg: () => thinkSpherePage.customizeToolsAndControls().find('path'),
+    customizeToolsAndControlsPath: () => thinkSpherePage.customizeToolsAndControls().find('path'),
     solvePhaseToolsAndControlsOptionsTilesFeatherCheckIcon: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('[data-name="Icon feather-check"]'),
     solvePhaseToolsAndControlsOptionsTilesRectangle: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('[data-name*="Rectangle"]'),
     solvePhaseToolsAndControlsOptionsTilesDragItemFlexWrapperSvg: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('.drag-item-flex-wrapper svg'),
@@ -211,6 +211,7 @@ const selectors = {
     categoriesDropDownParent: () => cy.get('.drop-down-parent'),
     cardWrapper: () => cy.get('.card-wrapper'),
     cardLabel: () => cy.get('.widget-card-label'),
+    thinkSphereQuestionInstructionCKEditor: () => cy.get('div.cke_editable[contenteditable="true"]'),
 };
 
 const steps = {
@@ -1083,6 +1084,26 @@ const steps = {
     verifySolvePhaseAccordionCollapsed: () => {
         thinkSpherePage.solvePhaseAccordionExpandIcon().should('not.have.class', 'Mui-expanded');
     },
+
+    addQuestionInstructionInnerHTML: (innerHTML) => {
+        thinkSpherePage.thinkSphereQuestionInstructionCKEditor()
+            .invoke('html', innerHTML);
+    },
+
+    verifyQuestionInstructionIncreasedHeightAndScrollBar: () => {
+        thinkSpherePage.thinkSphereQuestionInstructionCKEditor()
+            .invoke('height') // Get the height of the element
+            .should('be.gt', 198);
+
+        thinkSpherePage.thinkSphereQuestionInstructionCKEditor()
+            .should(($el) => {
+                const scrollWidth = $el[0].scrollWidth;
+                const clientWidth = $el[0].clientWidth;
+
+                // Assert that horizontal scroll is present
+                expect(scrollWidth).to.be.greaterThan(clientWidth);
+            });
+    },
 };
 
 const tests = {

package/package.json

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