itemengine-cypress-automation 1.0.166-migrationScripts-b8c79a0.0 → 1.0.166

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

@@ -175,7 +175,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
             });
 
-            it('When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed', () => {
+            it('When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -198,7 +198,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
                 dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
             });
 
             it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/clickAndDrop.js

@@ -84,7 +84,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Eagle', 'Parrot', 'Whale']);
@@ -122,7 +122,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Parrot', 'Whale']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
@@ -149,7 +149,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Bat');
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Bat', 'Eagle', 'Parrot', 'Whale']);
@@ -253,7 +253,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Eagle', 'Parrot', 'Whale']);
@@ -291,7 +291,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Parrot', 'Whale']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfPreviewTab('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInPreviewTab();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInPreviewTab();
@@ -324,6 +324,11 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Eagle']);
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Bat']);
         });
+
+        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Eagle', 0);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Whale', 'Platypus', 'Eagle']);
+        });
     });
 
     describe('Click and drop cases for \'Grouped\' response options layout in \'Specify correct answer\' section', () => {
@@ -403,7 +408,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Eagle', 'Whale', 'Platypus']);
@@ -442,7 +447,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Whale', 'Platypus']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
@@ -469,7 +474,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Bat');
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
@@ -583,7 +588,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Eagle', 'Whale', 'Platypus']);
@@ -622,7 +627,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Whale', 'Platypus']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfPreviewTab('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInPreviewTab();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInPreviewTab(1);
@@ -656,8 +661,14 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Bat']);
         });
 
+        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Eagle');
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Whale', 'Platypus', 'Eagle']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(1, groupedOptions[1]);
+        });
+
         it('When user has dropped all the options from a group in the response areas, then empty group should be displayed in the options container', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Whale': 0, 'Platypus': 1 });
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Whale': 0, 'Platypus': 1, 'Eagle': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyGroupedOptionsTitlePreviewTab(0, 'Group A')
             dragAndDropIntoCategoriesPage.steps.verifyEmptyGroupInPreviewTab(0);
         });

package/cypress/e2e/ILC/EssayResponse/essayResponseAdditionalSettings.js

@@ -0,0 +1,432 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { essayResponsePage } from "../../../pages";
+import { ckEditorToolbar } from "../../../pages/components";
+const css = Cypress.env('css');
+
+let specialCharacters = [':', ')', '`']
+describe('Create question page - Essay Response: Additional Settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings: Predefined text', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.setWordLimit(5);
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Predefined text\' label and input field should be displayed and by default, the input field should be empty', () => {
+            essayResponsePage.predefinedTextLabel()
+                .verifyInnerText('Predefined text')
+            essayResponsePage.predefinedTextInputField()
+                .should('have.text', '');
+        });
+
+        it('CSS of \'Predefined text\' section', { tags: 'css' }, () => {
+            essayResponsePage.predefinedTextLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            essayResponsePage.predefinedTextInputField()
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Predefined text\' section', { tags: 'css' }, () => {
+            cy.checkAccessibility(essayResponsePage.predefinedTextLabel().parent('[class*="StudentResponseAreaLayoutstyles__StyledDiv"]'));
+        });
+
+        it('The user should be able to add \'Predefined text\' and the \'Predefined text\' added by the user should be displayed in the response field in the preview tab. Also, the word count displayed by default should have value - word count of predefined text/word limit', () => {
+            essayResponsePage.predefinedTextInputField()
+                .type('Lorem Ipsum')
+                .should('have.text', 'Lorem Ipsum');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.text', 'Lorem Ipsum');
+            essayResponsePage.steps.verifyResponseFieldWordCount('2/5');
+        });
+
+        it('The user should not be able to enter words more than the set word limit in the \'Predefined text\' input field', () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab()
+            essayResponsePage.predefinedTextInputField()
+                .type(' dolor sit amet c');
+            essayResponsePage.predefinedTextInputField()
+                .should('have.text', 'Lorem Ipsum dolor sit amet\u00a0');
+        });
+
+        it('When the user adds same number of words as the word limit in the \'Predefined text\' input field, \'word limit reached\' warning message should be displayed in the preview tab', () => {
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
+            essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
+        });
+
+        it('The word count should increase/decrease in the preview tab when the user adds/removes some words from predefined text in the response field', () => {
+            cy.log('checking update in word count after removing a word from predefined text')
+            essayResponsePage.responseField()
+                .type('{backspace}{backspace}{backspace}{backspace}{backspace}')
+                .should('have.text', 'Lorem Ipsum dolor sit');
+            essayResponsePage.steps.verifyResponseFieldWordCount('4/5');
+            essayResponsePage.wordLimitReachedWarningMessage()
+                .should('not.exist');
+            cy.log('checking update in word count after adding a word after predefined text')
+            essayResponsePage.responseField()
+                .type(' amet')
+                .should('have.text', 'Lorem Ipsum dolor sit amet');
+            essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
+        });
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/551117
+    describe('Additional Settings: Placeholder text', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.setWordLimit(5);
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('CSS of \'Placeholder text\' section', { tags: 'css' }, () => {
+            essayResponsePage.placeholderTextLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            essayResponsePage.placeholderTextInputField()
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Placeholder text\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.placeholderTextLabel().parent('[class*="StudentResponseAreaLayoutstyles__PlaceHolderWrapper"]'))
+        });
+
+        it('\'Placeholder text\' label and input field should be displayed and  by default, the input field should be empty', () => {
+            essayResponsePage.placeholderTextLabel()
+                .verifyInnerText('Placeholder text');
+            essayResponsePage.placeholderTextInputField()
+                .should('have.value', '');
+        });
+
+        it('The user should be able to add \'Placeholder text\' and the \'Placeholder text\' added by the user should be displayed in the response field in the preview tab.', () => {
+            essayResponsePage.placeholderTextInputField()
+                .type('Lorem Ipsum')
+                .should('have.value', 'Lorem Ipsum');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .and('have.attr', 'data-cke-editorplaceholder', 'Lorem Ipsum');
+            essayResponsePage.responseFieldWordCount()
+                .should('have.text', '0/5');
+        });
+
+        it('CSS of \'Placeholder text\' in preview tab', { tags: 'css' }, () => {
+            essayResponsePage.responseField()
+                .verifyPseudoClassBeforeProperty('color', css.color.placeholderText);
+        });
+
+        //Comment: The placeholder text is present as a pseudo element, how to check accessibility?
+        it('Accessibility of \'Placeholder text\' in preview tab', { tags: 'a11y' }, () => {
+        });
+
+        it('The word count displayed by default should not consider the word count of placedholder text and the word count displayed should be - 0/*word limit*', () => {
+            essayResponsePage.steps.verifyResponseFieldWordCount('0/5');
+        });
+
+        it('When the user starts typing in the response field in the preview tab, then the placeholder text should disappear', () => {
+            essayResponsePage.steps.enterTextInResponseField('dolor sit amet');
+            essayResponsePage.responseField()
+                .should('not.have.attr', 'data-cke-editorplaceholder');
+        });
+
+        it('When the user clears the entered text in the response field, then the placeholder text should appear again', () => {
+            essayResponsePage.responseField()
+                .clear()
+                .should('not.have.text', 'dolor sit amet')
+                .blur();
+            essayResponsePage.responseField()
+                .and('have.attr', 'data-cke-editorplaceholder', 'Lorem Ipsum');
+        });
+
+        it('When the user has defined both, \'Predefined text\' and \'Placeholder text\', then in the preview tab the placeholder text should not be displayed and the word count displayed should be - word count of predefined text/*word limit*', () => {
+            cy.log('Go to edit tab and define \'Predefined text\'')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.predefinedTextInputField()
+                .type('Dolor set amet')
+                .should('have.text', 'Dolor set amet');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.text', 'Dolor set amet');
+            essayResponsePage.responseFieldWordCount()
+                .should('have.text', '3/5');
+        })
+    });
+
+    describe('Additional Settings: Minimum height and Maximum height', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('CSS of \'Minimum height\' and \'Maximum height\' section', { tags: 'css' }, () => {
+            essayResponsePage.minHeightLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            essayResponsePage.minHeightInputField()
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+            essayResponsePage.maxHeightLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            essayResponsePage.maxHeightInputField()
+                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Minimum height\' and \'Maximum height\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.minHeightLabel().parents('[class*="StudentResponseAreaLayoutstyles__SizeWrapper"]'));
+        });
+
+        it('\'Minimum height\' and \'Maximum height\' labels and input fields should be displayed and by default, the input fields should be empty', () => {
+            essayResponsePage.minHeightLabel()
+                .verifyInnerText('Minimum height (px)');
+            essayResponsePage.minHeightInputField()
+                .should('have.value', '');
+            essayResponsePage.maxHeightLabel()
+                .verifyInnerText('Maximum height (px)');
+            essayResponsePage.maxHeightInputField()
+                .should('have.value', '');
+        });
+
+        it('When the input field of \'Minimum height\' is kept empty, the default minimum height of the response field in the preview tab should be 232px', () => {
+            cy.log('Switching to preview tab')
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.css', 'min-height', '232px');
+        });
+
+        it('User should be able to add \'Minimum height\' for the response field and in the preview tab the minimum height of the response field should get updated accordingly', () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.minHeightInputField()
+                .type(50)
+                .should('have.value', '50');
+            cy.log('Switching to preview tab')
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.css', 'min-height', '50px');
+        });
+
+        it('When the user adds \'Maximum height\' for the response field then in the preview tab, the maximum height of the response field should get updated accordingly', () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.maxHeightInputField()
+                .type(100)
+                .should('have.value', '100');
+            cy.log('Switching to preview tab')
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.css', 'max-height', '100px');
+        });
+    });
+
+    describe('Additional Settings: Disable cut, copy and paste section', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+            essayResponsePage.steps.setWordLimit(15);
+        });
+
+        it('\'Disable cut, copy and paste\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
+            essayResponsePage.disableCutCopyPasteLabel()
+                .verifyInnerText('Disable cut, copy and paste');
+            essayResponsePage.disableCutCopyPasteCheckbox()
+                .should('not.be.checked');
+        });
+
+        it('CSS of \'Disable cut, copy and paste\' section - unchecked state', { tags: 'css' }, () => {
+            essayResponsePage.disableCutCopyPasteLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            essayResponsePage.disableCutCopyPasteCheckbox()
+                .parent()
+                .find('svg')
+                .should('have.css', 'fill', css.color.uncheckedCheckbox);
+        });
+
+        it('Accessibility of \'Disable cut, copy and paste\' section - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.additionalSettingsRegion());
+        });
+
+        //TODO: Need to verify the code for cut, changes are required
+        //Comment: We are currently checking only cut action, copy and paste actions need to be tested manually
+        it('When the \'Disable cut, copy and paste\' functionality is disabled, the user should be able to perform cut, copy and paste actions', () => {
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .type('Lorem')
+            essayResponsePage.responseField()
+                .type('{selectAll}')
+                .type('{ctrl}x');
+            essayResponsePage.responseField()
+                .should('not.have.text', 'Lorem');
+        });
+
+        it('When the user enables the \'Disable cut, copy and paste\' functionality, the user should not be able to perform cut, copy and paste actions', () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.disableCutCopyPasteCheckbox()
+                .click()
+                .should('be.checked');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .type('Lorem{selectall}')
+            essayResponsePage.responseField()
+                .focus()
+                .trigger('keydown', { key: 'x', ctrlKey: true })
+            essayResponsePage.responseField()
+                .should('have.text', 'Lorem');
+        });
+
+        it('CSS of \'Disable cut, copy and paste\' section - checked state', { tags: 'css' }, () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.disableCutCopyPasteCheckbox()
+                .parents('[data-ngie-testid="disable-cut,-copy-and-paste-checkbox"]')
+                .find('svg g')
+                .eq(1)
+                .should('have.css', 'fill', css.color.activeButtons);
+        });
+
+        it('Accessibility of \'Disable cut, copy and paste\' section - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.additionalSettingsRegion());
+        });
+    });
+
+    describe('Additional Settings: Disable automatic hyperlinking section', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Disable automatic hyperlinking\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
+            essayResponsePage.disableAutoHyperlinkingLabel()
+                .verifyInnerText('Disable automatic hyperlinking');
+            essayResponsePage.disableAutoHyperlinkingCheckbox()
+                .should('not.be.checked');
+        });
+
+        it('CSS of \'Disable automatic hyperlinking\' section - unchecked state', { tags: 'css' }, () => {
+            essayResponsePage.disableAutoHyperlinkingLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            essayResponsePage.disableAutoHyperlinkingCheckbox()
+                .parent()
+                .find('svg')
+                .should('have.css', 'fill', css.color.uncheckedCheckbox);
+        });
+
+        it('Accessibility of \'Disable automatic hyperlinking\' section - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.disableAutoHyperlinkingLabel().parents('.MuiFormGroup-root'));
+        });
+
+        it('When the \'Disable automatic hyperlinking\' functionality is disabled and the user types any link text in the response field in the preview tab, then the link text should be displayed as a hyperlink', () => {
+            cy.log('Switching to preview tab')
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .type('https://www.google.com ');
+            essayResponsePage.responseField()
+                .find('a')
+                .should('have.attr', 'href', 'https://www.google.com');
+        });
+
+        //https://redmine.zeuslearning.com/issues/530056
+        it('CSS of \'hyperlink\' text in the response field', { tags: 'css' }, () => {
+            essayResponsePage.responseField()
+                .find('a')
+                .verifyCSS(css.color.linkText, css.fontSize.default, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'hyperlink\' text in the response field', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.previewTabQuestionWrapper());
+        });
+
+        it('When the user enables the \'Disable automatic hyperlinking\' functionality, then even if the user types any link text in the response field in the preview tab, it should appear as a plain text', () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.disableAutoHyperlinkingCheckbox()
+                .click()
+                .should('be.checked');
+            cy.log('Switching to preview tab')
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .type('https://www.google.com');
+            essayResponsePage.responseField()
+                .find('a')
+                .should('not.exist');
+            cy.log('Post step: Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+        });
+
+        it('CSS of \'Disable automatic hyperlinking\' section - checked state', { tags: 'css' }, () => {
+            essayResponsePage.disableAutoHyperlinkingCheckbox()
+                .parents('[data-ngie-testid="disable-automatic-hyperlinking-checkbox"]')
+                .find('svg g')
+                .eq(1)
+                .should('have.css', 'fill', css.color.activeButtons);
+        });
+
+        it('Accessibility of \'Disable automatic hyperlinking\' section - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.disableAutoHyperlinkingLabel().parents('.MuiFormGroup-root'));
+        });
+    });
+
+    describe('Additional Settings: Spell check section', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Spell check\' functionality label and checkbox should be displayed and by default it should be checked', () => {
+            essayResponsePage.spellCheckLabel()
+                .verifyInnerText('Spell check');
+            essayResponsePage.spellCheckCheckbox()
+                .should('be.checked');
+        });
+
+        it('CSS of \'Spell check\' section - checked state', { tags: 'css' }, () => {
+            essayResponsePage.spellCheckLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            essayResponsePage.spellCheckCheckbox()
+                .parents('[data-ngie-testid="spell-check-checkbox"]')
+                .find('svg g')
+                .eq(1)
+                .should('have.css', 'fill', css.color.activeButtons);
+        });
+
+        it('Accessibility of \'Spell check\' section - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.spellCheckLabel().parents('.MuiFormGroup-root'))
+        });
+
+        it('When the \'Spell check\' functionality is enabled, the response field in preview tab should have \'spellcheck\' attribute set as \'true\'', () => {
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.attr', 'spellcheck', 'true');
+        });
+
+        it('When the user disables the \'Spell check\' functionality, the response field in preview tab should not have \'spellcheck\' attribute set as \'false\'', () => {
+            cy.log('Switching to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.spellCheckCheckbox()
+                .click()
+                .should('not.be.checked');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.responseField()
+                .should('have.attr', 'spellcheck', 'false');
+            cy.log('Post step: Switch to edit tab')
+            essayResponsePage.steps.switchToEditTab();
+        });
+
+        it('CSS of \'Spell check\' section - unchecked state', { tags: 'css' }, () => {
+            essayResponsePage.spellCheckCheckbox()
+                .parents('[data-ngie-testid="spell-check-checkbox"]')
+                .find('svg')
+                .should('have.css', 'fill', css.color.uncheckedCheckbox);
+        });
+
+        it('Accessibility of \'Spell check\' section - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.spellCheckLabel().parents('.MuiFormGroup-root'))
+        });
+    });
+});