itemengine-cypress-automation 1.0.115 → 1.0.117

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/allOrNothingForAllViews.smoke.js

@@ -19,7 +19,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 cy.barsPreLoaderWait();
                 fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
                 fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
                 fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
                 fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
                 fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
@@ -54,7 +54,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                         fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
                         fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
                         fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
                         fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
                         fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
                         fillInTheGapsOverImageTextPage.steps.allotPoints(20);
@@ -109,7 +109,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 };
                 fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
                 utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers:');
-                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Petals', 'Stem']);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
             it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
@@ -128,7 +128,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Petals', 'Stem']);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
             it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
@@ -150,7 +150,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Petals', 'Stem']);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
             it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
@@ -186,7 +186,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 cy.barsPreLoaderWait();
                 fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
                 fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
                 fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
                 fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
                 fillInTheGapsOverImageTextPage.steps.allotPoints(20);

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/checkAnswerFunctionalityForAllViews.smoke.js

@@ -35,7 +35,7 @@ describe('Create item page - Fill in the gaps over image - text - Check answer f
                         fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
                         fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
                         fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
                         fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
                         fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
                         fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/editTabScoringSection.js

@@ -41,7 +41,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
         });
 
@@ -57,7 +57,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
         });
 
@@ -80,7 +80,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
         });
@@ -151,7 +151,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
         });
 
@@ -174,7 +174,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
         });
@@ -268,7 +268,7 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
             fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');

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

@@ -21,7 +21,7 @@ describe('Create item page - Fill in the gaps over image - text - Preview conten
                         fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
                         fillInTheGapsOverImageTextPage.steps.allotPoints(10);
                         fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
                         fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
                         fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
                         fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(1, 'Number');

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/specialCharactersSection.js

@@ -213,7 +213,7 @@ describe('Create item page - Fill in the gaps over image - text - Special charac
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
         });
 

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/specifyCorrectAnswerSection.js

@@ -14,7 +14,7 @@ describe('Create Item page - Fill in the gaps over image - text: Specify correct
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('fill in the gaps over image with text');
@@ -30,7 +30,7 @@ describe('Create Item page - Fill in the gaps over image - text: Specify correct
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('fill in the gaps over image text');

package/cypress/e2e/ILC/ReadingRuler/readingRulerEditTabBasicsSection.js

@@ -1,4 +1,5 @@
 import { readingRulerPage } from "../../../pages";
+import { colorPopupComponent } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -213,7 +214,7 @@ describe('Create Item page - Reading ruler: Edit Tab', () => {
         it('When the user modifies the selected color in the color popup and clicks on \'Cancel\' button, then the popup should close and it should be in unselected state and the modifications in the color popup should not persist. Color block should not change and it should be in unselected state', () => {
             readingRulerPage.steps.clickOnCustomBlockEditIcon();
             readingRulerPage.steps.addInputToHexInputField('#00002E');
-            readingRulerPage.steps.clickOnCancelButton();
+            colorPopupComponent.steps.clickOnCancelButton();
             utilities.verifyElementVisibilityState(readingRulerPage.dialogBoxContent(), 'notExist');
             readingRulerPage.steps.verifyCustomColor('#ff0000', 'rgba(255, 0, 0, 0.5)');
             readingRulerPage.steps.verifyColorBlockUnSelectedState(5);

package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js

@@ -26,8 +26,8 @@ describe('Create item page - Short text response: All or nothing', () => {
 
             it('When the user sets correct answer and allots points in specify correct answer section, then the alloted points should be displayed in the preview tab', () => {
                 shortTextResponsePage.steps.switchToEditTab();
-                shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
                 shortTextResponsePage.steps.allotPoints(20);
+                shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Buildings');
                 shortTextResponsePage.steps.switchToPreviewTab();
                 shortTextResponsePage.steps.verifyPreviewScore(0, 20);
             });

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -83,12 +83,12 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'tool'
         },
         {
-            displayName: 'Bring to front',
+            displayName: 'bring to front',
             tooltipText: 'Bring forwardBring selected item forward a layer',
             toolType: 'action'
         },
         {
-            displayName: 'Sent to back',
+            displayName: 'sent to back',
             tooltipText: 'Bring backwardSend selected item back a layer',
             toolType: 'action'
         },

package/cypress/pages/audioResponsePage.js

@@ -54,7 +54,8 @@ const selectors = {
     compactPreviewRetakeButton: () => cy.get('.play-back-btn-wrapper .record-button'),
     compactPreviewPlayPlaybackButton: () => cy.get('.play-back-btn-wrapper .play-back-button'),
     compactPreviewPausePlaybackButton: () => cy.get('.play-back-btn-wrapper .play-back-button'),
-    compactPreviewRecordingHelpText: () => cy.get('.minimal-recording-text'),
+    compactPreviewRecordingHelpText: () => cy.get('.minimal-record-helper-text-wrapper'),
+    compactPreviewRecordingStatusText: () => cy.get('.minimal-recording-text'),
     compactPreviewRecorderHelpText: () => cy.get('.response-recorded'),
     compactPreviewRecordingTimer: () => cy.get('.minimal-recording-timer'),
     compactPreviewVolumeMeter: () => cy.get('.audio-volume-meter-wrapper'),
@@ -77,12 +78,12 @@ const selectors = {
     controlsForPlaybackPlaybackSpeedButton: () => cy.get('[data-ngie-testid="playback-speed-toggle-button"]'),
     controlsForPlaybackPlaybackSpeedButtonLabel: () => cy.get('.customize-accordion [class*="CustomizeToolbarSelectionstyles__Label"]').eq(4),
     //Audio indicators
+    audioIndicatorsTimerButton: () => cy.get('[data-ngie-testid="timer-toggle-button"]'),
+    audioIndicatorsTimerButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(0),
     audioIndicatorsProgressIndicatorButton: () => cy.get('[data-ngie-testid="progress-indicator-toggle-button"]'),
-    audioIndicatorsProgressIndicatorButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(0),
+    audioIndicatorsProgressIndicatorButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(1),
     audioIndicatorsAudioWaveButton: () => cy.get('[data-ngie-testid="audio-wave-toggle-button"]'),
-    audioIndicatorsAudioWaveButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(1),
-    audioIndicatorsTimerButton: () => cy.get('[data-ngie-testid="timer-toggle-button"]'),
-    audioIndicatorsTimerButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(2),
+    audioIndicatorsAudioWaveButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(2),
     audioIndicatorsVolumeMeterButton: () => cy.get('[data-ngie-testid="volume-meter-toggle-button"]'),
     audioIndicatorsVolumeMeterButtonLabel: () => cy.get('.audio-indicator .control-footer').eq(3),
     audioIndicatorsLabel: () => cy.get('.audio-indicator .response-playback-title'),
@@ -306,7 +307,7 @@ const steps = {
             .then(($timer) => {
                 const currentTimer = $timer.split(' / ')[0];
                 const currentSeconds = parseInt(currentTimer.split(':')[1], 10);
-                expect(currentSeconds).to.be.gte(3);
+                expect(currentSeconds).to.be.closeTo(3, 1);
             });
     },
 
@@ -700,6 +701,12 @@ const steps = {
             });
     },
 
+    selectAudioIndicatorsAudioWaveButton: () => {
+        audioResponsePage.audioIndicatorsAudioWaveButton()
+            .click()
+            .should('have.class', 'ngie-toggle-button-selected');
+    },
+
     deselectAudioIndicatorsVolumeMeterButton: () => {
         audioResponsePage.audioIndicatorsVolumeMeterButton()
             .click()

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -437,25 +437,7 @@ const tests = {
             cy.checkAccessibility(commonComponents.dropdownList());
         });
 
-        it(`When the user hovers over the \'${penaltyScoringTypeArray[1]}\', a tooltip \'Penalty points for the entire question\' should be displayed and on moving away the focus, the tooltip should disappear`, () => {
-            utilities.hoverOverElement(autoScoredScoringSectionMultiResponseType.penaltyScoringDropdownListOptions('Penalty points for the entire question'));
-            utilities.verifyTextContent(commonComponents.tooltipText(), 'Penalty points for the entire question');
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
-        });
-
-        it(`When the user hovers over the \'${penaltyScoringTypeArray[2]}\', a tooltip \'${penaltyScoringTypeArray[2]}\' should be displayed and on moving away the focus, the tooltip should disappear`, () => {
-            autoScoredScoringSectionMultiResponseType.steps.expandPenaltyScoringDropdown();
-            utilities.hoverOverElement(autoScoredScoringSectionMultiResponseType.penaltyScoringDropdownListOptions(`${penaltyScoringTypeArray[2]}`));
-            utilities.verifyTextContent(commonComponents.tooltipText(), `${penaltyScoringTypeArray[2]}`);
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
-        });
-
         it('On selecting an option from the penalty scoring dropdown, the dropdown should close', () => {
-            autoScoredScoringSectionMultiResponseType.steps.expandPenaltyScoringDropdown();
             autoScoredScoringSectionMultiResponseType.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
         });
@@ -546,16 +528,7 @@ const tests = {
             cy.checkAccessibility(commonComponents.dropdownList())
         });
 
-        it(`When the user hovers over the \'${roundingTypeArray[3]}\', a tooltip \'Round down if <= 0.50; Round up if > 0.50\' should be displayed and on moving away the focus, the tooltip should disappear`, () => {
-            utilities.hoverOverElement(autoScoredScoringSectionMultiResponseType.roundingDropdownListOptions('round down if <= 0.50; Round up if > 0.50'));
-            utilities.verifyInnerText(commonComponents.tooltipText(), 'Round down if <= 0.50; Round up if > 0.50');
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
-        });
-
         it('On selecting an option from the rounding dropdown, the dropdown should close', () => {
-            autoScoredScoringSectionMultiResponseType.steps.expandRoundingDropdown();
             autoScoredScoringSectionMultiResponseType.steps.selectOptionFromRoundingDropdown('round down if <= 0.99');
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
         });

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -189,7 +189,7 @@ const tests = {
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s).';
                     break;
                 case 'fill in the gaps over image - dropdown':
-                    helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
+                    helpText = 'You can set the correct answer by selecting the correct option.';
                     break;
                 case 'text entry math':
                     helpText = 'You can set the correct answer by entering the correct answer in the input field(s).';
@@ -273,7 +273,7 @@ const tests = {
                 'font-size': css.fontSize.small,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon().find('path'), {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), {
                 'fill': css.color.errorText
             });
         });

package/cypress/pages/components/commonComponents.js

@@ -7,7 +7,7 @@ const selectors = {
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]'),
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
-    errorMessage: () => cy.get('[role="alert"].error-text-message'),
+    errorMessage: () => cy.get('.error-text-message'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
     dropdownList: () => cy.get('.dropdown-list'),
     dragHandleButton: () => cy.get('.dragicon-button'),

package/cypress/pages/components/figOverImageCanvasComponent.js

@@ -547,7 +547,7 @@ const steps = {
      * @param {string} text denotes tooltip text
      * @description function is used to hover over element and verify innertext of its tooltip
      */
-    verifyTooltipInnerText: (element, text, index=null) => {
+    verifyTooltipInnerText: (element, text, index = null) => {
         element()
             .eq(index)
             .trigger('mouseover', { force: true });

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -105,7 +105,7 @@ const steps = {
             .then(($value) => {
                 const value = $value[0].valueAsNumber
                 cy.log('The assertion is verifying the value synchronously i.e in real time')
-                expect(value).to.be.gte(sliderPositionToCompare);
+                expect(value).to.be.closeTo(sliderPositionToCompare, 10);
             });
     },
 
@@ -274,9 +274,11 @@ const tests = {
             utilities.verifyElementCount(playbackControlsBaseComponent.playbackSpeedOption(), 4);
             playbackControlsBaseComponent.steps.verifyPlaybackSpeedListOptions();
             playbackControlsBaseComponent.steps.verifyPlaybackSpeedOptionSelectedState('1x');
+            utilities.hoverAwayFromElement();
         });
 
         it('CSS of playback speed options', { tags: 'css' }, () => {
+            utilities.hoverOverElement(playbackControlsBaseComponent.playbackSpeedButton());
             utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedButton().find('[id="playback-speed"] path'), {
                 'fill': css.color.activeButtons
             });

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -299,16 +299,7 @@ const tests = {
             cy.checkAccessibility(commonComponents.dropdownList())
         });
 
-        it(`When the user hovers over the \'${minimumScoringTypeArray[2]}\', a tooltip \'Award minimum score only if attempted\' should be displayed and on moving away the focus, the tooltip should disappear`, () => {
-            utilities.hoverOverElement(scoringSectionBaseEditTab.minimumScoringDropdownListOptions('Award minimum score only if attempted'));
-            utilities.verifyTextContent(commonComponents.tooltipText(), 'Award minimum score only if attempted');
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'visible');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
-        });
-
         it('On selecting an option from the minimum scoring dropdown, the dropdown should close', () => {
-            scoringSectionBaseEditTab.steps.expandMinimumScoringDropdown();
             scoringSectionBaseEditTab.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
         });

package/cypress/pages/drawingResponsePage.js

@@ -191,7 +191,7 @@ const selectors = {
 
     //TODO: Shift all preview tab special characters popup related selectors/steps to a common component file once https://redmine.zeuslearning.com/issues/559296 is resolved
     //Special characters popup
-    specialCharactersPopupCategoryTitle: () => cy.get('[class*="characters__container"] [class*="options__accordion__header"]'),
+    specialCharactersPopupCategoryTitle: () => cy.get('[class*="characters__container"] [class="drawing-tool-options__options__accordion__header"]'),
     specialCharactersPopupCategoryAccordionIcon: () => cy.get('[class*="characters__container"] [aria-label="AccordionIcon"]'),
 
     //Edit tab color picker popup
@@ -537,7 +537,7 @@ const steps = {
 
     clickOnSecondaryPopupSlider: () => {
         drawingResponsePage.previewTabSecondaryPopupOpacitySlider()
-            .click({ force: true });
+            .realClick();
     },
 
     /**

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -175,9 +175,9 @@ const steps = {
     clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection: (optionText) => {
         fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
             .contains(optionText)
-            .click();
-        draggableOptionContainer.optionsContainerSpecifyCorrectAnswerSection()
             .click({ force: true });
+        draggableOptionContainer.optionsContainerSpecifyCorrectAnswerSection()
+            .click();
     },
 
     /**
@@ -431,8 +431,7 @@ const steps = {
         fillInTheGapsOverImageDragAndDropPage.dropzoneSpecifyCorrectAnswerSection()
             .eq(responseAreaIndex)
             .within(() => {
-                draggableOptionContainer.draggableOptionDragIcon()
-                    .should('not.exist');
+                utilities.verifyElementVisibilityState(draggableOptionContainer.draggableOptionDragIcon(), 'hidden')
             });
     },
 
@@ -497,8 +496,7 @@ const steps = {
         fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
             .eq(responseAreaIndex)
             .within(() => {
-                draggableOptionContainer.draggableOptionDragIcon()
-                    .should('not.exist');
+                utilities.verifyElementVisibilityState(draggableOptionContainer.draggableOptionDragIcon(), 'hidden')
             });
     },
 
@@ -577,7 +575,7 @@ const steps = {
                 .and('not.have.css', 'left');
         }
         else {
-           fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
+            fillInTheGapsOverImageDragAndDropPage.dropzonePointerInPreviewTab()
                 .eq(dropzoneIndex)
                 .should('have.css', 'top', expectedPosition.top)
                 .and('have.css', 'left', expectedPosition.left);
@@ -590,17 +588,17 @@ const steps = {
      */
     verifyCanvasWidthInPreviewTab: (width) => {
         fillInTheGapsOverImageDragAndDropPage.canvasInPreviewTab()
-           .should('have.attr', 'width', width);
-   },
+            .should('have.attr', 'width', width);
+    },
 
-   /**
-    * @param {*} height height of canvas
-    * @description this function verifies height of canvas
-    */
-   verifyCanvasHeightInPreviewTab: (height) => {
+    /**
+     * @param {*} height height of canvas
+     * @description this function verifies height of canvas
+     */
+    verifyCanvasHeightInPreviewTab: (height) => {
         fillInTheGapsOverImageDragAndDropPage.canvasInPreviewTab()
-           .should('have.css', 'height', `${height}px`);
-   },
+            .should('have.css', 'height', `${height}px`);
+    },
 
 
     verifyDropzoneNotExistInPreviewTab: () => {

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -2,17 +2,22 @@ import utilities from "../support/helpers/utilities";
 import { figOverImageCanvasComponent, autoScoredScoringPreviewTab, optionsWrapperComponent, commonComponents, createQuestionBasePage, backgroundImageUploadComponent, scoringSectionBaseEditTab, questionInstructionsComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType } from "./components";
 const css = Cypress.env('css');
 
+const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+
 const selectors = {
     ...questionInstructionsComponent,
     ...figOverImageCanvasComponent,
     ...autoScoredScoringPreviewTab,
     ...correctIncorrectAnswerLabelComponent,
+    ...autoScoredScoringSectionMultiResponseType,
+    ...autoScoredSpecifyCorrectAnswerSection,
     //Dropdown options section
     dropdownOptionsTab: () => cy.get('.ngie-tablist-tab-button[data-ngie-testid*="dropdown"]'),
     dropdownOptionsInputField: () => cy.get('.input-editable  input[type*="text"]'),
 
     //Specify correct answer dropdown
     dropdownSpecifyCorrectAnswerSection: () => cy.get('.response-dropdown [role="combobox"]'),
+    dropdownLabelSpecifyCorrectAnswerSection: () => cy.get('.response-label'),
 
     //Dropdown list
     dropdownListOptions: (ariaLabel = null) => {
@@ -87,7 +92,7 @@ const steps = {
     /**
     * @param {number} dropdownIndex Index of the dropdown
     * @param {string} dropdownOption Option to be selected in the dropdown
-    * @description Select option from dropdown in set correct answer section
+    * @description Select option from dropdown in specify correct answer section
     */
     selectResponseFromDropdownSpecifyCorrectAnswerSection: (dropdownIndex, dropdownOption) => {
         fillInTheGapsOverImageDropdownPage.steps.expandResponseDropdownInSpecifyCorrectAnswerSection(dropdownIndex)
@@ -106,8 +111,8 @@ const steps = {
     },
 
     /**
-    * @param {number} responseDropdownIndex Index of response dropdown in set correct answer section
-    * @description Expand response dropdown in set correct answer section
+    * @param {number} responseDropdownIndex Index of response dropdown in specify correct answer section
+    * @description Expand response dropdown in specify correct answer section
     */
     expandResponseDropdownInSpecifyCorrectAnswerSection: (responseDropdownIndex) => {
         utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), responseDropdownIndex)
@@ -116,6 +121,36 @@ const steps = {
             .should('have.attr', 'aria-expanded', 'true');
     },
 
+    /**
+    * @param {number} responseDropdownIndex Index of response dropdown in specify correct answer section
+    * @description Verify dropdown is expanded in specify correct answer section
+    */
+    verifyDropdownIsExpandedInSpecifyCorrectAnswerSection: (responseDropdownIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), responseDropdownIndex)
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    /**
+    * @param {number} responseDropdownIndex Index of response dropdown in specify correct answer section
+    * @description Verify dropdown is collapsed in specify correct answer section
+    */
+    verifyDropdownIsCollapsedInSpecifyCorrectAnswerSection: (responseDropdownIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), responseDropdownIndex)
+            .should('have.attr', 'aria-expanded', 'false');
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
+    },
+
+    /**
+    * @param {number} responseDropdownIndex Index of response dropdown in specify correct answer section
+    * @description Expand and collapse dropdown in specify correct answer section
+    */
+    expandAndCollapseDropdownInSpecifyCorrectAnswerSection: (responseDropdownIndex) => {
+        utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), responseDropdownIndex)
+            .click({ position: "right" });
+        cy.get('body')
+            .click();
+    },
+
     /**
     * @param {Object[]} CorrectAnswerArray - An array of objects containing the dropdownIndex and dropdownOption to be selected.
     * @param {number} CorrectAnswerArray[].dropdownIndex - The index of dropdown in preview tab
@@ -243,10 +278,84 @@ const steps = {
     verifyDropdownIsDisabled: (dropdownIndex) => {
         utilities.verifyElementDisabledClass(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), dropdownIndex));
     },
+
+    verifyPointsPerResponseLabel: () => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response: -');
+        utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'visible');
+    },
+
+    /**
+     * @description Verify points per response score displayed for partial equal weights
+     * @param {number} pointsPerResponse points per response score 
+     */
+    verifyPartialEqualWeightsPointsPerResponseScore: (pointsPerResponse) => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), `Points per response: ${pointsPerResponse}`);
+    },
 }
 
 const tests = {
     ...autoScoredScoringPreviewTab.tests,
+    ...autoScoredSpecifyCorrectAnswerSection.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...autoScoredScoringSectionMultiResponseType.tests,
+    /**
+    * Verifies the contents and functionality of the 'Specify correct answer' accordion for fill in the gaps over image dropdown question.
+    * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
+    * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    */
+    verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
+        it(`When user has added a response token in image, then its corresponding dropdown \'Dropdown 1\' should be displayed in the ${accordionName} accordion in collapsed state`, () => {
+            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), 1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownIsCollapsedInSpecifyCorrectAnswerSection(0);
+            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownLabelSpecifyCorrectAnswerSection(), 0), 'Dropdown 1');
+        });
+
+        it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.expandAndCollapseDropdownInSpecifyCorrectAnswerSection(0);
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+        });
+
+        it('When the user selects any option from the dropdown, then error message should disappear and that option should be displayed on the dropdown', () => {
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty(accordionName);
+
+        it(`CSS of ${accordionName} accordion contents`, { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.dropdownLabelSpecifyCorrectAnswerSection(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), {
+                'background-color': css.color.figActiveComponentBg,
+                'border': `1px solid ${css.color.activeComponentBorder}`
+            });
+            //CSS of selected dropdown option which appears on dropdown
+            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it(`Accessibility of ${accordionName} accordion contents`, { tags: 'a11y' }, () => {
+            cy.checkAccessibility(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection(), 0).parents('[aria-label="Specify correct answer section"]'));
+        });
+    },
+
+    verifyContentsOfSpecifyCorrectAnswerSection: () => {
+        it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.dropdownSpecifyCorrectAnswerSection()
+                .each(($element, index) => {
+                    utilities.verifyElementVisibilityState(cy.wrap($element), 'visible');
+                    utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownLabelSpecifyCorrectAnswerSection(), index), `Dropdown ${index + 1}`);
+                    utilities.verifyElementVisibilityState(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.dropdownLabelSpecifyCorrectAnswerSection(), index), 'visible');
+                })
+        });
+    },
 }
 
 export const fillInTheGapsOverImageDropdownPage = {