itemengine-cypress-automation 1.0.68 → 1.0.70

package/cypress/pages/components/autoScoredAdditionalSettings.js

@@ -5,7 +5,7 @@ const css = Cypress.env('css');
 
 const selectors = {
     allowStudentsToCheckAnswerLabel: () => cy.get('.allow-student-check-answer-checkbox-wrapper .MuiFormControlLabel-label'),
-    allowStudentsToCheckAnswerCheckbox: () => cy.get('.ngie-checkbox [aria-label="Allow students to check answer"]'),
+    allowStudentsToCheckAnswerCheckbox: () => cy.get('.ngie-checkbox [aria-label="Allow student to check answer"]'),
     checkAnswerLabel: () => cy.get('.edit-check-answer-label'),
     maximumCheckAnswerAttemptsLabel: () => cy.get('[class*="CheckAnswerstyles__OptionWrapper"] label[class*="MuiFormLabel-root MuiInputLabel-root"]'),
     maximumCheckAnswerAttemptsInputField: () => cy.get('[class*="CheckAnswerstyles__OptionWrapper"] input[type="text"]'),
@@ -48,11 +48,11 @@ const tests = {
                 .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
         });
 
-        it('\'Check Answer\' label, \'Allow students to check answer\' checkbox label and checkbox should be displayed and by default it should be unchecked', () => {
+        it('\'Check Answer\' label, \'Allow student to check answer\' checkbox label and checkbox should be displayed and by default it should be unchecked', () => {
             autoScoredAdditionalSettings.checkAnswerLabel()
                 .verifyInnerText('Check answer');
             autoScoredAdditionalSettings.allowStudentsToCheckAnswerLabel()
-                .verifyInnerText('Allow students to check answer');
+                .verifyInnerText('Allow student to check answer');
             autoScoredAdditionalSettings.allowStudentsToCheckAnswerCheckbox()
                 .should('not.be.checked');
             if (questionType === 'multiple selection' || questionType === 'single selection') {
@@ -64,7 +64,7 @@ const tests = {
             }
         });
 
-        it('When the user checks the \'Allow students to check answer\' checkbox, \'Maximum check answer attempts\' label and input field should be displayed', () => {
+        it('When the user checks the \'Allow student to check answer\' checkbox, \'Maximum check answer attempts\' label and input field should be displayed', () => {
             autoScoredAdditionalSettings.allowStudentsToCheckAnswerCheckbox()
                 .click()
                 .should('be.checked');
@@ -121,7 +121,7 @@ const tests = {
                 .should('not.have.class', 'Mui-disabled');
         });
 
-        it('When the user unchecks the \'Allow students to check answer\' checkbox, then the \'Maximum check answer attempts\' input field should not be displayed and in Preview tab the \'Check Answer\' button should not be displayed', () => {
+        it('When the user unchecks the \'Allow student to check answer\' checkbox, then the \'Maximum check answer attempts\' input field should not be displayed and in Preview tab the \'Check Answer\' button should not be displayed', () => {
             cy.log('Pre step: Switching to Edit tab')
             createQuestionBasePage.steps.switchToEditTab();
             autoScoredAdditionalSettings.allowStudentsToCheckAnswerCheckbox()
@@ -164,7 +164,7 @@ const tests = {
                 .click();
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');

package/cypress/pages/components/autoScoredPreviewBase.js

@@ -4,7 +4,7 @@ const css = Cypress.env('css');
 const selectors = {
     correctIcon: () => cy.get('.icon-correct'),
     incorrectIcon: () => cy.get('.icon-incorrect'),
-    correctIncorectAnswerLabel: () => cy.get('.answer-label-text'),
+    correctIncorrectAnswerLabel: () => cy.get('.answer-label-text'),
     checkAnswerButton: () => cy.get('.check-answer-and-status-wrapper button'),
     correctIncorrectAnswerBorder: () => cy.get('[class*="question-preview-wrapper"] [class*="correct-answer-border"]')
 }
@@ -29,7 +29,7 @@ const steps = {
     },
 
     verifyCorrectIncorrectAnswerLabel: (labelText) => {
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('be.visible')
             .verifyInnerText(`${labelText} answer`)
             .parents('[class*="CorrectIncorrectAnswerstyles__AnswerLabelWrapper"]')
@@ -60,20 +60,18 @@ const steps = {
     },
 
     verifyCorrectIncorrectAnswerLabelNotExists: () => {
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('not.exist');
     },
 
     verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked: () => {
-        cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state');
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-            .click()
-            .should('not.be.checked');
+        cy.log('After selecting student view radio button, the question preview should return to the previous state');
+        previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         autoScoredPreviewBase.correctIcon()
             .should('not.exist');
         autoScoredPreviewBase.incorrectIcon()
             .should('not.exist');
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('not.exist');
         autoScoredPreviewBase.correctIncorrectAnswerBorder()
             .should('not.exist');

package/cypress/pages/components/autoScoredScoringSection.js

@@ -42,7 +42,7 @@ const steps = {
 
     verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer: () => {
         previewScoringAndShowCorrectAnswerComponent.previewScoreText()
-            .should('have.css', 'color', css.color.labels)
+            .should('have.css', 'color', css.color.text)
             .and('not.have.css', 'background-color', css.color.correctAnswer);
     },
 
@@ -62,8 +62,10 @@ const tests = {
             scoringSectionBase.pointsInputField()
                 .should('have.value', '')
                 .and('be.visible');
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.minimumScoreIfAttemptedLabel()
-                .verifyInnerText('Minimum score awarded (if attempted)')
+                .verifyInnerText('Minimum points')
                 .and('be.visible');
             scoringSectionBase.minimumScoreIfAttemptedInputField()
                 .should('have.value', '')
@@ -96,7 +98,7 @@ const tests = {
             scoringSectionBase.pointsInputField()
                 .should('have.value', '0')
                 .should('be.disabled');
-            scoringSectionBase.minimumScoreIfAttemptedInputField()
+            scoringSectionBase.minimumScoringDropdown()
                 .should('not.exist');
         });
 
@@ -106,11 +108,17 @@ const tests = {
     },
 
     verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Show correct answer\' and points should not be displayed in the preview tab', () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             createQuestionBasePage.steps.switchToPreviewTab();
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .should('not.exist');
+            previewScoringAndShowCorrectAnswerComponent.studentViewRadioButton()
+                .should('be.checked');
+            previewScoringAndShowCorrectAnswerComponent.gradingViewRadioButton()
+                .should('not.be.checked');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
+                .should('have.text', '0/0');
+            autoScoredPreviewBase.correctIcon()
+                .should('not.exist');
+            autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
         });
     },
@@ -134,14 +142,14 @@ const tests = {
                 .should('have.css', 'color', css.color.primaryBtn)
                 .and('have.css', 'background-color', css.color.correctAnswer)
             if (steps.correctIncorrectLabelAndBorderExists(questionType)) {
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .verifyCSS(css.color.correctAnswer, css.fontSize.normal, css.fontWeight.bold)
                     .parent()
-                    .find('.answer-label-icon')
+                    .find('.icon-correct')
                     .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
                 autoScoredPreviewBase.steps.verifyCorrectAttemptBorder();
             } else {
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .should('not.exist');
                 autoScoredPreviewBase.correctIncorrectAnswerBorder()
                     .should('not.exist');
@@ -157,22 +165,20 @@ const tests = {
         it('CSS of incorrect answer state', { tags: 'css' }, () => {
             cy.log('Pre requisite: The user has attempted the question incorrectly')
             cy.log('Pre step: Select show answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             cy.log('Verifying CSS of incorrect crossmark icon')
             autoScoredPreviewBase.incorrectIcon()
                 .eq(0)
                 .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
             if (steps.correctIncorrectLabelAndBorderExists(questionType)) {
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .verifyCSS(css.color.incorrectAnswer, css.fontSize.normal, css.fontWeight.bold)
                     .parent()
-                    .find('.answer-label-icon')
+                    .find('.icon-incorrect')
                     .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
                 autoScoredPreviewBase.steps.verifyIncorrectAttemptBorder();
             } else {
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .should('not.exist');
                 autoScoredPreviewBase.correctIncorrectAnswerBorder()
                     .should('not.exist');
@@ -182,9 +188,7 @@ const tests = {
         it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
             cy.checkAccessibility(commonComponents.previewTabQuestionWrapper());
             cy.log('Post step: Deselect show answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('not.be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         });
     }
 }

package/cypress/pages/components/autoScoredScoringSectionMultipleResponsesType.js

@@ -1,3 +1,4 @@
+import utilities from "../../support/helpers/utilities";
 import { commonComponents } from "./commonComponents";
 import { scoringSectionBase } from "./scoringSectionBase";
 const css = Cypress.env('css');
@@ -13,8 +14,24 @@ const selectors = {
     partialEqualWeightsPointsPerResponseScore: () => cy.get('.cloze-with-text-partial-points'),
     penaltyPointsLabel: () => cy.get('.penalty-points-label'),
     penaltyPointsInputField: () => cy.get('.penlty-points-input-field [type="text"]'),
-    rounddownScoreCheckboxLabel: () => cy.get('[data-ngie-testid="round-down-score-checkbox"] .MuiFormControlLabel-label'),
+    rounddownScoreCheckboxLabel: () => cy.get('#rounding-dropdown-label'),
     rounddownScoreCheckbox: () => cy.get('[data-ngie-testid="round-down-score-checkbox"] input'),
+    roundingDropdown: () => cy.get('#rounding-select'),
+    roundingDropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="rounding-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('[aria-labelledby*="rounding-dropdown-label"] [role="option"]')
+        }
+    },
+    penaltyScoringDropdown: () => cy.get('#penalty-scoring-select'),
+    penaltyScoringDropdownListOptions: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`[aria-labelledby*="penalty-scoring-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('[aria-labelledby*="penalty-scoring-dropdown-label"] [role="option"]')
+        }
+    },
 }
 
 const steps = {
@@ -41,6 +58,8 @@ const steps = {
 
     //V3 - This function should be updated in all files
     verifyDefaultPenaltyPointsInputFieldAndLabel: () => {
+        autoScoredScoringSectionMultipleResponsesType.steps.expandPenaltyScoringDropdown();
+        autoScoredScoringSectionMultipleResponsesType.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
         autoScoredScoringSectionMultipleResponsesType.penaltyPointsLabel()
             .verifyInnerText('Penalty points')
             .should('be.visible');
@@ -52,14 +71,44 @@ const steps = {
     //V3 - This function should be updated in all files
     verifyDefaultRoundDownScoreCheckboxCheckedAndLabel: () => {
         autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel()
-            .verifyInnerText('Round down score')
+            .verifyInnerText('Rounding')
             .and('be.visible');
-        autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckbox()
-            .should('be.checked');
+        autoScoredScoringSectionMultipleResponsesType.roundingDropdown()
+            .verifyInnerText('None');
+    },
+
+    expandRoundingDropdown: () => {
+        autoScoredScoringSectionMultipleResponsesType.roundingDropdown()
+            .click();
+    },
+
+    /**
+     * @param {("none" | "round down if <= 0.99" | "round down if <= 0.50"|"round down if <= 0.50; Round up if > 0.50")} dropdownOption aria-label of dropdown options
+     * @description this function selects dropdown option from rounding dropdown
+     */
+    selectOptionFromRoundingDropdownOption: (dropdownOption) => {
+        autoScoredScoringSectionMultipleResponsesType.roundingDropdownListOptions(dropdownOption)
+            .click();
+    },
+
+    expandPenaltyScoringDropdown: () =>  {
+        autoScoredScoringSectionMultipleResponsesType.penaltyScoringDropdown()
+            .click();
+    },
+
+    /**
+     * @param {("No penalty points" | "Penalty points for the entire question" | "Penalty points for each incorrect option")} dropdownOption aria-label of dropdown options
+     * @description this function selects dropdown option from penalty points dropdown
+     */
+    selectOptionFromPenaltyScoringDropdown: (dropdownOption) => {
+        autoScoredScoringSectionMultipleResponsesType.penaltyScoringDropdownListOptions(dropdownOption)
+            .click();
     },
 
     //V3 - This function should be updated in all files
     allotPenaltyPoints: (points) => {
+        autoScoredScoringSectionMultipleResponsesType.steps.expandPenaltyScoringDropdown();
+        autoScoredScoringSectionMultipleResponsesType.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
         autoScoredScoringSectionMultipleResponsesType.penaltyPointsInputField()
             .clear()
             .type(points)
@@ -248,14 +297,16 @@ const tests = {
         it('CSS of \'Round down score\' checkbox - checked state', { tags: 'css' }, () => {
             autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel()
                 .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckbox()
-                .parent()
-                .find('svg g g')
-                .should('have.css', 'fill', css.color.activeButtons);
+            utilities.verifyCSS(autoScoredScoringSectionMultipleResponsesType.roundingDropdown(), {
+                'color' : css.color.liText,
+                'font-size' : css.fontSize.default,
+                'font-weight' : css.fontWeight.regular,
+                'border' : `1px solid ${css.color.defaultDropdownBorder}`
+            })
         });
 
         it('Accessibility of \'Round down score\' checkbox  - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel());
+            cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.roundingDropdown());
         });
     },
 }

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -82,9 +82,9 @@ const steps = {
 
 const tests = {
     verifyAutoScoredSetCorrectAnswerHeaderSectionContents: (questionType) => {
-        it('\'Set Correct Answer\' label and help text should be displayed in \'Set Correct Answer\' section', () => {
+        it('\'Specify correct answer\' label and help text should be displayed in \'Specify correct answer\' section', () => {
             autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel()
-                .verifyInnerText('Set correct answer');
+                .verifyInnerText('Specify correct answer');
 
             let helpText;
             switch (questionType) {
@@ -142,14 +142,14 @@ const tests = {
             autoScoredSetCorrectAnswerSection.setCorrectAnswerHelpText().verifyInnerText(helpText);
         });
 
-        it('CSS of \'Set correct answer\' header section', { tags: 'css' }, () => {
-            cy.log('CSS of set correct answer label')
+        it('CSS of \'Specify correct answer\' header section', { tags: 'css' }, () => {
+            cy.log('CSS of Specify correct answer label')
             autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel()
                 .verifyCSS(css.color.sectionHeading, css.fontSize.default, css.fontWeight.semibold);
-            cy.log('CSS of set correct answer help text')
+            cy.log('CSS of Specify correct answer help text')
             autoScoredSetCorrectAnswerSection.setCorrectAnswerHelpText()
                 .verifyCSS(css.color.helperText, css.fontSize.normal, css.fontWeight.regular);
-            cy.log('CSS of set correct answer correct tab')
+            cy.log('CSS of Specify correct answer correct tab')
             autoScoredSetCorrectAnswerSection.correctTab()
                 .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.bold);
         });
@@ -163,7 +163,7 @@ const tests = {
     verifyAutoScoredAlternateAnswer: (questionType = null) => {
         it('\'Add Alternate Answer\' button should be present', () => {
             autoScoredSetCorrectAnswerSection.alternateAnswerButton()
-                .verifyInnerText('Add alternate answer');
+                .verifyInnerText('Add alternative answer');
         });
 
         it('CSS of \'Add Alternate Answer\' button', { tags: 'css' }, () => {

package/cypress/pages/components/createQuestionBasePage.js

@@ -69,7 +69,7 @@ const steps = {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'true');
     },
-    
+
     clickOnSaveQuestionButton: () => {
         createQuestionBasePage.saveQuestionButton()
             .click();
@@ -83,6 +83,12 @@ const steps = {
     verifyPreviewTabNotSelectedState: () => {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'false');
+    },
+
+    verifySavedSuccessfullySnackbar: () => {
+        commonComponents.snackbar()
+            .should('have.text', 'Saved successfully!')
+            .should('be.visible');
     }
 }
 
@@ -114,7 +120,7 @@ const tests = {
         });
 
         it('\'Save\' button should be displayed', () => {
-            if (questionType === 'Passage' || questionType === 'Reading ruler') {
+            if (questionType === 'Passage' || questionType === 'Reading ruler' || questionType === 'Audio player') {
                 createQuestionBasePage.saveQuestionButton()
                     .verifyInnerText('Save');
             }

package/cypress/pages/components/draggableOptionsContainer.js

@@ -28,7 +28,8 @@ const selectors = {
     },
     previewTabGroupedResponseContainer: () => cy.get('.edit-question-preview-wrapper [class*="GroupDiv"]'),
     previewTabGroupedResponseTitle: () => cy.get('.edit-question-preview-wrapper [class*="GroupTitleWrapper"]'),
-    previewTabGroupedResponseOptionsGrid: () => cy.get('.edit-question-preview-wrapper [class*="DraggableGroupsGrid"]')
+    previewTabGroupedResponseOptionsGrid: () => cy.get('.edit-question-preview-wrapper [class*="DraggableGroupsGrid"]'),
+    draggableOptionText: () => cy.get('.icon-container-wrapper [class*="DraggableItemsstyle__QuestionTextWrapper"]')
 }
 
 const steps = {

package/cypress/pages/components/equationEditorFlyout.js

@@ -30,7 +30,8 @@ const selectors = {
     buttonPrevious: () => cy.get('.previous-btn'),
     inputFieldCursor: () => cy.get('.mq-hasCursor'),
     inputFieldFirstEmptyBox: () => cy.get('.mq-empty').eq(0),
-    categoryTooltip: () => cy.get('.__react_component_tooltip')
+    categoryTooltip: () => cy.get('.__react_component_tooltip'),
+    dialogBoxTitle: () => cy.get('[role="alertdialog"]')
 }
 
 const steps = {

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -14,9 +14,9 @@ const selectors = {
     previewTabToolbarWrapper: () => cy.get('.toolbar-overlay'),
     previewTabToolbarOption: (formattingOption = null) => {
         if (formattingOption) {
-            return cy.get(`.essay-preview-wrapper a[title = "${formattingOption}"]`).eq(0)
+            return cy.get(`.essay-preview-wrapper a[title = "${formattingOption}"]`)
         } else {
-            return cy.get('.essay-preview-wrapper a[title]').eq(0)
+            return cy.get('.essay-preview-wrapper a[role="button"]')
         }
     },
     //Additional settings
@@ -37,8 +37,8 @@ const selectors = {
     customSpecialCharacterInputField: () => cy.get('input[aria-label="Custom Special Characters"]'),
     wordLimitReachedWarningMessage: () => cy.get('[data-at="limit-reached"]'),
     //Preview tab
-    responseField: () => cy.get('[title="Enter your response to the question here."]').eq(0),
-    responseFieldWordCount: () => cy.get('[data-at="character-count"]').eq(0),
+    responseField: () => cy.get('[title="Enter your response to the question here."]'),
+    responseFieldWordCount: () => cy.get('[data-at="character-count"]'),
 }
 
 const steps = {
@@ -96,6 +96,12 @@ const steps = {
             .type('{backspace}');
     },
 
+    enterTextInPredefinedTextInputField: (predefinedText) => {
+        essayResponseCommonComponents.predefinedTextInputField()
+            .type(predefinedText)
+            .should('have.text', predefinedText);
+    },
+
     verifyGradingViewResponseFieldIsNonEditable: () => {
         essayResponseCommonComponents.responseField()
             .should('have.attr', 'contenteditable', 'false');

package/cypress/pages/components/figOverImageCommonComponent.js

@@ -9,6 +9,7 @@ const pointerDropdownList = ['Left', 'Right', 'Top', 'Bottom', 'Top left', 'Top
 
 const selectors = {
     addResponseContainerButton: () => cy.get('[class*="ResponseOnImagestyles"] .ngie-icon-with-label-btn').eq(0),
+    addResponseContainerButtonWrapper: () => cy.get('[class*="ResponseOnImagestyles__ButtonWrapper"]'),
     //Change selectors after https://redmine.zeuslearning.com/issues/518498 is fixed
     responseContainer: () => cy.get('.react-draggable'),
     responseContainerCloseButton: () => cy.get('.remove-button'),
@@ -30,7 +31,7 @@ const selectors = {
     ariaLabelsInputFieldNumeration: () => cy.get('.start-adornment'),
     pleaseAddResponseTokenHelpText: () => cy.get('[class*="ClozeWithTextResponsestyles__AddResponseLabel"]'),
     setCorrectAnswerResponseFieldLabel: () => cy.get('.cloze-with-text-form-control-wrapper .input-field-label'),
-    imageSectionImageLabel: () => cy.get('[class*="LabelImageWithDropDownstyles__LabelWrapper"]'),
+    imageSectionImageLabel: () => cy.get('[class*="LabelImage"][class*="styles__LabelWrapper"]'),
     imageSectionImage: () => cy.get('.image-container img'),
     imagePreviewTab: () => cy.get('[class*="ClozeWithTextResponsestyles__ContentWrapper"] .image-container img'),
     imagePropertiesContainer: () => cy.get('[class*="AddTextResponseOnImagestyles__DimensionsContainer"]'),

package/cypress/pages/components/fillInTheGapsCommonComponents.js

@@ -178,6 +178,19 @@ const steps = {
         fillInTheGapsCommonComponents.previewTabCorrectAnswerResponseWrapper()
             .should('have.length', correctAnswerArray.length);
     },
+
+    setPlaceholderText: (placeholder) => {
+        fillInTheGapsCommonComponents.placeholderTextInputField()
+            .type(placeholder)
+            .should('have.value', placeholder);
+    },
+
+    setResponseContainerHeight: (height) => {
+        fillInTheGapsCommonComponents.heightInputField()
+            .type(height)
+            .should('have.value', height)
+            .blur();
+    }
 }
 
 const tests = {
@@ -246,17 +259,19 @@ const tests = {
             autoScoredScoringSectionMultipleResponsesType.penaltyPointsInputField()
                 .should('have.value', '')
                 .and('be.visible');
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.minimumScoreIfAttemptedLabel()
-                .verifyInnerText('Minimum score awarded (if attempted)')
+                .verifyInnerText('Minimum points')
                 .and('be.visible');
             scoringSectionBase.minimumScoreIfAttemptedInputField()
                 .should('have.value', '')
                 .and('be.visible');
             autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel()
-                .verifyInnerText('Round down score')
+                .verifyInnerText('Rounding')
                 .and('be.visible');
-            autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckbox()
-                .should('be.checked');
+            autoScoredScoringSectionMultipleResponsesType.roundingDropdown()
+                .verifyInnerText('None');
         });
 
         it('When user gives a score input to \'Points\' input field, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
@@ -299,13 +314,13 @@ const tests = {
             scoringSectionBase.minimumScoreIfAttemptedLabel()
                 .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
             autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
         });
 
         it('Accessibility of \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input field and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
             cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.penaltyPointsInputField());
             cy.checkAccessibility(scoringSectionBase.minimumScoreIfAttemptedInputField());
-            cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckbox());
+            cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.roundingDropdown());
         });
 
         it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
@@ -355,17 +370,19 @@ const tests = {
             autoScoredScoringSectionMultipleResponsesType.penaltyPointsInputField()
                 .should('have.value', '')
                 .and('be.visible');
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.minimumScoreIfAttemptedLabel()
-                .verifyInnerText('Minimum score awarded (if attempted)')
+                .verifyInnerText('Minimum points')
                 .and('be.visible');
             scoringSectionBase.minimumScoreIfAttemptedInputField()
                 .should('have.value', '')
                 .and('be.visible');
             autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel()
-                .verifyInnerText('Round down score')
+                .verifyInnerText('Rounding')
                 .and('be.visible');
-            autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckbox()
-                .should('be.checked');
+            autoScoredScoringSectionMultipleResponsesType.roundingDropdown()
+                .verifyInnerText('None');
         });
 
         it('When the user has not set any answer in the response, then the \'Points per response\' input field should be disabled', () => {
@@ -399,13 +416,13 @@ const tests = {
             scoringSectionBase.minimumScoreIfAttemptedLabel()
                 .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
             autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckboxLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
         });
 
         it('Accessibility of \'Points per response\', \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
             cy.checkAccessibility(scoringSectionBase.pointsInputField());
             cy.checkAccessibility(scoringSectionBase.minimumScoreIfAttemptedInputField());
-            cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.rounddownScoreCheckbox());
+            cy.checkAccessibility(autoScoredScoringSectionMultipleResponsesType.roundingDropdown());
         });
 
         it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the All or nothing scoring Points input field', () => {
@@ -430,7 +447,7 @@ const tests = {
     },
 
     verifyManuallyScoredScoringContents: () => {
-        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'All or Nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside Additional Settings accordion Check Answer section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
+        it('When the user has selected \'Manually Scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'All or Nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed; and inside Additional Settings accordion Check Answer section i.e. \'Allow student to check answer\' checkbox should not be displayed', () => {
             autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel()
                 .should('not.exist');
             autoScoredScoringSectionMultipleResponsesType.allOrNothingCheckbox()
@@ -439,8 +456,11 @@ const tests = {
                 .should('not.exist');
             autoScoredScoringSectionMultipleResponsesType.partialDifferentWeightsCheckbox()
                 .should('not.exist');
+            cy.log('Pre-step: Selecting minimum scoring from dropdown');
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.minimumScoreIfAttemptedLabel()
-                .verifyInnerText('Minimum score awarded (if attempted)')
+                .verifyInnerText('Minimum points')
                 .and('be.visible');
             scoringSectionBase.minimumScoreIfAttemptedInputField()
                 .should('have.value', '')

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -468,7 +468,7 @@ const tests = {
     },
 
     verifyManualScoringEditTabFunctionality: () => {
-        it('When the user has selected \'Manually scored\' option from the \'Scoring type\' dropdown then the \'Set correct answer\' section should not be displayed; \'All or nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and inside additional settings accordion, Check answer section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
+        it('When the user has selected \'Manually scored\' option from the \'Scoring type\' dropdown then the \'Set correct answer\' section should not be displayed; \'All or nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and inside additional settings accordion, Check answer section i.e. \'Allow student to check answer\' checkbox should not be displayed', () => {
             utilities.verifyElementVisibilityState(autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel(), 'notExist');
             utilities.verifyElementVisibilityState(autoScoredScoringSectionMultipleResponsesType.allOrNothingCheckbox(), 'notExist');
             utilities.verifyElementVisibilityState(autoScoredScoringSectionMultipleResponsesType.partialEqualWeightsCheckbox(), 'notExist');

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -691,15 +691,15 @@ const steps = {
      * @param {string[]} optionNumerationArray - An array of expected numeration strings to verify.
      */
     verifyResponseFieldNumeration: (optionNumerationArray) => {
-        fillInTheGapsTextCommonComponent.previewTabResponseWrapper()
-            .should('be.visible')
-            .within(() => {
-                optionNumerationArray.forEach((optionNumeration, count) => {
+        optionNumerationArray.forEach((optionNumeration, count) => {
+            fillInTheGapsTextCommonComponent.previewTabResponseWrapper()
+                .eq(count)
+                .should('be.visible')
+                .within(() => {
                     fillInTheGapsTextCommonComponent.responseNumeration()
-                        .eq(count)
                         .should('have.text', `${optionNumeration}`);
                 });
-            });
+        });
     }
 }
 
@@ -856,7 +856,7 @@ const tests = {
     },
 
     verifyManualScoringEditTabFunctionality: () => {
-        it('When the user has selected \'Manually scored\' option from the \'Scoring type\' dropdown then the \'Set correct answer\' section should not be displayed; \'All or nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and inside additional settings accordion, Check answer section i.e. \'Allow students to check answer\' checkbox should not be displayed', () => {
+        it('When the user has selected \'Manually scored\' option from the \'Scoring type\' dropdown then the \'Set correct answer\' section should not be displayed; \'All or nothing\', \'Partial - equal weights\' and \'Partial - different weights\' radio buttons should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and inside additional settings accordion, Check answer section i.e. \'Allow student to check answer\' checkbox should not be displayed', () => {
             utilities.verifyElementVisibilityState(autoScoredSetCorrectAnswerSection.setCorrectAnswerLabel(), 'notExist');
             utilities.verifyElementVisibilityState(autoScoredScoringSectionMultipleResponsesType.allOrNothingCheckbox(), 'notExist');
             utilities.verifyElementVisibilityState(autoScoredScoringSectionMultipleResponsesType.partialEqualWeightsCheckbox(), 'notExist');