itemengine-cypress-automation 1.0.12 → 1.0.14

package/cypress/pages/audioPlayerPage.js

@@ -31,8 +31,8 @@ const selectors = {
     descriptionInputField: () => cy.get('[role="textbox"][title="Description"]'),
     transcriptLabel: () => cy.get('.additional-settings-label').eq(1),
     transcriptInputField: () => cy.get('[role="textbox"][title="Transcript"]'),
-    customizeUIControlAccordion: () => cy.get('.ngie-accordion').eq(0),
-    advancedPlayerSettingsAccordion: () => cy.get('.ngie-accordion').eq(1),
+    customizeUIControlAccordion: () => cy.get('.ngie-accordion-summary[role="button"]').eq(0),
+    advancedPlayerSettingsAccordion: () => cy.get('.ngie-accordion-summary[role="button"]').eq(1),
     customizeControlPlayButton: () => cy.get('[data-ngie-testid="play-toggle-button"]'),
     customizeControlButtonLabel: () => cy.get('.audio-response-selection-panel-details').eq(0).find('.customized_button_label'),
     customizeControlPauseButton: () => cy.get('[data-ngie-testid="pause-toggle-button"]'),

package/cypress/pages/audioResponsePage.js

@@ -18,20 +18,20 @@ const selectors = {
     stopRecordingIfSilenceIsDetectedInputField: () => cy.get('.stop-recording-on-silence-time-input-field input'),
     recorderAndPlaybackControlsOptionButtonIcon: () => cy.get('.ngie-toggle-button-icon'),
     //Customize recorder and playback controls (for student player)
-    customizeRecorderAndPlaybackControlsAccordionChevronIcon: () => cy.get('.customize-expand-icon'),
+    customizeRecorderAndPlaybackControlsAccordionChevronIcon: () => cy.get('.customize-accordion [class*="expandIconWrapper"]'),
     customizeRecorderAndPlaybackControlsAccordionLabel: () => cy.get('.customize_recorder_label'),
     customizeRecorderAndPlaybackControlsAccordion: () => cy.get('.customize-accordion [role="button"]'),
     customizeRecorderAndPlaybackControlsSection: () => cy.get('.customize-accordion'),
     recorderAndPlaybackControlsOptionButtonLabel: () => cy.get('.ngie-toggle-button-label'),
     //Controls for recording response
-    controlsForRecordingResponseLabel: () => cy.get('.audio-response-selection-panel-details .ngie-toggle-button-title').eq(0),
+    controlsForRecordingResponseLabel: () => cy.get('.customize-accordion .ngie-toggle-button-title').eq(0),
     startRecordingOptionButton: () => cy.get('[data-ngie-testid="start-recording-toggle-button"]'),
     pauseRecordingOptionButton: () => cy.get('[data-ngie-testid="pause-recording-toggle-button"]'),
     stopRecordingOptionButton: () => cy.get('[data-ngie-testid="stop-recording-toggle-button"]'),
     recordingCueOptionButton: () => cy.get('[data-ngie-testid="recording-cue-toggle-button"]'),
     recordingOverlayOptionButton: () => cy.get('[value="recorderOverlay"]'),
     //Controls for response playback
-    controlsForResponsePlaybackLabel: () => cy.get('.audio-response-selection-panel-details .ngie-toggle-button-title').eq(1),
+    controlsForResponsePlaybackLabel: () => cy.get('.customize-accordion .ngie-toggle-button-title').eq(1),
     playOptionButton: () => cy.get('[data-ngie-testid="play-toggle-button"]'),
     pauseOptionButton: () => cy.get('[data-ngie-testid="pause-toggle-button"]'),
     seekOptionButton: () => cy.get('[data-ngie-testid="seek-toggle-button"]'),

package/cypress/pages/components/additionalSettingsPanel.js

@@ -130,7 +130,7 @@ const tests = {
 
         it('Clicking on Font Size dropdown should open a list of 6 options - Default, Small, Normal, Large, Extra large, Huge', () => {
             additionalSettingsPanel.fontSizeDropdown()
-                .click();
+                .realClick();
             additionalSettingsPanel.fontSizeListOptions(0)
                 .should('be.visible');
             fontsizes.forEach((index, count) => {

package/cypress/pages/components/autoScoredPreviewBase.js

@@ -6,7 +6,7 @@ const selectors = {
     incorrectIcon: () => cy.get('.icon-incorrect'),
     correctIncorectAnswerLabel: () => cy.get('.answer-label-text'),
     checkAnswerButton: () => cy.get('.check-answer-and-status-wrapper button'),
-    correctIncorrectAnswerBorder: () => cy.get('.edit-question-preview-wrapper [class*="correct-answer-border"]')
+    correctIncorrectAnswerBorder: () => cy.get('[class*="question-preview-wrapper"] [class*="correct-answer-border"]')
 }
 
 const steps = {

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -7,7 +7,13 @@ const selectors = {
     setCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
     setCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),
     alternateAnswerButton: () => cy.get('.edit-question-auto-scored-set-correct-answer-wrapper .ngie-button'),
-    alternateAnswerTab: (tabIndex) => cy.get('[data-ngie-testid*="alternate-"][data-ngie-testid*="tab"]').eq(tabIndex - 1),
+    alternateAnswerTab: (tabIndex = null) => {
+        if (tabIndex) {
+            return cy.get('[data-ngie-testid*="alternate-"][data-ngie-testid*="tab"]').eq(tabIndex - 1)
+        } else {
+            return cy.get('[data-ngie-testid*="alternate-"][data-ngie-testid*="tab"]')
+        }
+    },
     deleteAlternateTabButton: () => cy.get('.ngie-tablist-tab-button .styled-close-button'),
     correctTab: () => cy.get('[data-ngie-testid="correct-tab"]'),
     setCorrectAnswerErrorIcon: () => cy.get('[aria-label="Error In"]'),

package/cypress/pages/components/browseItemsPage.js

@@ -0,0 +1,53 @@
+const selectors = {
+    browseItemPageWrapper: () => cy.get('.browse-item-page'),
+    itemLabel: () => cy.get('#reference-header'),
+    lastUpdatedLabel: () => cy.get('#updated-header'),
+    searchInputField: () => cy.get('.ngie-search input'),
+    sortArrow: () => cy.get('.table-header-sort-arrow'),
+    browseItemsLabel: () => cy.get('.browse-title-wrapper')
+}
+
+const steps = {
+    navigateToBrowseItemsPage: () => {
+        cy.visit('/item-engine/demo/browse-items');
+    },
+
+    verifyBrowseItemContainerIsVisible: () => {
+        browseItemsPage.browseItemPageWrapper()
+            .should('be.visible');
+    },
+
+    sortUsingItemColumn: () => {
+        browseItemsPage.itemLabel()
+            .click();
+        browseItemsPage.itemLabel()
+            .within(() => {
+                browseItemsPage.sortArrow()
+                    .should('be.visible');
+            })
+    },
+
+    sortUsingLastUpdatedColumn: () => {
+        browseItemsPage.lastUpdatedLabel()
+            .click();
+        browseItemsPage.lastUpdatedLabel()
+            .within(() => {
+                browseItemsPage.sortArrow()
+                    .should('be.visible');
+            })
+    },
+
+    /**
+    * @param {string} value of the text that needs to be searched
+    * @description enters value in input field and searched for the entered value
+    */
+    search: (value) => {
+        browseItemsPage.searchInputField()
+            .type(`${value}{enter}`);
+    }
+}
+
+export const browseItemsPage = {
+    ...selectors,
+    steps
+}

package/cypress/pages/components/createQuestionBasePage.js

@@ -53,6 +53,36 @@ const steps = {
         cy.log('Switching to edit tab and back to preview tab to reset the question preview')
         createQuestionBasePage.steps.switchToEditTab();
         createQuestionBasePage.steps.switchToPreviewTab();
+    },
+
+    verifySaveButtonIsEnabled: () => {
+        createQuestionBasePage.saveQuestionButton()
+            .should('be.enabled');
+    },
+
+    verifySaveButtonIsDisabled: () => {
+        createQuestionBasePage.saveQuestionButton()
+            .should('be.disabled');
+    },
+
+    verifyPreviewTabSelectedState: () => {
+        createQuestionBasePage.previewTab()
+            .should('have.attr', 'aria-selected', 'true');
+    },
+    
+    clickOnSaveQuestionButton: () => {
+        createQuestionBasePage.saveQuestionButton()
+            .click();
+    },
+
+    verifyEditTabSelectedState: () => {
+        createQuestionBasePage.editTab()
+            .should('have.attr', 'aria-selected', 'true');
+    },
+
+    verifyPreviewTabNotSelectedState: () => {
+        createQuestionBasePage.previewTab()
+            .should('have.attr', 'aria-selected', 'false');
     }
 }
 
@@ -84,7 +114,7 @@ const tests = {
         });
 
         it('\'Save\' button should be displayed', () => {
-            if (questionType === 'Passage' || questionType === 'Reading ruler' || questionType === 'Audio Player') {
+            if (questionType === 'Passage' || questionType === 'Reading ruler') {
                 createQuestionBasePage.saveQuestionButton()
                     .verifyInnerText('Save');
             }
@@ -111,7 +141,7 @@ const tests = {
                 .should('be.visible')
                 .type('Edited')
                 .should('have.text', 'Edited');
-            if (questionType !== 'feedback scale') {
+            if (questionType !== 'feedback scale' && questionType !== 'highlight image') {
                 scoringSectionBase.steps.allotPoints(20);
             };
             createQuestionBasePage.cancelButton()

package/cypress/pages/components/customizeHighlightPropertiesComponent.js

@@ -111,7 +111,7 @@ const steps = {
      * @description this function verfies the background color of hover border color block
      */
     verifyHoverBorderColorBlockColor: (color) => {
-        customizeHighlightPropertiesComponent.hoverFillColorBlock()
+        customizeHighlightPropertiesComponent.hoverBorderColorBlock()
             .should('have.css', 'background-color', color);
     },
 

package/cypress/pages/components/dragAndDropResponseOptions.js

@@ -331,6 +331,7 @@ const tests = {
                 .should('not.exist');
         });
 
+        //Failing due to https://redmine.zeuslearning.com/issues/548907
         it('CSS of disabled delete button tooltip', { tags: 'css' }, () => {
             optionsWrapperComponent.deleteOptionButton()
                 .eq(0)
@@ -379,7 +380,7 @@ const tests = {
             dragAndDropResponseOptions.optionsInputField()
                 .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
             optionsWrapperComponent.addOptionButton()
-                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.normal, css.fontWeight.medium);
+                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.medium);
         });
 
         it('Accessibility of Options section', { tags: 'a11y' }, () => {
@@ -425,7 +426,7 @@ const tests = {
         })
 
         it('Accessibility of enabled \'Delete\' option button', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(optionsWrapperComponent.deleteOptionButton().parents('.cloze-with-drag-and-drop-delete'))
+            cy.checkAccessibility(optionsWrapperComponent.deleteOptionButton())
         });
 
         it('when the user hovers over the enabled \'Delete\' icon buttons, then \'Delete option\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {

package/cypress/pages/components/draggableOptionsContainer.js

@@ -663,6 +663,7 @@ const tests = {
             draggableOptionsContainer.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, optionsForResponses);
         });
 
+        //Failing due to https://redmine.zeuslearning.com/issues/547859 
         it('CSS of \'Grouped\' container in the \'Set Correct Answer\' section', { tags: 'css' }, () => {
             draggableOptionsContainer.setCorrectAnswerSectionGroupedResponseContainer()
                 .should('have.css', 'border', `1px solid ${css.color.defaultDropdownBorder}`);

package/cypress/pages/components/figOverImageCommonComponent.js

@@ -2,8 +2,11 @@ import utilities from "../../support/helpers/utilities";
 import { commonComponents } from "./commonComponents";
 import { createQuestionBasePage } from "./createQuestionBasePage";
 import { scoringSectionBase } from "./scoringSectionBase";
+import { uploadImageSectionComponent } from "./uploadImageSectionComponent";
 const css = Cypress.env('css');
 
+const pointerDropdownList = ['Left', 'Right', 'Top', 'Bottom', 'Top left', 'Top right', 'None'];
+
 const selectors = {
     addResponseContainerButton: () => cy.get('[class*="ResponseOnImagestyles"] .ngie-icon-with-label-btn').eq(0),
     //Change selectors after https://redmine.zeuslearning.com/issues/518498 is fixed
@@ -32,6 +35,8 @@ const selectors = {
     imagePreviewTab: () => cy.get('.edit-question-preview-wrapper .image-container img'),
     imagePropertiesContainer: () => cy.get('[class*="AddTextResponseOnImagestyles__DimensionsContainer"]'),
     responseNumeration: () => cy.get('.response-input-adornment'),
+    uploadImageSectionWrapper: () => cy.get('[class*="ImagePopupWrapper"]'),
+    imageSectionContentsWrapper: () => cy.get('[class*="ImageDisplayWrapper"]'),
     // Additional setting accordion
     advanceSettingsforAllResponseAreasLabel: () => cy.get('.additional-settings-heading-label').eq(0),
     placeholderTextLabel: () => cy.get('.additional-settings-container .text-label'),
@@ -44,9 +49,9 @@ const selectors = {
     pointerDropdown: () => cy.get('[id*="Pointer"][id*="select"]'),
     pointerDropdownListOptions: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Pointer-dropdown-label"] li[role="option"][aria-label*="${ariaLabel}"]`)
+            return cy.get(`[aria-labelledby*="Pointer"] li[role="option"][aria-label*="${ariaLabel}"]`).eq(0)
         } else {
-            return cy.get('[aria-labelledby*="Pointer-dropdown-label"] li[role="option"]')
+            return cy.get('[aria-labelledby*="Pointer"] li[role="option"]')
         }
     },
     fixPositionOnImageLabel: () => cy.get('[data-ngie-testid="fix-position-on-image-checkbox"] .MuiFormControlLabel-label'),
@@ -384,26 +389,26 @@ const steps = {
 
     /**
      * Set the width of a response field in the additional settings for all response areas.
-     * @param {string} width - The width value to set for the response field.
+     * @param {number} width - The width value to set for the response field.
      */
     setResponseFieldWidthGlobal: (width) => {
         figOverImageCommonComponent.responseFieldWidthInputField()
             .eq(0)
             .clear()
-            .type(width, { delay: 0 })
+            .type(`${width}`, { delay: 0 })
             .should('have.value', width)
             .blur();
     },
 
     /**
      * Set the height of a response field in the additional settings for all response areas.
-     * @param {string} height - The height value to set for the response field.
+     * @param {number} height - The height value to set for the response field.
      */
     setResponseFieldHeightGlobal: (height) => {
         figOverImageCommonComponent.responseFieldHeightInputField()
             .eq(0)
             .clear()
-            .type(height, { delay: 0 })
+            .type(`${height}`, { delay: 0 })
             .should('have.value', height)
             .blur();
     },
@@ -520,7 +525,7 @@ const steps = {
     /**
      * Set the width value in a response accordion.
      * @param {number} responseAccordionIndex - The index of the response accordion to set width value in.
-     * @param {string} value - The width value to set.
+     * @param {number} value - The width value to set.
      */
     setWidthInResponseAccordion: (responseAccordionIndex, value) => {
         figOverImageCommonComponent.responseAccordionWrapper()
@@ -528,7 +533,7 @@ const steps = {
             .within(() => {
                 figOverImageCommonComponent.responseFieldWidthInputField()
                     .clear()
-                    .type(value)
+                    .type(`${value}`)
                     .should('have.value', value);
             });
     },
@@ -536,7 +541,7 @@ const steps = {
     /**
      * Set the height value in a response accordion.
      * @param {number} responseAccordionIndex - The index of the response accordion to set height value in.
-     * @param {string} value - The height value to set.
+     * @param {number} value - The height value to set.
      */
     setHeightInResponseAccordion: (responseAccordionIndex, value) => {
         figOverImageCommonComponent.responseAccordionWrapper()
@@ -544,7 +549,7 @@ const steps = {
             .within(() => {
                 figOverImageCommonComponent.responseFieldHeightInputField()
                     .clear()
-                    .type(value)
+                    .type(`${value}`)
                     .should('have.value', value);
             });
     },
@@ -655,6 +660,70 @@ const steps = {
             });
     },
 
+    /**
+     * @param {number} dropdownOptionIndex of the pointer dropdown option
+     * @param {number} responseIndex index of the reponse container
+     * @description this function verifies the pointer position of response accordion
+     */
+    verifyResponseContainerPointerInImageSection: (responseIndex, dropdownOptionIndex) => {
+        figOverImageCommonComponent.responseContainerCloseButton()
+            .eq(responseIndex)
+            .should('have.attr', 'pointer', dropdownOptionIndex + 1)
+    },
+
+    /**
+     * @param {number} responseAccordionIndex index of the response accordion
+     * @param {string} dropdownOption aria-label of the dropdown option
+     * @description this function selects the dropdown option from response accordion 
+     */
+    selectOptionFromPointerDropdownResponseAccordion: (responseAccordionIndex, dropdownOption) => {
+        figOverImageCommonComponent.responseAccordionWrapper()
+            .eq(responseAccordionIndex)
+            .within(() => {
+                figOverImageCommonComponent.pointerDropdown()
+                    .click();
+                figOverImageCommonComponent.pointerDropdownListOptions(dropdownOption)
+                    .click();
+                figOverImageCommonComponent.pointerDropdown()
+                    .should('have.text', dropdownOption);
+            });
+    },
+
+    /**
+     * @param {string} dropdownOption aria-label of the dropdown option
+     * @description this function selects the dropdown option from response accordion 
+     */
+    selectOptionFromPointerDropdownGlobal: (dropdownOption) => {
+        figOverImageCommonComponent.pointerDropdown()
+            .eq(0)
+            .click();
+        figOverImageCommonComponent.pointerDropdownListOptions(dropdownOption)
+            .click();
+        figOverImageCommonComponent.pointerDropdown()
+            .eq(0)
+            .should('have.text', dropdownOption);
+    },
+
+    expandPointerDropdownGlobal: () => {
+        figOverImageCommonComponent.pointerDropdown()
+            .eq(0)
+            .click();
+        utilities.verifyElementVisibilityState(figOverImageCommonComponent.pointerDropdownListOptions(), 'visible');
+    },
+
+    /**
+     * @param {number} responseAccordionIndex index of the response accordion
+     * @description this function expands the pointer dropdown in response accordion 
+     */
+    expandPointerDropdownResponseAccordion: (responseAccordionIndex) => {
+        figOverImageCommonComponent.responseAccordionWrapper()
+            .eq(responseAccordionIndex)
+            .within(() => {
+                figOverImageCommonComponent.pointerDropdown()
+                    .click();
+                utilities.verifyElementVisibilityState(figOverImageCommonComponent.pointerDropdownListOptions(), 'visible');
+            });
+    },
 
     verifyDisplayAnswerNumerationToStudentsCheckboxNotChecked: () => {
         figOverImageCommonComponent.displayAnswerNumerationToStudentsCheckbox()
@@ -665,6 +734,40 @@ const steps = {
         figOverImageCommonComponent.displayAnswerNumerationToStudentsCheckbox()
             .click()
             .should('be.checked');
+    },
+
+    verifyImageSectionErrorMessage: () => {
+        figOverImageCommonComponent.uploadImageSectionWrapper()
+            .within(() => {
+                commonComponents.errorMessage()
+                    .should('have.text', 'Error: image is required.')
+                    .and('be.visible');
+            });
+    },
+
+    verifyImageSectionErrorMessageNotExists: () => {
+        figOverImageCommonComponent.uploadImageSectionWrapper()
+            .within(() => {
+                commonComponents.errorMessage()
+                    .should('not.exist');
+            });
+    },
+
+    verifyMinimumOneResponseContainerIsRequiredErrorMessage: () => {
+        figOverImageCommonComponent.imageSectionContentsWrapper()
+            .within(() => {
+                commonComponents.errorMessage()
+                    .should('have.text', 'Error: Minimum one response container is required.')
+                    .and('be.visible');
+            });
+    },
+
+    verifyMinimumOneResponseContainerIsRequiredErrorMessageNotExists: () => {
+        figOverImageCommonComponent.imageSectionContentsWrapper()
+            .within(() => {
+                commonComponents.errorMessage()
+                    .should('not.exist');
+            });
     }
 }
 
@@ -914,6 +1017,91 @@ const tests = {
             createQuestionBasePage.steps.switchToPreviewTab();
             figOverImageCommonComponent.steps.verifyImageWidthInPreviewTab(250);
         });
+    },
+
+    verifyPointerDropdownContentsResponseAccordion: () => {
+        it('Response accordion \'Pointer\' label and dropdown should be displayed and by default \'Left\' option should be selected', () => {
+            figOverImageCommonComponent.responseAccordionWrapper()
+                .eq(0)
+                .within(() => {
+                    utilities.verifyInnerText(figOverImageCommonComponent.pointerLabel(), 'Pointer');
+                    utilities.verifyElementVisibilityState(figOverImageCommonComponent.pointerLabel(), 'visible');
+                    utilities.verifyInnerText(figOverImageCommonComponent.pointerDropdown(), 'Left');
+                    utilities.verifyElementVisibilityState(figOverImageCommonComponent.pointerDropdown(), 'visible');
+                })
+        });
+
+        it(`Clicking on Pointer dropdown should open a list of 6 options - ${pointerDropdownList}`, () => {
+            figOverImageCommonComponent.steps.expandPointerDropdownResponseAccordion(0);
+            pointerDropdownList.forEach((option) => {
+                figOverImageCommonComponent.pointerDropdownListOptions(option)
+                    .verifyInnerText(option);
+                utilities.verifyInnerText(figOverImageCommonComponent.pointerDropdownListOptions(option), `${option}`);
+            });
+            cy.get('body')
+                .click();
+        });
+    },
+
+    verifyPointerDropdownContentsGlobal: () => {
+        it('\'Pointer\' label and dropdown should be displayed and by default \'Left\' option should be selected', () => {
+            utilities.verifyInnerText(figOverImageCommonComponent.pointerLabel(), 'Pointer');
+            utilities.verifyElementVisibilityState(figOverImageCommonComponent.pointerLabel(), 'visible');
+            utilities.verifyInnerText(figOverImageCommonComponent.pointerDropdown(), 'Left');
+            utilities.verifyElementVisibilityState(figOverImageCommonComponent.pointerDropdown(), 'visible');
+        });
+
+        it('CSS of \'Pointer\' dropdown', { tags: 'css' }, () => {
+            utilities.verifyCSS(figOverImageCommonComponent.pointerLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(figOverImageCommonComponent.pointerDropdown(), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        // Note: a11y is covered for the entire additional settings section
+
+        it(`Clicking on Pointer dropdown should open a a list of 6 options - ${pointerDropdownList}`, () => {
+            figOverImageCommonComponent.steps.expandPointerDropdownGlobal();
+            pointerDropdownList.forEach((option) => {
+                figOverImageCommonComponent.pointerDropdownListOptions(option)
+                    .verifyInnerText(option);
+                utilities.verifyInnerText(figOverImageCommonComponent.pointerDropdownListOptions(option), `${option}`);
+            });
+            cy.get('body')
+                .click();
+        });
+
+        it('CSS of Pointer dropdown in Active state', { tags: 'css' }, () => {
+            cy.log('Pre step: Clicking on Pointer dropdown')
+            figOverImageCommonComponent.steps.expandPointerDropdownGlobal();
+            utilities.verifyCSS(figOverImageCommonComponent.pointerDropdownListOptions('Left'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.liTextSelectedBg
+            });
+            utilities.verifyCSS(figOverImageCommonComponent.pointerDropdownListOptions('Right'), {
+                'background-color': css.color.transparent
+            });
+            cy.log('Post step: Closing the Pointer dropdown')
+            cy.get('body')
+                .click();
+        });
+
+        it('Accessibility of Pointer dropdown in active state', { tags: 'a11y' }, () => {
+            cy.log('Pre step: Clicking on Pointer dropdown')
+            figOverImageCommonComponent.steps.expandPointerDropdownGlobal();
+            cy.checkAccessibility(figOverImageCommonComponent.pointerDropdownListOptions());
+            cy.log('Post step: Closing the Pointer dropdown')
+            cy.get('body')
+                .click();
+        });
     }
 }
 

package/cypress/pages/components/fillInTheGapsCommonComponents.js

@@ -39,7 +39,7 @@ const selectors = {
     previewTabResponseWrapper: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper'),
     previewTabCorrectAnswerContainer: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectAnswerWrapper"]'),
     previewTabCorrectAnswerLabel: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectAnswerLabel"]'),
-    previewTabCorrectAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectResponseWrapper"] [aria-label*="Response"]'),
+    previewTabCorrectAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectResponseWrapper"] [aria-label*="Add answer for response"]'),
     previewTabCorrectAnswerResponseNumerationWrapper: () => fillInTheGapsCommonComponents.previewTabCorrectAnswerContainer().find('.response-input-adornment') //Verify once numeration is implemented in all FIG questions
 }
 
@@ -415,7 +415,7 @@ const tests = {
                 .should('have.value', '5.7');
         });
 
-        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points input field displayed besides each response should be blank.', () => {
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points allocated should get equally divided between each correct response', () => {
             scoringSectionBase.pointsInputField()
                 .clear()
                 .type('9');
@@ -424,7 +424,7 @@ const tests = {
             scoringSectionBase.pointsInputField()
                 .each(($element) => {
                     cy.wrap($element)
-                        .should('have.value', '');
+                        .should('have.value', '4.5');
                 });
         });
     },
@@ -543,7 +543,7 @@ const tests = {
         });
 
         it('Accessibility of \'Response\' accordion', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsCommonComponents.responseAccordionWrapper().parents('.additional-settings-content'));
+            cy.checkAccessibility(fillInTheGapsCommonComponents.responseAccordionWrapper().parents('.ngie-accordion-detail'));
         });
     },
 

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -23,6 +23,7 @@ const selectors = {
             return cy.get('[role="listbox"] .dropdown-menu-item')
         }
     },
+    responseDropdownOptionText: () => cy.get('[role="listbox"] .dropdown-menu-item .dropdown-label-text'),
     responseDropdownSetCorrectAnswerSection: () => cy.get('.response-dropdown [role="combobox"]'),
     responseFieldLabelSetCorrectAnswerSection: () => cy.get('.cloze-with-text-form-control-wrapper .input-field-label'),
     responseDropdownWrapperSetCorrectAnswerSection: () => cy.get('.response-dropdown-wrapper .dropdown-form-control'),
@@ -323,7 +324,54 @@ const steps = {
         fillInTheGapsDropdownCommonComponent.responseDropdownSetCorrectAnswerSection()
             .eq(responseDropdownIndex)
             .should('have.attr', 'aria-label', ariaLabel);
-    }
+    },
+
+    /**
+     * @param {number} responseDropdownIndex Index of response dropdown
+     * @description Verify placeholder for response dropdown in set correct answer section does not exist
+     */
+    verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseDropdownNotExists: (responseDropdownIndex) => {
+        fillInTheGapsDropdownCommonComponent.responseDropdownWrapperSetCorrectAnswerSection()
+            .eq(responseDropdownIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(fillInTheGapsDropdownCommonComponent.responseDropdownPlaceholderText(), 'notExist');
+            });
+    },
+
+    /**
+     * @param {number} responseDropdownIndex Index of response dropdown
+     * @param {string} placeholderText Placeholder for dropdown
+     * @description Verify placeholder text displayed for response dropdown in set correct answer section
+     */
+    verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseDropdown: (responseDropdownIndex, placeholderText) => {
+        fillInTheGapsDropdownCommonComponent.responseDropdownWrapperSetCorrectAnswerSection()
+            .eq(responseDropdownIndex)
+            .within(() => {
+                utilities.verifyTextContent(fillInTheGapsDropdownCommonComponent.responseDropdownPlaceholderText(), placeholderText);
+            });
+    },
+
+    /**
+     * @param {number} responseDropdownIndex Index of response dropdown
+     * @param {number} height Height of response dropdown in set correct answer section
+     * @description Verify height of response dropdown in set correct answer section
+     */
+    verifyHeightOfResponseDropdownInSetCorrectAnswerSection: (responseDropdownIndex, height) => {
+        fillInTheGapsDropdownCommonComponent.responseDropdownWrapperSetCorrectAnswerSection()
+            .eq(responseDropdownIndex)
+            .should('have.attr', 'height', `${height}px`);
+    },
+
+    /**
+     * @param {number} responseDropdownIndex Index of response dropdown
+     * @param {number} width Width of response dropdown in set correct answer section
+     * @description Verify width of response dropdown in set correct answer section
+     */
+    verifyWidthOfResponseDropdownInSetCorrectAnswerSection: (responseDropdownIndex, width) => {
+        fillInTheGapsDropdownCommonComponent.responseDropdownWrapperSetCorrectAnswerSection()
+            .eq(responseDropdownIndex)
+            .should('have.attr', 'width', `${width}px`);
+    },
 }
 
 const tests = {
@@ -340,6 +388,11 @@ const tests = {
             fillInTheGapsDropdownCommonComponent.steps.verifyMatchFromAllResponsesLabelAndCheckboxDisabledState();
         });
 
+        it('When the user hovers over the \'Match from all responses\' label, \'Feature available for only alternate correct answers\' text should appear on a tooltip, on hovering away from the label, the tooltip should disappear', () => {
+            fillInTheGapsDropdownCommonComponent.matchFromAllResponsesLabel()
+                .verifyTooltip('Feature available for only alternate correct answers');
+        });
+
         it('CSS of correct response conditions section', { tags: 'css' }, () => {
             const labels = [fillInTheGapsDropdownCommonComponent.randomizeOptionsLabel, fillInTheGapsDropdownCommonComponent.matchFromAllResponsesLabel]
             const uncheckedCheckboxes = [fillInTheGapsDropdownCommonComponent.randomizeOptionsCheckbox, fillInTheGapsDropdownCommonComponent.matchFromAllResponsesCheckbox]

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -19,10 +19,10 @@ const selectors = {
     ignoreSpacesBeforeAndAfterCheckbox: () => cy.get('.ngie-checkbox input').eq(1),
     matchFromAllResponsesLabel: () => cy.get('.ngie-checkbox-control-label').eq(2),
     matchFromAllResponsesCheckbox: () => cy.get('.ngie-checkbox input').eq(2),
-    responseFieldPreviewTab: () => cy.get('.edit-question-preview-wrapper .response-input-field input[type="text"]'),
-    responseFieldWrapperPreviewTab: () => cy.get('.edit-question-preview-wrapper .response-input-field'),
+    responseFieldPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .response-input-field input[type="text"]'),
+    responseFieldWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .response-input-field'),
     previewTabCorrectAnswerContainer: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectAnswerWrapper"]'),
-    previewTabCorrectAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectResponseWrapper"] [aria-label*="Response"]'),
+    previewTabCorrectAnswerResponseWrapper: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectResponseWrapper"] [aria-label*="Add answer for response"]'),
     previewTabResponseWrapper: () => cy.get('.draggable-input .cloze-with-text-answer-status-response-preview-wrapper'),
     previewTabCorrectAnswerLabel: () => cy.get('[class*="ClozeWithTextResponsestyles__CorrectAnswerLabel"]'),
     responseNumeration: () => cy.get('.response-input-adornment'),