itemengine-cypress-automation 1.0.70 → 1.0.73

package/cypress/e2e/ILC/ListSorting/{Scoring → ListSortingScoring}/partialEqualWeightsScoring.js

@@ -164,44 +164,44 @@ describe('Create item page - List sorting: Partial equal weights scoring', () =>
             listSortingPage.steps.switchToPreviewTab();
         });
 
-        it('When the \'Round down score\' checkbox is selected, then in Preview tab when user enters partially or fully correct answers responses the score displayed should be rounded down to the nearest whole number', () => {
-            listSortingPage.steps.verifyCheckedStateOfRoundDownScoreCheckbox();
+        it('When the \'Round down score\' checkbox is not selected, then in Preview tab when user selects partially or fully correct answers the points should be displayed in decimal points if applicable as per the options selected by the user', () => {
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 2);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
             listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'plant', 'sprout', 'flower']);
-            listSortingPage.steps.verifyPreviewTabScoreText(7, 14.5);
-            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.verifyPreviewTabScoreText(7.26, 14.5);
             listSortingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            listSortingPage.steps.resetQuestionPreview();
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
             listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'sprout', 'plant', 'flower']);
-            listSortingPage.steps.verifyPreviewTabScoreText(14, 14.5);
-            listSortingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            listSortingPage.steps.verifyPreviewTabScoreText(14.5, 14.5);
+            listSortingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
         });
 
-        it('When the \'Round down score\' checkbox is not selected, then in Preview tab when user selects partially or fully correct answers the points should be displayed in decimal points if applicable as per the options selected by the user', () => {
-            listSortingPage.steps.switchToEditTab()
-            listSortingPage.steps.uncheckRoundDownScoreCheckbox()
+        it('When the \'Round down score\' checkbox is selected, then in Preview tab when user enters partially or fully correct answers responses the score displayed should be rounded down to the nearest whole number', () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.expandRoundingDropdown();
+            listSortingPage.steps.selectOptionFromRoundingDropdownOption('round down if <= 0.99');
             listSortingPage.steps.switchToPreviewTab();
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 2);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
             listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'plant', 'sprout', 'flower']);
-            listSortingPage.steps.verifyPreviewTabScoreText(7.26, 14.5);
-            listSortingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            listSortingPage.steps.verifyPreviewTabScoreText(7, 14.5);
             listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
             listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'sprout', 'plant', 'flower']);
-            listSortingPage.steps.verifyPreviewTabScoreText(14.5, 14.5);
-            listSortingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            listSortingPage.steps.verifyPreviewTabScoreText(14, 14.5);
+            listSortingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
         });
     });
 });

package/cypress/e2e/ILC/ListSorting/listSortingAdditionalSettingsBasic.js

@@ -4,8 +4,8 @@ import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const optionStyleDropdownOptions = ['None', 'Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
-const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
-const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
 let options = ['plant', 'sprout', 'flower', 'seed'];
 let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
 

package/cypress/e2e/ILC/ListSorting/listSortingEditTabScoringSection.js

@@ -104,15 +104,15 @@ describe('Create Item page - List sorting: Edit tab scoring types and set correc
                 'font-weight': css.fontWeight.semibold
             });
             utilities.verifyCSS(listSortingPage.rounddownScoreCheckboxLabel(), {
-                'color': css.color.labelText,
+                'color': css.color.labels,
                 'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
+                'font-weight': 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(listSortingPage.penaltyPointsInputField().parents('.points-container'));
-            cy.checkAccessibility(listSortingPage.rounddownScoreCheckbox().parents('.round-down-score-wrapper'));
+            cy.checkAccessibility(listSortingPage.roundingDropdown().parents('.round-down-score-wrapper'));
         });
 
         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', () => {
@@ -201,16 +201,16 @@ describe('Create Item page - List sorting: Edit tab scoring types and set correc
                 'font-weight': css.fontWeight.semibold
             });
             utilities.verifyCSS(listSortingPage.rounddownScoreCheckboxLabel(), {
-                'color': css.color.labelText,
+                'color': css.color.labels,
                 'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
+                'font-weight': 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(listSortingPage.pointsInputField());
             cy.checkAccessibility(listSortingPage.penaltyPointsInputField().parents('.points-container'));
-            cy.checkAccessibility(listSortingPage.rounddownScoreCheckbox().parents('.round-down-score-wrapper'));
+            cy.checkAccessibility(listSortingPage.roundingDropdown().parents('.round-down-score-wrapper'));
         });
 
         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', () => {

package/cypress/e2e/ILC/ListSorting/listSortingSetCorrectAnswerCheckboxes.smoke.js

@@ -0,0 +1,269 @@
+import { listSortingPage } from "../../../pages/listSortingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+let options = ['plant', 'sprout', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page -list sorting: Randomize options functionality, Hide drag Handle functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Randomize options - Functionality : Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to List sorting question type');
+                listSortingPage.steps.navigateToCreateQuestion('list sorting');
+                cy.log('Adding question instructions, setting correct answer order and adding points');
+                cy.barsPreLoaderWait();
+                listSortingPage.steps.addQuestionInstructions();
+                listSortingPage.steps.addInputToOptionsInputField(options);
+                listSortingPage.steps.allotPoints('20');
+            });
+
+            it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+                utilities.verifyInnerText(listSortingPage.randomizeOptionsCheckboxLabel(), 'Randomize options');
+                utilities.verifyElementVisibilityState(listSortingPage.randomizeOptionsCheckboxLabel(), 'visible');
+                listSortingPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            });
+
+            it('CSS of \'Randomize options\'', { tags: 'css' }, () => {
+                utilities.verifyCSS(listSortingPage.randomizeOptionsCheckboxLabel(), {
+                    'color': css.color.labelText,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+
+            it('Accessibility of \'Randomize options\'', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(listSortingPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]'));
+            });
+
+            it('When the \'Randomize options\' functionality is disabled, the options in the set correct answer source section should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+                listSortingPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+                listSortingPage.steps.verifySourceOptionsTextContentInSetCorrectAnswerSection(options);
+            });
+
+            it('When the user enables the \'Randomize options\' functionality, then the options in the set correct answer source section should be in the order in which the user has set them in the \'Options\' section', () => {
+                listSortingPage.steps.checkRandomizeOptionsCheckbox();
+                listSortingPage.steps.verifySourceOptionsTextContentInSetCorrectAnswerSection(options);
+                cy.log('Post step: Uncheck Randomize options checkbox')
+                listSortingPage.steps.uncheckRandomizeOptionsCheckbox();
+            });
+
+            it('When user sets the order in the target section when \'Randomize options\' functionality is enabled then the options in the set correct answer source section should be in the order in which the user has set them', () => {
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+                listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+                listSortingPage.steps.checkRandomizeOptionsCheckbox();
+                listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            });
+
+            it('CSS of \'Randomize options\' functionality - checked state', { tags: 'css' }, () => {
+                utilities.verifyCSS(listSortingPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]').find('g').eq(1), {
+                    'fill': css.color.activeButtons
+                });
+            });
+
+            it('Accessibility of \'Randomize options\' functionality - checked state', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(listSortingPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]'))
+            });
+        });
+    }
+
+    describe('Randomize options - Functionality : Preview tab', { tags: 'smoke' }, () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, options in the preview tab should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            listSortingPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifySourceOptionsTextContentInPreviewTab(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then options in preview tab should be displayed in a random order', () => {
+            listSortingPage.steps.switchToEditTab()
+            listSortingPage.steps.checkRandomizeOptionsCheckbox()
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifyRandomizeOptionOrder(options);
+            optionsArray = listSortingPage.steps.getOptionsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the options should not change in the preview tab', () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifySourceOptionsTextContentInPreviewTab(optionsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the options should change and the options should be displayed in the order in which the user has set them in the preview tab', () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.clearPointsField();
+            listSortingPage.steps.allotPoints(12);
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifyRandomizeOptionOrder(options);
+            listSortingPage.steps.verifyOptionsAreRerandomized(optionsArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options in the preview tab should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            listSortingPage.steps.switchToEditTab()
+            listSortingPage.steps.uncheckRandomizeOptionsCheckbox()
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifySourceOptionsTextContentInPreviewTab(options);
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Hide drag handle - Functionality: Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to list sorting question type');
+                listSortingPage.steps.navigateToCreateQuestion('list sorting');
+                cy.log('Adding question instructions, setting correct answer order and adding points');
+                cy.barsPreLoaderWait();
+                listSortingPage.steps.addQuestionInstructions();
+                listSortingPage.steps.addInputToOptionsInputField(options);
+                listSortingPage.steps.allotPoints('20');
+            });
+
+            it('When the \'Hide drag handle\' functionality is disabled, then the options displayed in response container of the \'Set correct answer\' section should have a drag handle', () => {
+                listSortingPage.steps.verifyHideDragHandleCheckboxUnchecked();
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+                }
+            });
+
+            it('When the \'Hide drag handle\' functionality is disabled, and the user sets answer in the \'Set correct answer\' section should not have a drag handle', () => {
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+                listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonDoesNotExistInSetCorrectAnswerSection(index)
+                }
+            });
+
+            it('When the user enables the \'Hide drag handle\' functionality, then the options displayed in response container of the \'Set correct answer\' section should not have a drag handle', () => {
+                listSortingPage.steps.switchToEditTab();
+                listSortingPage.steps.checkHideDragHandleCheckbox();
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonDoesNotExistInSetCorrectAnswerSection(index);
+                }
+            });
+
+            it('CSS of \'Hide drag handle\' functionality - checked state', { tags: 'css' }, () => {
+                utilities.verifyCSS(listSortingPage.hideDragHandleCheckbox().parents('[data-ngie-testid="hide-drag-handle-checkbox"]').find('g').eq(1), {
+                    'fill': css.color.activeButtons
+                });
+            });
+
+            it('Accessibility of \'Hide drag handle\' functionality - checked state', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(listSortingPage.hideDragHandleCheckbox().parents('[data-ngie-testid="hide-drag-handle-checkbox"]'));
+            });
+
+            it('When user sets an answer in \'Set correct answer\' section when \'Hide drag handle\' functionality is enabled then drag handle buttons should not be displayed', () => {
+                listSortingPage.steps.clickAndDropOptionFromTargetToSourceInSetCorrectAnswerSection('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromTargetToSourceInSetCorrectAnswerSection('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromTargetToSourceInSetCorrectAnswerSection('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromTargetToSourceInSetCorrectAnswerSection('flower', 3);
+                listSortingPage.steps.verifySourceOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonDoesNotExistInSetCorrectAnswerSection(index)
+                }
+            });
+
+            it('When the \'Hide drag handle\' functionality is disabled again, then the options displayed in response container of the \'Set correct answer\' section should have a drag handle', () => {
+                listSortingPage.steps.uncheckHideDragHandleCheckbox();
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+                }
+            });
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Hide drag handle - Functionality: Preview tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to list sorting question type');
+                listSortingPage.steps.navigateToCreateQuestion('list sorting');
+                cy.log('Adding question instructions, setting correct answer order and adding points');
+                cy.barsPreLoaderWait();
+                listSortingPage.steps.addQuestionInstructions();
+                listSortingPage.steps.addInputToOptionsInputField(options);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+                listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+                listSortingPage.steps.allotPoints('20');
+            });
+
+            it('When the \'Hide drag handle\' functionality is disabled, then the draggable options displayed in response container of the preview tab should have a drag handle', () => {
+                listSortingPage.steps.switchToPreviewTab();
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index);
+                }
+            });
+
+            it('When user sets the order in the target section when \'Randomize options\' functionality is disabled then the options in the preview tab target section should not have drag handles', () => {
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+                listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(correctAnswerArray);
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonDoesNotExistInPreviewTab(index)
+                }
+            });
+
+            it('When the \'Hide drag handle\' functionality is enabled, then the draggable options displayed in response container of the preview tab should not have a drag handle', () => {
+                listSortingPage.steps.switchToEditTab();
+                listSortingPage.steps.checkHideDragHandleCheckbox();
+                listSortingPage.steps.switchToPreviewTab();
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonDoesNotExistInPreviewTab(index);
+                }
+            });
+
+            it('When user sets the order in the target section when \'Randomize options\' functionality is enabled then the options in the set correct answer source section then drag handles should not be displayed', () => {
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+                listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(correctAnswerArray);
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonDoesNotExistInPreviewTab(index)
+                }
+            });
+
+            it('When the \'Hide drag handle\' functionality is disabled again, then the options displayed in response container of the \'Preview tab\' section should have a drag handle', () => {
+                listSortingPage.steps.switchToEditTab();
+                listSortingPage.steps.uncheckHideDragHandleCheckbox();
+                listSortingPage.steps.switchToPreviewTab();
+                for (let index = 0; index < 4; index++) {
+                    listSortingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index)
+                }
+            });
+        });
+    }
+});

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionAdditionalSettingsGridOptions.js

@@ -7,7 +7,7 @@ const options = ['Is mammal', 'Lays eggs', 'Can fly'];
 
 const gridStyleDropdownOptions = ['With border', 'Row dividers', 'No border', 'Inline', 'Inline - row dividers'];
 const questionStemNumerationOptions = ['None', 'Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
-const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
 const numbers = ['1', '2', '3', '4'];
 const lowercase = ['a', 'b', 'c', 'd'];
 const uppercase = ['A', 'B', 'C', 'D'];

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridAdditionalSettingsBasic.js

@@ -4,9 +4,7 @@ const css = Cypress.env('css');
 
 const questionStems = ['Bat', 'Ostrich', 'Platypus', 'Eagle'];
 const options = ['Is mammal', 'Lays eggs', 'Can fly'];
-
-const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
-const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
 
 describe('Create Item page - Multiple Selection Grid: Additional settings', () => {
     before(() => {
@@ -60,22 +58,21 @@ describe('Create Item page - Multiple Selection Grid: Additional settings', () =
             multipleSelectionGridPage.steps.addInputToTitleForOptionsInputField('Title for options')
         });
 
-        //Failing due to https://redmine.zeuslearning.com/issues/534772
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${option} in the set correct answer table`, () => {
+        Object.keys(fontSizes).forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${fontSizes[option]} in the set correct answer table`, () => {
                 multipleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
                 multipleSelectionGridPage.fontSizeDropdown()
                     .verifyInnerText(`${option}`);
                 multipleSelectionGridPage.setCorrectAnswerTableHeader()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.questionStemNumeration()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.setCorrectAnswertableQuestionStem()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.setCorrectAnswerTableQuestionStemTitle()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.setCorrectAnswerTableOptionsTitle()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
             });
         });
     });
@@ -95,24 +92,24 @@ describe('Create Item page - Multiple Selection Grid: Additional settings', () =
             multipleSelectionGridPage.steps.addInputToTitleForOptionsInputField('Title for options');
         });
 
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${option} in the preview tab Answer table`, () => {
+        Object.keys(fontSizes).forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${fontSizes[option]} in the preview tab Answer table`, () => {
                 multipleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
                 multipleSelectionGridPage.fontSizeDropdown()
                     .verifyInnerText(`${option}`);
                 multipleSelectionGridPage.steps.switchToPreviewTab();
                 multipleSelectionGridPage.questionInstructionsText()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.previewTabAnswerTableHeader()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.previewTabQuestionStemNumeration()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.previewTabAnswertableQuestionStem()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.previewTabAnswerTableQuestionStemTitle()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.previewTabAnswerTableOptionsTitle()
-                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                    .should('have.css', 'font-size', fontSizes[option]);
                 multipleSelectionGridPage.steps.switchToEditTab();
             });
         });

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridAllOrNothingAlternatePointsGreaterThanCorrectPoints.js

@@ -43,7 +43,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
             multipleSelectionGridPage.incorrectIcon()
                 .should('not.exist');
-            multipleSelectionGridPage.correctIncorectAnswerLabel()
+            multipleSelectionGridPage.correctIncorrectAnswerLabel()
                 .should('not.exist');
             multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
 
@@ -72,7 +72,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
             multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
             multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
 
-            cy.log('When the user selects alternate correct answer options, full points specified for alternate correct answer should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            cy.log('When the user selects alternative correct answer options, full points specified for alternative correct answer should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternative correct answer options and label \'Correct answer\' should be displayed below the table')
             multipleSelectionGridPage.steps.resetQuestionPreview()
             multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [2]]);
             multipleSelectionGridPage.previewScoreText()
@@ -87,7 +87,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
 
             multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
 
-            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternative correct answer options and label \'Correct answer\' should be displayed below the table')
             multipleSelectionGridPage.steps.checkAnswer()
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridAllOrNothingCorrectPointsEqualToAlternatePoints.js

@@ -43,7 +43,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
             multipleSelectionGridPage.incorrectIcon()
                 .should('not.exist');
-            multipleSelectionGridPage.correctIncorectAnswerLabel()
+            multipleSelectionGridPage.correctIncorrectAnswerLabel()
                 .should('not.exist');
             multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
 
@@ -73,7 +73,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
             multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
             multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
 
-            cy.log('When the user selects alternate correct answer options, full points points for alternate correct answer should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            cy.log('When the user selects alternative correct answer options, full points points for alternative correct answer should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternative correct answer options and label \'Correct answer\' should be displayed below the table')
             multipleSelectionGridPage.steps.resetQuestionPreview()
             multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [2]]);
             multipleSelectionGridPage.previewScoreText()
@@ -88,7 +88,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
 
             multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
 
-            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternative correct answer options and label \'Correct answer\' should be displayed below the table')
             multipleSelectionGridPage.steps.checkAnswer()
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridAllOrNothingCorrectPointsGreaterThanAlternatePoints.js

@@ -43,7 +43,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
             multipleSelectionGridPage.incorrectIcon()
                 .should('not.exist');
-            multipleSelectionGridPage.correctIncorectAnswerLabel()
+            multipleSelectionGridPage.correctIncorrectAnswerLabel()
                 .should('not.exist');
             multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
 
@@ -72,7 +72,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
             multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
             multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
 
-            cy.log('When the user selects alternate correct answer options, points specified for alternate correct answer (less than overall points) should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            cy.log('When the user selects alternative correct answer options, points specified for alternative correct answer (less than overall points) should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternative correct answer options and label \'Correct answer\' should be displayed below the table')
             multipleSelectionGridPage.steps.resetQuestionPreview()
             multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [2]]);
             multipleSelectionGridPage.previewScoreText()
@@ -87,7 +87,7 @@ describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Sectio
 
             multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
 
-            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternative correct answer options and label \'Correct answer\' should be displayed below the table')
             multipleSelectionGridPage.steps.checkAnswer()
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
             multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);