itemengine-cypress-automation 1.0.11 → 1.0.13

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseEditTabBasicSections.js

@@ -28,8 +28,8 @@ describe('Create item page - Short text response: Question insructions, Set corr
                 .find('svg')
                 .should('have.css', 'fill', css.color.uncheckedCheckbox);
             shortTextResponsePage.ignoreSpacesBeforeAndAfterCheckbox()
-                .parent()
-                .find('svg')
+                .parent('.icon-checkbox-selected')
+                .find('.checkbox-icon-border-rect')
                 .should('have.css', 'fill', css.color.activeButtons);
             uncheckedRadioButtons.forEach((uncheckedRadioButton) => {
                 uncheckedRadioButton()

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseManuallyScoredNonScoredScoringSection.js

@@ -41,6 +41,7 @@ describe('Create Item page - Short text response: Scoring Section - Manually sco
             shortTextResponsePage.steps.switchToPreviewTab();
         });
 
+        //Failing due to https://redmine.zeuslearning.com/issues/548654
         shortTextResponsePage.tests.verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab();
 
         it('On selecting Show correct answer checkbox, no green checkmark or red crossmark icon should be displayed besides response field and no label should be displayed below the field', () => {

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'));
         });
     },