itemengine-cypress-automation 1.0.68 → 1.0.70

package/cypress/pages/fillInTheGapsScoring.js

@@ -11,13 +11,12 @@ const css = Cypress.env('css');
 const tests = {
     verifyAutoScoredPartialDifferentWeightsScoring: (questionType) => {
         it('When the user selects \'Show correct answer\' checkbox without attempting the question, then red cross-mark icon or green check-mark icon should not be displayed anywhere, correct/incorrect answer label and its border should not be displayed and the correct answer container should be displayed below the question field with the correct responses from the correct tab', () => {
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -35,8 +34,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -60,7 +58,7 @@ const tests = {
                 fillInTheGapsCommonComponents.previewTabCorrectAnswerContainer()
                     .should('not.exist');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -89,8 +87,7 @@ const tests = {
             autoScoredScoringSection.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
 
             cy.log('When the user selects \'Show correct answer\' checkbox, then red cross-mark icon should be displayed beside the incorrect responses, incorrect answer label and its border should not be displayed and the correct answer container should be displayed with the correct responses from the correct tab for the user responses marked incorrect')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -113,7 +110,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -127,7 +124,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then red cross-mark icon icon should be displayed besides incorrect answer response, incorrect answer label and its border should not be displayed and correct answers container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -164,7 +161,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('5.4/10.2');
             autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotExists()
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredScoringSection.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
             cy.log('Attempting the question partially correct for response 2');
@@ -187,12 +184,11 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('4.8/10.2');
             autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotExists()
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
 
             cy.log('When user selects the \'Show correct answer\' checkbox, green check-mark icon should be displayed besides correct answer response, red cross-mark icon should be displayed besides incorrect answer response, correct/incorrect answer label and its border should not be displayed and the correct answer container should be displayed with the correct response for the user responses marked incorrect')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -215,7 +211,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -229,7 +225,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response, red cross-mark icon should be displayed besides incorrect answer response, correct/incorrect answer label and its border should not be displayed and correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -263,8 +259,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('When the user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the responses, correct answer label and its border should not be displayed, correct answer container should not be displayed and user should be awarded with full points')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -278,7 +273,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('10.2/10.2');
@@ -294,7 +289,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides responses, correct answer label and its border should not be displayed and correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
 
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -327,15 +322,14 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/12');
             cy.log('When user selects \'Show correct answer\' checkbox without attempting the question, then only correct answer responses should be displayed below the question field');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();;
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             switch (questionType) {
                 case 'fill in the gaps - text':
@@ -351,8 +345,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -377,8 +370,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();;
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/12');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -394,7 +386,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -408,7 +400,7 @@ const tests = {
             cy.log('When user clicks on Check answer button then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and the correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -440,11 +432,10 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();;
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('9/12');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -471,7 +462,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -502,8 +493,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();;;
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/12');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -538,7 +528,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect label and its border should not be displayed and correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -570,8 +560,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('6/12');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -632,8 +621,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/15')
             cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, then correct answer container with only alternate correct answer options and no label should be displayed below the question field')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
             autoScoredPreviewBase.incorrectIcon()
@@ -652,8 +640,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -678,8 +665,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/15');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -695,7 +681,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -709,7 +695,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides response fields, correct answer label and its border should not be displayed, and correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -741,11 +727,10 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('15/15');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -772,7 +757,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -804,8 +789,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('5/15');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -831,7 +815,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -845,7 +829,7 @@ const tests = {
             cy.log('When user clicks \'Check answer\' button, then correct icon should be displayed besides the response fields and incorrect icon should be displayed beside correct answer response');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -878,8 +862,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('11/15');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -904,7 +887,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -931,7 +914,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
         });
 
@@ -945,9 +928,8 @@ const tests = {
                 .verifyInnerText('0/12');
 
             cy.log('When the user selects the Show correct answer checkbox without attempting the question, correct answer container with only correct answer options and no label should be displayed below the question field')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -969,8 +951,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -995,8 +976,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/12');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1012,7 +992,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1026,7 +1006,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -1058,11 +1038,10 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/12');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -1089,7 +1068,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -1120,8 +1099,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -1146,7 +1124,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1173,7 +1151,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
 
             cy.log('When user gives an answer which is a combination of both correct and alternate answer and the individual points achieved via response from alternate answer tab is more than the individual points of the response entered from the correct tab then on selecting the \'Show correct answer\' checkbox the response with more points should have a correct icon, the other should have incorrect icon and the correct answer container should be displayed with the correct responses from the correct tab for the user responses marked incorrect')
@@ -1192,8 +1170,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -1218,7 +1195,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1245,7 +1222,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
         });
 
@@ -1387,13 +1364,12 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/12');
             cy.log('When user selects the Show correct answer button without attempting the question then correct answer responses should be displayed in the correct answer container')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             fillInTheGapsDropdownPage.correctIcon()
                 .should('not.exist');
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -1411,8 +1387,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -1437,11 +1412,10 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/12');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -1469,7 +1443,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response input fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -1498,8 +1472,7 @@ const tests = {
                     default:
                         throw new Error('Invalid question type');
                 };
-                previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                    .click();
+                previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();;
                 previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                     .verifyInnerText('0/12')
                 if (questionType === 'fill in the gaps - drag and drop') {
@@ -1511,7 +1484,7 @@ const tests = {
                     fillInTheGapsCommonComponents.steps.verifyIncorrectOptionCrossmarkIcon(1);
                     autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
                 };
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .should('not.exist');
                 switch (questionType) {
                     case 'fill in the gaps - text':
@@ -1535,7 +1508,7 @@ const tests = {
                 cy.log('When user clicks on \'Check answer\' button, then red cross-mark icon should be displayed besides the response input fields, incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
                 autoScoredPreviewBase.checkAnswerButton()
                     .click();
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .should('not.exist');
                 if (questionType == 'fill in the gaps - drag and drop') {
                     fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -1568,8 +1541,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/12');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1585,7 +1557,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1611,7 +1583,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
 
             cy.log('When user gives the alternate answer as input in the response fields, then full points should be displayed and correct icon should be displayed beside the response fields');
@@ -1630,8 +1602,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             };
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('12/12');
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1647,7 +1618,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -1674,7 +1645,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
         });
     },
@@ -1722,9 +1693,8 @@ const tests = {
         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', () => {
             cy.log('Switching to Edit tab')
             createQuestionBasePage.steps.switchToEditTab();
-            fillInTheGapsDropdownPage.rounddownScoreCheckbox()
-                .click()
-                .should('not.be.checked');
+            fillInTheGapsDropdownPage.steps.expandRoundingDropdown();
+            fillInTheGapsTextPage.steps.selectOptionFromRoundingDropdownOption('none');
             cy.log('Switching to Preview tab')
             createQuestionBasePage.steps.switchToPreviewTab();
             switch (questionType) {
@@ -1904,7 +1874,7 @@ const tests = {
     },
 
     verifyShowCorrectAnswerBasicFunctionality: (questionType) => {
-        it('When the user has set correct answer responses and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
+        it('When the user has set correct answer responses and alloted points, then \'Student view\' radio button should be checked, \'Grading view\' button should not be checked and points for the question should be displayed beside it', () => {
             createQuestionBasePage.steps.switchToEditTab();
             switch (questionType) {
                 case 'fill in the gaps - text':
@@ -1923,12 +1893,14 @@ const tests = {
             }
             scoringSectionBase.steps.allotPoints(20);
             createQuestionBasePage.steps.switchToPreviewTab();
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .should('not.be.checked')
-                .parents('.MuiIconButton-label')
-                .should('be.visible');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckboxLabel()
-                .verifyInnerText('Show correct answer');
+            previewScoringAndShowCorrectAnswerComponent.gradingViewRadioButton()
+                .should('not.be.checked');
+            previewScoringAndShowCorrectAnswerComponent.studentViewRadioButton()
+                .should('be.checked');
+            previewScoringAndShowCorrectAnswerComponent.gradingViewRadioButtonLabel()
+                .verifyInnerText('Grading view');
+            previewScoringAndShowCorrectAnswerComponent.studentViewRadioButtonLabel()
+                .verifyInnerText('Student view');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/20');
         });
@@ -1978,11 +1950,9 @@ const tests = {
             }
         });
 
-        it('CSS of the correct answer container when \'Show correct answer\' checkbox is checked', { tags: 'css' }, () => {
+        it('CSS of the correct answer container when \'Grading view\' radio button is selected', { tags: 'css' }, () => {
             cy.log('Pre-step: Clicking on show correct answer checkbox');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('have.css', 'border', `1px solid ${css.color.correctAnswerContainerBorder}`);
@@ -1995,7 +1965,7 @@ const tests = {
                     .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerResponseWrapper()
                     .should('have.css', 'border', `1px solid ${css.color.correctAnswerContainerResponseBlockBorder}`);
-            } else if ( questionType === 'fill in the gaps - dropdown') {
+            } else if (questionType === 'fill in the gaps - dropdown') {
                 fillInTheGapsCommonComponents.previewTabCorrectAnswerLabel()
                     .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.regular);
                 fillInTheGapsCommonComponents.previewTabCorrectAnswerContainer()
@@ -2033,14 +2003,12 @@ const tests = {
     verifyAutoScoredAllOrNothingScoring: (questionType) => {
         //comment: need to add numeric count assertion for response field once they are added
         it('When the user selects \'Show correct answer\' checkbox without attempting the question, no correct/incorrect icons or label should be displayed, correct answer container along with \'Correct answers\' label and correct responses with numeric count should be displayed below the question field', () => {
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -2058,9 +2026,7 @@ const tests = {
                     throw new Error('Invalid question type');
             }
             cy.log('Post step: Unchecking the show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('not.be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         });
 
         it('When user selects Check answer button without attempting the question, then then red cross-mark icon or green check-mark should not be displayed anywhere, correct/incorrect answer label and its border should not be displayed and the correct answer container should not be displayed', () => {
@@ -2077,7 +2043,7 @@ const tests = {
                 fillInTheGapsCommonComponents.previewTabCorrectAnswerContainer()
                     .should('not.exist');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -2105,8 +2071,7 @@ const tests = {
             autoScoredScoringSection.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
 
             cy.log('When the user selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides the incorrect answers input fields, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the question field and the correct answer container with both correct answers should be displayed')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             //TODO Comment: Remove this assertion for check-mark and cross-mark and others once common selector is applied for response field wrapper https://redmine.zeuslearning.com/issues/530412
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -2181,8 +2146,7 @@ const tests = {
             autoScoredScoringSection.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
 
             cy.log('When user selects the show correct answer checkbox, green check-mark icon should be displayed besides correct response field, red cross-mark icon should be displayed besides the incorrect response field, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed and correct answer container should be displayed with the correct responses from the correct tab for the user responses marked incorrect')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -2233,8 +2197,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/20');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotVisible(1);
@@ -2304,8 +2267,7 @@ const tests = {
                     throw new Error('Invalid question type');
             }
             cy.log('When the user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the response fields and a label \'Correct Answer\' should be displayed below the question field and user should be awarded with full points');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             autoScoredPreviewBase.steps.verifyCorrectIncorrectAnswerLabel('Correct');
             autoScoredPreviewBase.steps.verifyCorrectAttemptBorder();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
@@ -2354,8 +2316,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
             cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, correct answer container should be displayed with the correct responses from the correct tab')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 1', 'Response 2']);
@@ -2369,7 +2330,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -2378,8 +2339,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -2406,8 +2366,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -2465,8 +2424,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('3/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -2524,8 +2482,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -2591,8 +2548,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -2659,8 +2615,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -2714,8 +2669,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/10');
             cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, correct answer container should be displayed with the correct responses from the alternate tab')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 3', 'Response 4']);
@@ -2729,7 +2683,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -2738,8 +2692,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -2766,8 +2719,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -2825,8 +2777,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('10/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -2884,8 +2835,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -2951,8 +2901,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3019,8 +2968,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -3075,8 +3023,7 @@ const tests = {
                 .verifyInnerText('0/7');
 
             cy.log('When the user selects the Show correct answer checkbox without attempting the question, correct answer container should be displayed with the correct responses from the correct tab and no label should be displayed below the question field')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 1', 'Response 2']);
@@ -3090,7 +3037,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -3099,8 +3046,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -3127,8 +3073,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -3186,8 +3131,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -3245,8 +3189,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3312,8 +3255,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3384,8 +3326,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3438,8 +3379,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('0/7');
             cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, correct answer container should be displayed with the correct responses from the correct tab and no label should be displayed')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 1', 'Response 2']);
@@ -3453,7 +3393,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -3462,8 +3402,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -3490,8 +3429,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -3544,8 +3482,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('7/7');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -3593,8 +3530,7 @@ const tests = {
                 }
                 previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                     .verifyInnerText('0/7');
-                previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                    .click();
+                previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
                 if (questionType === 'fill in the gaps - drag and drop') {
                     fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                     fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3647,13 +3583,12 @@ const tests = {
 
     verifyAutoScoredPartialEqualWeightsScoring: (questionType) => {
         it('When user selects \'Show correct answer\' checkbox without attempting the question, then red cross-mark icon or green check-mark should not be displayed anywhere, correct/incorrect answer label and its border should not be displayed and the correct answer container should be displayed with the correct responses from the correct tab', () => {
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -3671,8 +3606,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -3696,7 +3630,7 @@ const tests = {
                 fillInTheGapsCommonComponents.previewTabCorrectAnswerContainer()
                     .should('not.exist');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -3725,8 +3659,7 @@ const tests = {
             autoScoredScoringSection.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
 
             cy.log('When the user selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides incorrect response fields, incorrect answer label and its border should not be displayed and the correct answer container should be displayed with the correct responses from the correct tab for the user responses marked incorrect');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3736,7 +3669,7 @@ const tests = {
                 fillInTheGapsCommonComponents.steps.verifyIncorrectOptionCrossmarkIcon(1);
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             switch (questionType) {
                 case 'fill in the gaps - text':
@@ -3763,7 +3696,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then red cross-mark icon icon should be displayed besides incorrect answer response field, incorrect answer label and its border should not be displayed and correct answers container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -3798,8 +3731,7 @@ const tests = {
             };
 
             cy.log('When user selects the \'Show correct answer\' checkbox, green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed besides incorrect answer response field, correct/incorrect answer label and its border should not be displayed, the correct answer container should be displayed with the correct responses from the correct tab for the user responses marked incorrect, points should be updated accordingly and points text\'s background color should not change');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -3825,7 +3757,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('5/10');
             autoScoredScoringSection.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
             if (questionType === 'fill in the gaps - drag and drop') {
@@ -3839,7 +3771,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed besides incorrect answer response field, correct/incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -3873,8 +3805,7 @@ const tests = {
                     throw new Error('Invalid question type');
             };
             cy.log('When the user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the response fields, correct answer label and its border should not be displayed, correct answer container should not be displayed and  user should be awarded with full points');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -3888,7 +3819,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('10/10');
@@ -3899,7 +3830,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4040,8 +3971,7 @@ const tests = {
                 .verifyInnerText('0/10');
 
             cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, then correct answer container with only correct answer options and no label should be displayed below the question field');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 1', 'Response 2']);
@@ -4055,7 +3985,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -4064,8 +3994,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -4090,9 +4019,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4121,7 +4049,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4153,9 +4081,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4184,7 +4111,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4215,11 +4142,10 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('5/10');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4255,7 +4181,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4288,9 +4214,8 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('5/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4326,7 +4251,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4360,9 +4285,8 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('3/10');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4398,7 +4322,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4432,8 +4356,7 @@ const tests = {
                 .verifyInnerText('0/8');
 
             cy.log('When the user selects \'Show correct answer\' checkbox without attempting the question, then correct answer container with only alternate correct answer options and no label should be displayed below the question field');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 3', 'Response 4']);
@@ -4447,7 +4370,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -4456,8 +4379,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -4482,9 +4404,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('4/8');
@@ -4513,7 +4434,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides response fields, correct answer label and its border should not be displayed, and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4545,9 +4466,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('8/8');
@@ -4576,7 +4496,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4607,11 +4527,10 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('4/8');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4647,7 +4566,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect answer label should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4682,9 +4601,8 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('2/8');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4720,7 +4638,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect label should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4753,8 +4671,7 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('4/8');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -4764,7 +4681,7 @@ const tests = {
                 fillInTheGapsCommonComponents.steps.verifyIncorrectOptionCrossmarkIcon(1);
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             switch (questionType) {
                 case 'fill in the gaps - text':
@@ -4791,7 +4708,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect label should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4822,8 +4739,7 @@ const tests = {
                 .verifyInnerText('0/8');
 
             cy.log('When the user selects the Show correct answer checkbox without attempting the question, correct answer container with only correct answer options and no label should be displayed below the question field');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             switch (questionType) {
                 case 'fill in the gaps - text':
                     fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 1', 'Response 2']);
@@ -4837,7 +4753,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
@@ -4846,8 +4762,7 @@ const tests = {
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -4872,9 +4787,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('8/8');
@@ -4903,7 +4817,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -4935,9 +4849,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('8/8');
@@ -4966,7 +4879,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5000,9 +4913,8 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('4/8');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5038,7 +4950,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5071,9 +4983,8 @@ const tests = {
             }
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('4/8');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5109,7 +5020,7 @@ const tests = {
             cy.log('When the user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides correct answer response field, red cross-mark icon should be displayed beside incorrect answer response field and correct/incorrect label and its border should not be displayed and correct answer container should not be displayed')
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5141,9 +5052,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5181,7 +5091,7 @@ const tests = {
             cy.log('When user clicks \'Check answer\' button, then the correct answer\'s response should have a green check-mark icon, alternate answer\'s response should have a red cross-mark icon, correct/incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5339,8 +5249,8 @@ const tests = {
                 .verifyInnerText('0/10');
 
             cy.log('When user selects the Show correct answer button then correct answer responses should be displayed in the correct answer container and not labels and check/cross marks are displayed');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click(); switch (questionType) {
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox(); 
+            switch (questionType) {
                     case 'fill in the gaps - text':
                         fillInTheGapsCommonComponents.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount('fill in the gaps - text', ['Response 1', 'Response 2']);
                         break;
@@ -5357,13 +5267,12 @@ const tests = {
                 .should('not.exist');
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
             cy.log('De-selecting show correct answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.previewTabCorrectAnswerContainer()
                     .should('not.exist');
@@ -5388,9 +5297,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('10/10');
@@ -5419,7 +5327,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response input fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5450,9 +5358,8 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('10/10');
@@ -5481,7 +5388,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response input fields, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5510,9 +5417,8 @@ const tests = {
                     default:
                         throw new Error('Invalid question type');
                 };
-                previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                    .click();
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .should('not.exist');
                 previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                     .verifyInnerText('0/10');
@@ -5547,7 +5453,7 @@ const tests = {
                 cy.log('When user clicks on \'Check answer\' button, then red cross-mark icon should be displayed besides the response input fields, incorrect answer label and its border should not be displayed and correct answer container should not be displayed');
                 autoScoredPreviewBase.checkAnswerButton()
                     .click();
-                autoScoredPreviewBase.correctIncorectAnswerLabel()
+                autoScoredPreviewBase.correctIncorrectAnswerLabel()
                     .should('not.exist');
                 if (questionType == 'fill in the gaps - drag and drop') {
                     fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
@@ -5580,8 +5486,7 @@ const tests = {
                 default:
                     throw new Error('Invalid question type');
             }
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -5595,7 +5500,7 @@ const tests = {
                     .should('not.exist');
                 autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible();
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .verifyInnerText('10/10');
@@ -5611,7 +5516,7 @@ const tests = {
             cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides the response field, correct answer label and its border should not be displayed and correct answer container should not be displayed');
             autoScoredPreviewBase.checkAnswerButton()
                 .click();
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
@@ -5674,9 +5579,8 @@ const tests = {
         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', () => {
             cy.log('Switching to Edit tab')
             createQuestionBasePage.steps.switchToEditTab();
-            fillInTheGapsTextPage.rounddownScoreCheckbox()
-                .click()
-                .should('not.be.checked');
+            fillInTheGapsTextPage.steps.expandRoundingDropdown();
+            fillInTheGapsTextPage.steps.selectOptionFromRoundingDropdownOption('none');
             cy.log('Switching to Preview tab')
             createQuestionBasePage.steps.switchToPreviewTab();
             switch (questionType) {
@@ -5720,15 +5624,14 @@ const tests = {
         previewScoringAndShowCorrectAnswerComponent.tests.verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab();
 
         it('When the user selects \'Show correct answer\' checkbox without attempting the question, then no correct/incorrect icons should be displayed besides the response fields, no label should be displayed below the box and correct answers should be displayed below the box', () => {
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             autoScoredPreviewBase.incorrectIcon()
                 .should('not.exist');
             autoScoredPreviewBase.correctIcon()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             switch (questionType) {
                 case 'fill in the gaps - text':
@@ -5744,9 +5647,7 @@ const tests = {
                     throw new Error('Invalid question type');
             }
             cy.log('Post step: De-selecting the Show correct answer checkbox');
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('not.be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         });
 
         it('When user selects Check answer button without attempting the question, then correct/incorrect icons besides the response fields, border around the question, label below the box and correct answer container should not be displayed', () => {
@@ -5763,7 +5664,7 @@ const tests = {
                 fillInTheGapsCommonComponents.previewTabCorrectAnswerContainer()
                     .should('not.exist');
             };
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .should('not.exist');
             autoScoredPreviewBase.correctIncorrectAnswerBorder()
                 .should('not.exist');
@@ -5788,8 +5689,7 @@ const tests = {
             };
 
             cy.log('When the user selects \'Show correct answer\' checkbox, red crossmark icon should be displayed besides the response fields, incorrect answer border, a label \'Incorrect Answer\' and the correct answer container should be displayed below the question field')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
@@ -5857,8 +5757,7 @@ const tests = {
             }
 
             cy.log('When user selects the show correct answer checkbox, green checkmark icon should be displayed besides correct response field, red crossmark icon should be displayed besides the incorrect response field and incorrect answer border, a label \'Incorrect Answer\' and correct answer container with correct answer for the incorrectly entered response should be displayed')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);
@@ -5925,8 +5824,7 @@ const tests = {
             }
 
             cy.log('When the user selects the show correct answer checkbox, green checkmark icon should be displayed besides the response fields and a correct answer border with label \'Correct Answer\' should be displayed below the question field. The correct answer container should not be displayed')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click();
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();;
             if (questionType === 'fill in the gaps - drag and drop') {
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(0);
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionCheckmarkIcon(1);