itemengine-cypress-automation 1.0.82 → 1.0.84

package/cypress/pages/components/opacityComponent.js

@@ -0,0 +1,64 @@
+import utilities from "../../support/helpers/utilities";
+
+const selectors = {
+    opacityLabel: () => cy.get('[class*="OpacityWrapper"] [class*="Label"]').last(),
+    opacityInputField: () => cy.get('[class*="OpacityWrapper"] input[type="text"]').last(),
+    opacitySlider: () => cy.get('[class*="OpacityWrapper"] .MuiSlider-colorPrimary'),
+}
+
+const steps = {
+    verifyDefaultOpacityLabelSliderAndInputField: (value) => {
+        utilities.verifyInnerText(opacityComponent.opacityLabel(), 'Opacity');
+        utilities.verifyElementVisibilityState(opacityComponent.opacityLabel(), 'visible');
+        utilities.verifyElementVisibilityState(opacityComponent.opacitySlider(), 'visible');
+        utilities.verifyElementVisibilityState(opacityComponent.opacityInputField(), 'visible');
+    },
+
+    /**
+     * @param {number} value holds value of input field
+     * @description function verifies value in input field
+     */
+    verifyOpacityInputFieldValue: (value) => {
+        opacityComponent.opacityInputField()
+            .should('have.value', value);
+    },
+
+    verifyMaxOpacitySliderValue: () => {
+        opacityComponent.opacitySlider()
+            .find('[aria-orientation="horizontal"]')
+            .should('have.attr', 'aria-valuemax', 100);
+    },
+
+    /**
+     * @param {number} value holds value of slider
+     * @description function verifies value in slider
+     */
+    verifyOpacitySliderValue: (value) => {
+        opacityComponent.opacitySlider()
+            .find('input')
+            .should('have.value', value);
+    },
+
+    /**
+     * @param {number} value holds value to be added in input field
+     * @description function adds value in input field
+     */
+    enterInputToOpacityInputField: (value) => {
+        opacityComponent.opacityInputField()
+            .clear()
+            .type(value)
+            .blur();
+        opacityComponent.opacityInputField()
+            .should('have.value', value);
+    },
+
+    clickOnOpacitySlider: () => {
+        opacityComponent.opacitySlider()
+            .click();
+    }
+}
+
+export const opacityComponent = {
+    ...selectors,
+    steps
+}

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -508,6 +508,21 @@ const steps = {
         });
     },
 
+    /**
+     * Sets options in dropzones in the Preview Tab based on the provided optionsObject.
+     * @param {Object} optionsObject - An object where keys are option texts and values are dropzone indices.
+     * @param {number} groupNumber index of the group
+     * @example clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 4, 'Whale': 4 })
+     */
+    clickAndDropOptionFromNthGroupInDropzonePreviewTab: (groupNumber, optionsObject) => {
+        draggableOptionContainer.groupedOptionsContainerPreviewTab()
+            .eq(groupNumber)
+            .parents('.item-list')
+            .within(() => {
+                steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection(optionsObject);
+            });
+    },
+
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.correctAnswerContainer(), 'notExist');
     },
@@ -1348,7 +1363,7 @@ const steps = {
         let animals = [['Bat', 'Platypus', 'Panda', 'Zebra'],
         ['Peacock', 'Falcon', 'Eagle', 'Tiger'],
         ['Parrot', 'Lion', 'Whale', 'Elephant'],
-        ['Giraffe', 'Kangaroo', 'Ostrich', 'Flying squirrel']
+        ['Giraffe', 'Kangaroo', 'Bat', 'Flying squirrel']
         ];
         let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
         draggableOptionsSectionComponent.steps.expandDraggableOptionsLayoutDropdown()

package/cypress/pages/essayResponsePage.js

@@ -1,5 +1,5 @@
 import { equationEditorCategoriesAndSymbols } from "../fixtures/equationEditorCategoriesAndSymbols ";
-import { questionInstructionsComponent, scoringSectionBase, createQuestionBasePage, additionalSettingsPanel, previewScoringAndShowCorrectAnswerComponent, commonComponents } from "./components";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, commonComponents } from "./components";
 import { equationEditorFlyout } from "./components/equationEditorFlyout";
 import { essayResponseCommonComponents } from "./components/essayResponseCommonComponents";
 import { specialOrMathCharacters } from "../fixtures/specialAndMathCharacters";
@@ -9,15 +9,13 @@ let originalText;
 let formattedText;
 
 const selectors = {
-    ...scoringSectionBase,
+    ...scoringSectionBaseEditTab,
     ...createQuestionBasePage,
     ...additionalSettingsPanel,
     ...questionInstructionsComponent,
     ...essayResponseCommonComponents,
     ...commonComponents,
     //Basic section
-    setWordLimitLabel: () => cy.get('[class*="EssayResponseComponentstyles__PropertyLabel"]'),
-    setWordLimitInputField: () => cy.get('.essay-response-question-word-limit-setting-wrapper input[type="text"]'),
     displayWordLimitLabel: () => cy.get('#Display-word-limit-dropdown-label'),
     displayWordLimitDropdown: () => cy.get('#Display-word-limit-select'),
     displayWordLimitDropdownListOptions: (optionIndex) => cy.get('.dropdown-list-ul [role="option"]').eq(optionIndex),
@@ -114,7 +112,7 @@ const specialAndMathCharacters = {
 const steps = {
     ...createQuestionBasePage.steps,
     ...questionInstructionsComponent.steps,
-    ...scoringSectionBase.steps,
+    ...scoringSectionBaseEditTab.steps,
     ...additionalSettingsPanel.steps,
     ...essayResponseCommonComponents.steps,
     expandCustomizeFormattingOptionsAccordion: () => {
@@ -190,8 +188,8 @@ const tests = {
     ...createQuestionBasePage.tests,
     ...questionInstructionsComponent.tests,
     ...additionalSettingsPanel.tests,
-    ...scoringSectionBase.tests,
-    ...previewScoringAndShowCorrectAnswerComponent.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...autoScoredScoringPreviewTab.tests,
     ...commonComponents.tests,
     insertEquationAndVerifyInputFieldContentsAndWordCount: (expectedOutput, wordCount) => {
         it(`On clicking the Ok button the symbols/equation entered should be displayed in the preview tab input field and the Word count should increase to ${wordCount}`, () => {

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -1,6 +1,7 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, uploadImageSectionComponent, scoringSectionBaseEditTab, optionsWrapperComponent, equationEditorFlyout, ckEditorToolbar, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, maximumCapacityPerDropzoneComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, figOverImageCanvasComponent, backgroundImageUploadComponent, correctIncorrectAnswerLabelComponent, draggableOptionsSectionComponent, draggableOptionContainer, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel } from "./components"
+import { createQuestionBasePage, questionInstructionsComponent, uploadImageSectionComponent, scoringSectionBaseEditTab, optionsWrapperComponent, equationEditorFlyout, ckEditorToolbar, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, maximumCapacityPerDropzoneComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, figOverImageCanvasComponent, backgroundImageUploadComponent, correctIncorrectAnswerLabelComponent,  draggableOptionsSectionComponent, draggableOptionContainer, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel, opacityComponent, imageActionsComponent } from "./components";
+import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -17,17 +18,24 @@ const selectors = {
     ...figOverImageCanvasComponent,
     ...backgroundImageUploadComponent,
     ...correctIncorrectAnswerLabelComponent,
+    ...dialogBoxBase,
     ...optionsWrapperComponent,
     ...draggableOptionsSectionComponent,
     ...draggableOptionContainer,
     ...randomizeOptionsComponent,
     ...enableOuterBorderComponent,
     ...autoScoredStudentViewSettings,
+    ...opacityComponent,
+    ...uploadImageSectionComponent,
+    ...imageActionsComponent,
     dropzonePreviewTab: () => cy.get('.drag-and-drop-canvas [class*="__DraggableWrapper"]'),
-    dropzonePreviewTabWrapper: () => cy.get('[class*="Canvasstyle__DropzoneWrapper"]'),
+    dropzoneContainerPreviewTab: () => cy.get('[class*="Canvasstyle__DropzoneWrapper"]'),
     optionContainerOptionsPreviewTab: () => cy.get('.item-list .draggable-options-item:visible'),
+    dropzoneWrapperPreviewTab: () => cy.get('.label-image-with-dnd-canvas-wrapper .cell'),
     optionContainerOptionsSpecifyCorrectAnswerSection: () => cy.get('.option-drag-and-drop .item-list .draggable-options-item:visible'),
     dropzoneSpecifyCorrectAnswerSection: () => cy.get('.dropzone-and-label-wrapper [class*="__DraggableWrapper"]:visible'),
+    optionPreviewTab: () => cy.get('.draggable-options-item'),
+    dropzoneWrapperSpecifyCorrectAnswerSection: () => cy.get('.cell'),
     correctIncorrectAnswerBlock: () => cy.get('[class*="-answer-block"]'),
     correctIncorrectStatusMessageText: () => cy.get('[class*="AnswerStatusText"]'),
     dropzoneNumeration: () => cy.get('.drag-and-drop-canvas .answer-numeration-number-box'),
@@ -41,7 +49,7 @@ const selectors = {
     dropzoneLabelSpecifyCorrectAnswerSection: () => cy.get('.dropzone-and-label-wrapper .title-casing'),
     questionBorderPreviewTab: () => cy.get('.label-image-with-dnd-canvas-wrapper [class*="DragDropContextLayoutWrapper"]'),
     maxLimitInEachDropzoneHelpText: () => cy.get('[class*="Canvasstyle__LimitWrapper"]'),
-    penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]'),
+    penaltyPointsForEachIncorrectDropzoneInputField: () => cy.get('input[aria-label="Penalty points for each incorrect dropzone"]')
 }
 
 const steps = {
@@ -69,6 +77,8 @@ const steps = {
     ...allowMultipleInstancesOfSameDraggableOptionComponent.steps,
     ...commonComponents.steps,
     ...additionalSettingsPanel.steps,
+    ...opacityComponent.steps,
+    ...imageActionsComponent.steps,
 
     /**
     * @description Verifies the text content of a specific preview tab dropzone element.
@@ -159,7 +169,7 @@ const steps = {
             .contains(optionText)
             .click();
         draggableOptionContainer.optionsContainerSpecifyCorrectAnswerSection()
-            .click();
+            .click({ force: true });
     },
 
     /**
@@ -243,7 +253,7 @@ const steps = {
     * @param {number} optionIndex - The index of the option to verify.
     */
     verifyCorrectOptionIcon: (optionIndex) => {
-        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTabWrapper()
+        fillInTheGapsOverImageDragAndDropPage.dropzoneContainerPreviewTab()
             .eq(optionIndex)
             .within(() => {
                 utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.tickIconWrapper(), {
@@ -257,7 +267,7 @@ const steps = {
     * @param {number} optionIndex - The index of the option to verify.
     */
     verifyIncorrectOptionIcon: (optionIndex) => {
-        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTabWrapper()
+        fillInTheGapsOverImageDragAndDropPage.dropzoneContainerPreviewTab()
             .eq(optionIndex)
             .within(() => {
                 utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.tickIconWrapper(), {
@@ -271,7 +281,7 @@ const steps = {
     * @param {number} optionIndex - The index of the option to verify.
     */
     verifyCorrectIncorrectIconNotExist: (optionIndex) => {
-        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTabWrapper()
+        fillInTheGapsOverImageDragAndDropPage.dropzoneContainerPreviewTab()
             .eq(optionIndex)
             .within(() => {
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.tickIconWrapper(), 'notExist');
@@ -279,9 +289,11 @@ const steps = {
     },
 
     verifyDropzoneNumeration: () => {
-        for (let index = 0; index < fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab().length; index++) {
-            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.dropzoneNumeration(), index), index + 1);
-        }
+        fillInTheGapsOverImageDragAndDropPage.dropzoneNumeration()
+            .each(($element, index) => {
+                cy.wrap($element)
+                    .should('have.text', `${index + 1}`)
+            });
     },
 
     /**
@@ -331,7 +343,7 @@ const steps = {
         let flowers = [['Flower', 'Petals', 'Seed', 'Pollen'],
         ['Leaflet', 'Leaves', 'Leaf', 'Green'],
         ['Stem', 'Branch', 'Trunk', 'Tree'],
-        ['Rose', 'Lily', 'Orchid', 'Tulip']
+        ['Rose', 'Lily', 'Orchid', 'Petals']
         ];
         let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
         draggableOptionsSectionComponent.steps.expandDraggableOptionsLayoutDropdown()
@@ -371,6 +383,134 @@ const steps = {
             .type(`${points}`)
             .should('have.value', points)
             .blur();
+    },
+
+    verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection: () => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperSpecifyCorrectAnswerSection()
+            .should('not.have.class', 'dragging-over');
+    },
+
+    verifyActiveStateOfAllDropzoneInSpecifyCorrectAnswerSection: () => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperSpecifyCorrectAnswerSection()
+            .should('have.class', 'dragging-over');
+    },
+
+    /**
+    * @param {number} dropzoneIndex index of the dropzone in specify correct answer section
+    * @param {string[]} responseArray array of options set as correct responses in a category cell
+    */
+    verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection: (dropzoneIndex, responseArray) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
+            .eq(dropzoneIndex)
+            .within(() => {
+                responseArray.forEach((response, count) => {
+                    draggableOptionContainer.draggableOption()
+                        .eq(count)
+                        .verifyInnerText(response);
+                });
+            });
+    },
+
+    /**
+    * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
+    * @description Verify drag handle is not visible in filled category cell in preview tab
+    */
+    verifyDragHandleNotVisibleInFilledDropzoneOfSpecifyCorrectAnswerSection: (responseAreaIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
+            .eq(responseAreaIndex)
+            .within(() => {
+                draggableOptionContainer.draggableOptionDragIcon()
+                    .should('not.exist');
+            });
+    },
+
+    /**
+    * @param {string} optionName denotes the text content of the draggable option
+    * @param {number} dropzoneIndex - The index of the dropzone. 
+    * @description click on a draggable option present in the category cell of specify correct answer section
+    */
+    clickOnDraggableOptionInDropzoneOfSpecifyCorrectAnswerSection: (optionName, dropzoneIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
+            .eq(dropzoneIndex)
+            .within(() => {
+                draggableOptionContainer.draggableOption()
+                    .contains(optionName)
+                    .click();
+            });
+    },
+
+    clickOnDropzoneOfSpecifyCorrectAnswerSection: (categoryIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
+            .eq(categoryIndex)
+            .click({ force: true });
+    },
+
+
+    verifyInactiveStateOfAllDropzoneInPreviewTab: () => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab()
+            .should('not.have.class', 'dragging-over');
+    },
+
+    verifyActiveStateOfAllDropzoneInPreviewTab: () => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab()
+            .should('have.class', 'dragging-over');
+    },
+
+    /**
+    * @param {string} optionName denotes the text content of the draggable option
+    * @param {number} dropzoneIndex - The index of the dropzone. 
+    * @description click on a draggable option present in the category cell of specify correct answer section
+    */
+    clickOnDraggableOptionInDropzoneOfPreviewTab: (optionName, dropzoneIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
+            .eq(dropzoneIndex)
+            .within(() => {
+                draggableOptionContainer.draggableOption()
+                    .contains(optionName)
+                    .click();
+            });
+    },
+
+    clickOnDropzoneOfPreviewTab: (categoryIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
+            .eq(categoryIndex)
+            .click({ force: true });
+    },
+
+    /**
+    * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
+    * @description Verify drag handle is not visible in filled category cell in preview tab
+    */
+    verifyDragHandleNotVisibleInFilledDropzoneOfPreviewTab: (responseAreaIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
+            .eq(responseAreaIndex)
+            .within(() => {
+                draggableOptionContainer.draggableOptionDragIcon()
+                    .should('not.exist');
+            });
+    },
+
+    /**
+     * Sets options in dropzone in the Preview Tab based on the provided optionsObject.
+     * @param {Object[]} responses - An array of objects containing the responseIndex, responseText and dropzone index
+     * @param {number} responses[].groupIndex - The index of the group
+     * @param {string} responses[].responseText - The text of the option
+     * @param {string} responses[].dropzoneIndex - The index of the dropzone
+     */
+    clickAndDropOptionFromNthGroupInDropzonePreviewTab: (responses) => {
+        responses.forEach(({ responseText, groupIndex, dropzoneIndex }) => {
+            draggableOptionContainer.groupedOptionsContainerPreviewTab()
+                .eq(groupIndex)
+                .parents('.item-list')
+                .within(() => {
+                    fillInTheGapsOverImageDragAndDropPage.optionPreviewTab()
+                        .contains(responseText)
+                        .click();
+                });
+            fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
+                .eq(dropzoneIndex)
+                .click({ force: true });
+        });
     }
 }
 
@@ -378,6 +518,7 @@ const tests = {
     ...autoScoredScoringPreviewTab.tests,
     ...scoringSectionBaseEditTab.tests,
     ...autoScoredScoringSectionMultiResponseType.tests,
+    ...questionInstructionsComponent.tests,
     ...autoScoredSpecifyCorrectAnswerSection.tests,
     ...draggableOptionsSectionComponent.tests,
     ...optionsWrapperComponent.tests,

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -24,12 +24,13 @@ const selectors = {
     answerInputFieldSpecifyCorrectAnswerSection: () => cy.get('.label-image-text-inline-text-field input'),
     answerInputFieldPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .response-input-field input'),
     correctAnswerSectionWrapper: () => cy.get('.cloze-with-text-correct-answer-wrapper'),
-    correctAnswersLabel: () => cy.get('.correct-answers-label'),
+    correctAnswersLabel: () => cy.get('.label-image-with-text-correct-answer-label'),
     responseStatusWrapper: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper'),
     tickIconWrapper: () => cy.get('.tick-icon-wrapper [data-name*="Rectangle"]'),
     responseAreaNumeration: () => cy.get('.response-input-adornment'),
-    correctAnswerResponseWrapper: () => cy.get('.cloze-with-text-correct-response-wrapper .cloze-with-text-answer-status-response-preview-wrapper'),
-    correctAnswerResponse: () => cy.get('[class*="ResponseInputComponentstyles__ResponseInputWrapper"] input')
+    correctAnswerResponseNumeration: () => cy.get('.answer-numeration-number-box'),
+    correctAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__AnswerCell"]'),
+    correctAnswerResponse: () => cy.get('[class*="AnswerWrapperForLabel"]')
 }
 
 const steps = {
@@ -145,7 +146,7 @@ const steps = {
         fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab()
             .each(($element, index) => {
                 cy.wrap($element)
-                    .parents('.response-input-field')
+                    .parents('.cloze-with-text-response-field-wrapper')
                     .within(() => {
                         utilities.verifyTextContent(fillInTheGapsOverImageTextPage.responseAreaNumeration(), `${index + 1}`);
                     });
@@ -163,9 +164,9 @@ const steps = {
             fillInTheGapsOverImageTextPage.correctAnswerResponseWrapper()
                 .eq(index)
                 .within(() => {
-                    utilities.verifyInnerText(fillInTheGapsOverImageTextPage.responseAreaNumeration(), `${index + 1}`);
+                    utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswerResponseNumeration(), `${index + 1}`);
                     fillInTheGapsOverImageTextPage.correctAnswerResponse()
-                        .should('have.value', correctAnswer);
+                        .should('have.text', correctAnswer);
                 });
         });
     },

package/cypress/pages/protractorPage.js

@@ -1,7 +1,7 @@
 import { commonComponents } from "./components";
 import { createItemPage } from "./createItemPage";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, additionalSettingsPanel, measuringToolComponent, toolVisibilityComponent } from "./components";
+import { createQuestionBasePage, additionalSettingsPanel, measuringToolComponent, toolVisibilityComponent, opacityComponent } from "./components";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 import { dialogBoxBase } from "./dialogBoxBase";
 
@@ -12,6 +12,7 @@ const selectors = {
     ...selectQuestionResourceToolPage,
     ...createQuestionBasePage,
     ...toolVisibilityComponent,
+    ...opacityComponent,
     //edit tab
     angleTypeLabel: () => cy.get('#Angle-type-dropdown-label'),
     angleTypeDropdown: () => cy.get('#Angle-type-select'),
@@ -50,6 +51,7 @@ const steps = {
     ...selectQuestionResourceToolPage.steps,
     ...toolVisibilityComponent.steps,
     ...commonComponents.steps,
+    ...opacityComponent.steps,
     expandAngleTypeDropdown: () => {
         protractorPage.angleTypeDropdown()
             .click();

package/cypress/pages/rulerPage.js

@@ -1,6 +1,6 @@
 import { createItemPage } from "./createItemPage";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, additionalSettingsPanel, commonComponents, toolVisibilityComponent, measuringToolComponent } from "./components";
+import { createQuestionBasePage, additionalSettingsPanel, commonComponents, imageActionsComponent, toolVisibilityComponent, measuringToolComponent, opacityComponent } from "./components";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
@@ -13,6 +13,8 @@ const selectors = {
     ...toolVisibilityComponent,
     ...dialogBoxBase,
     ...measuringToolComponent,
+    ...opacityComponent,
+    ...imageActionsComponent,
     alternativeTextLabel: () => cy.get('.alternative-text'),
     rotationDropdownListOption: (ariaLabel = null) => {
         if (ariaLabel) {
@@ -64,8 +66,6 @@ const selectors = {
     fileUploadProgressBar: () => cy.get('[class*="CustomRulerImagestyles__ProgressBar"]'),
     lockAspectRatioButton: () => cy.get('[aria-label="Locked aspect ratio"]'),
     resetButton: () => cy.get('[aria-label="Reset image size"]'),
-    lockAspectRatioButton: () => cy.get('[class*="CustomRulerImagestyles__LockIconWrapper"]'),
-    resetDimensionsButton: () => cy.get('[aria-label="Reset image size"]'),
     //preview tab
     rulerPreviewTab: () => cy.get('[class*="RulerComponentstyles__DefaultRulerWrapper"]'),
     rulerUploadedImagePreviewTab: () => cy.get('[class*="RulerComponentstyles__RulerComponentWrapper"] img'),
@@ -85,6 +85,8 @@ const steps = {
     ...selectQuestionResourceToolPage.steps,
     ...toolVisibilityComponent.steps,
     ...measuringToolComponent.steps,
+    ...opacityComponent.steps,
+    ...imageActionsComponent.steps,
 
     /**
      * @param {string[]} dropdownOptionsArray array containing options of rotation dropdown list
@@ -193,22 +195,6 @@ const steps = {
             });
     },
 
-    unlockAspectRatio: () => {
-        rulerPage.lockAspectRatioButton()
-            .click();
-        rulerPage.lockAspectRatioButton()
-            .find('button')
-            .should('have.attr', 'aria-label', 'Unlocked aspect ratio');
-    },
-
-    lockAspectRatio: () => {
-        rulerPage.lockAspectRatioButton()
-            .click();
-        rulerPage.lockAspectRatioButton()
-            .find('button')
-            .should('have.attr', 'aria-label', 'Locked aspect ratio');
-    },
-
     /**
      * @param {number} width holds value of width attribute
      * @description function updates width in input field
@@ -267,11 +253,6 @@ const steps = {
             .should('have.value', height)
     },
 
-    resetDimensions: () => {
-        rulerPage.resetDimensionsButton()
-            .click();
-    },
-
     clickOnDeleteButton: () => {
         rulerPage.deleteImageButton()
             .click();

package/cypress/pages/selectQuestionResourceToolPage.js

@@ -35,7 +35,7 @@ const questionTypeCategoryMap = {
     'list matching': 'List',
     'list ordering': 'List',
     'list sorting': 'List',
-    'essay response - rich text': 'Constructed response',
+    'essay response': 'Constructed response',
     'essay response - basic': 'Constructed response',
     'essay response - math': 'Constructed response',
     'short text response': 'Constructed response',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.82",
+  "version": "1.0.84",
   "description": "",
   "main": "index.js",
   "scripts": {