itemengine-cypress-automation 1.0.295-applitools-219e3f5.0 → 1.0.295

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -21,7 +21,7 @@ describe('Tool settings content for all views', () => {
             before(() => {
                 switch (view) {
                     case 'Question preview':
-                        cy.log('Navigating to multiple selection response question type');
+                        cy.log('Navigating to short text response question type');
                         multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
                         cy.barsPreLoaderWait();
                         multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Text');
@@ -74,7 +74,7 @@ describe('Tool settings content for all views', () => {
                 rulerPage.steps.verifyRulerNotVisible();
             });
 
-            it(`When user clicks on 'Show ruler' button in ${view}, then ruler should be displayed and its button should change to 'Hide ruler'`, () => {
+            it('When user clicks on \'Show ruler\' button, then ruler should be displayed and its button should change to \'Hide ruler\'', () => {
                 rulerPage.steps.clickOnRulerVisibilityButton();
                 rulerPage.steps.verifyRulerVisible();
                 rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Hide');
@@ -177,7 +177,7 @@ describe('Tool settings content for all views', () => {
                 protractorPage.steps.verifyPreviewTabProtractorVisibilityButtonLabel('Hide');
             });
 
-            it(`When user has clicked visibility buttons for both the ruler and protractor tools in ${view}, both tools should be displayed simultaneously in the preview tab`, () => {
+            it('When user has clicked visibility buttons for both the ruler and protractor tools, both tools should be displayed simultaneously in the preview tab', () => {
                 rulerPage.steps.verifyRulerVisible();
                 protractorPage.steps.verifyProtractorVisibleInPreviewTab();
             });

package/cypress/e2e/ILC/UploadResponse/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -12,14 +12,6 @@ describe('Create item page - Upload response: Grading view, Correct answer view
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -58,7 +50,6 @@ describe('Create item page - Upload response: Grading view, Correct answer view
 
             it('Empty score input field and total score should be displayed', () => {
                 gradingViewPage.steps.verifyGradingViewScore('', 10);
-                cy.eyesCheckWindow('Grading view - Uploaded file and score');
             });
 
             it('Accessibility of uploaded file', { tags: 'a11y' }, () => {
@@ -67,7 +58,7 @@ describe('Create item page - Upload response: Grading view, Correct answer view
 
             //Adding skip as this does not work on spinnaker
             it.skip('On clicking on the file name, user should be able to download the file', () => {
-                cy.verifyUploadFilePreviewDownload('highlightImage.jpg');
+               cy.verifyUploadFilePreviewDownload('highlightImage.jpg');
             });
         });
     }
@@ -99,7 +90,6 @@ describe('Create item page - Upload response: Grading view, Correct answer view
             it('\'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
                 utilities.verifyTextContent(correctAnswerViewPage.manualScoredQuestionHelpText(), 'This is a manual scored question.');
                 utilities.verifyElementVisibilityState(correctAnswerViewPage.manualScoredQuestionHelpText(), 'visible');
-                cy.eyesCheckWindow('Grading view - question instructions and help text');
             });
 
             it('The points alloted to the question should be displayed', () => {

package/cypress/e2e/ILC/UploadResponse/previewContentsForAllViews.smoke.js

@@ -14,14 +14,6 @@ describe('Create item page - Upload response : Preview contents', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -62,7 +54,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it(`${view} - Upload response area should have a Cloud icon and text 'Drag & Drop files here 'or browse files on your device,  or capture an image' should be displayed`, () => {
+            it('Upload response area should have a Cloud icon and text \'Drag & Drop files here \'or browse files on your device,  or capture an image\' should be displayed', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
                 utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
                 utilities.verifyTextContent(uploadResponsePage.fileUploadOptionsLabel(), 'or browse files on your device or capture an image');
@@ -90,7 +82,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 3);
             });
 
-            it(`${view} - When user uploads file, then uploaded file name should be displayed and file count should get updated`, () => {
+            it('When user uploads file, then uploaded file name should be displayed and file count should get updated', () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.uploadedFileContentsPreviewTab(0, 'highlightImage.jpg');
                 uploadResponsePage.steps.verifyUploadedFileLimitCount(1, 3);
@@ -111,14 +103,13 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 2);
             });
 
-            it(`${view} - When user edits the name of uploaded file, then edited name should be visible`, () => {
+            it('When user edits the name of uploaded file, then edited name should be visible', () => {
                 uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
                 utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'exist');
                 uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField('image.csv');
                 uploadResponsePage.steps.verifyTextInEditDisplayTextPopupInputField('image.csv');
                 uploadResponsePage.steps.clickAcceptButtonInPopup();
                 uploadResponsePage.steps.verifyUploadedFileName(0, 'image.csv');
-                cy.eyesCheckWindow(`${view} - Uploaded file name edited`);
             });
 
             it('CSS of Preview tab', { tags: 'css' }, () => {
@@ -171,7 +162,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 uploadResponsePage.steps.verifyWarningMessage('The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, Open Office, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
             });
 
-            it(`${view} - When user tries to upload files more than the limit, then warning message 'You have reached the maximum number of files that can be uploaded.' should be displayed`, () => {
+            it('When user tries to upload files more than the limit, then warning message \'You have reached the maximum number of files that can be uploaded.\' should be displayed', () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.uploadFile('uploads/image.png');
                 uploadResponsePage.steps.verifyWarningMessage('You have reached the maximum number of files that can be uploaded.');

package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js

@@ -1,4 +1,4 @@
-import { uploadResponsePage, itemPreviewPage } from "../../../pages";
+import { uploadResponsePage, itemPreviewPage} from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -13,14 +13,6 @@ describe('Create item page - Upload response : Preview contents', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -64,12 +56,12 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it(`${view} - When user uploads file, then uploaded file name should be displayed, file count should get updated and thumb nail of the image should be visible`, () => {
+            it('When user uploads file, then uploaded file name should be displayed, file count should get updated and thumb nail of the image should be visible', () => {
                 uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
                 uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
             });
 
-            it(`${view} - CSS of Thumb nail and File name in preview tab`, { tags: 'css' }, () => {
+            it('CSS of Thumb nail and File name in preview tab', { tags: 'css' }, () => {
                 utilities.verifyCSS(uploadResponsePage.imageThumbNail(), {
                     'box-sizing': 'border-box',
                     'min-height': 'auto',
@@ -87,11 +79,9 @@ describe('Create item page - Upload response : Preview contents', () => {
                 cy.checkAccessibility(uploadResponsePage.questionWrapperPreviewTab());
             });
 
-            it(`${view} - When user clicks on the thumbnail then popup should open, and on clicking the close button the popup should close and the uploaded files should be displayed`, () => {
-                utilities.verifyElementCount(uploadResponsePage.imageThumbNail(), 2);
+            it('When user clicks on the thumbnail then popup should open, and on clicking the close button the popup should close and the uploaded files should be displayed', () => {
                 uploadResponsePage.steps.clickOnImageThumbNail();
                 uploadResponsePage.steps.verifyImagePopUpDetail();
-                cy.eyesCheckWindow(`${view} - Thumbnail popup`);
                 uploadResponsePage.steps.closeImagePopup();
                 uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
@@ -105,7 +95,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
             });
 
-            it(`${view} - When user uploads different file types then only image files should be displayed with thumbnail`, () => {
+            it('When user uploads different file types then only image files should be displayed with thumbnail', () => {
                 for (let number = 0; number < 13; number++) {
                     uploadResponsePage.steps.deleteFile();
                     uploadResponsePage.steps.clickAcceptButtonInPopup();
@@ -114,7 +104,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 }
             });
 
-            it(`${view} - When user uploads a file in .heif or .heic format then and info icon with tool tip should be present and image thumb nail should not be present`, () => {
+            it('When user uploads a file in .heif or .heic format then and info icon with tool tip should be present and image thumb nail should not be present', () => {
                 for (let number = 13; number < 15; number++) {
                     uploadResponsePage.steps.deleteFile();
                     uploadResponsePage.steps.clickAcceptButtonInPopup();

package/cypress/e2e/ILC/VideoResponseNew/compactRecorderStyle.smoke.js

@@ -19,7 +19,7 @@ describe('Preview of Video response for compact recorder style', () => {
             videoResponsePage.steps.switchToPreviewTab();
         });
 
-        it(`Video response : If user selects \'Compact\' option from \'video recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab`, () => {
+        it('If user selects \'Compact\' option from \'video recorder style\' toggle buttons, then \'Record\' button and \'Click the button to start recording...\' help text should be displayed in the preview tab', () => {
             utilities.verifyElementVisibilityState(videoResponsePage.recordButtonCompactPreview(), 'visible');
             utilities.verifyInnerText(videoResponsePage.recordButtonCompactPreview(), 'Record');
             utilities.verifyInnerText(videoResponsePage.recordingHelpTextCompactPreview(), 'Click the button to start recording...');
@@ -139,7 +139,7 @@ describe('Preview of Video response for compact recorder style', () => {
             cy.checkAccessibility(videoResponsePage.previewTabQuestionWrapper());
         });
 
-        it(`Video response: When the recorder is in paused state and the user clicks on the \'Resume recording\' button the recording should get resumed from where it was paused. Resume recording button should update to Pause button and the help text should update to "Recording...". Resume icon button should get replaced with Pause icon button in the flyout, user should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.`, () => {
+        it('When the recorder is in paused state and the user clicks on the \'Resume recording\' button the recording should get resumed from where it was paused. Resume recording button should update to Pause button and the help text should update to "Recording...". Resume icon button should get replaced with Pause icon button in the flyout, user should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs / min:sec)\'. Stop button should be displayed in preview tab.', () => {
             videoResponsePage.steps.resumeRecordingCompactPreview();
             utilities.verifyElementVisibilityState(videoResponsePage.resumeRecordingButtonCompactPreview(), 'notExist');
             utilities.verifyElementVisibilityState(videoResponsePage.pauseRecordingButtonCompactPreview(), 'visible');
@@ -196,7 +196,7 @@ describe('Preview of Video response for compact recorder style', () => {
             utilities.verifyElementVisibilityState(videoResponsePage.playPlaybackButtonCompactPreview(), 'visible');
         });
 
-        it(`Video response : When recording is inprogress, recording should stop at maximum recording duration and \'Stop\' button should get replaced with Retake button. Playback button should be displayed in enabled state.`, () => {
+        it('When recording is inprogress, recording should stop at maximum recording duration and \'Stop\' button should get replaced with Retake button. Playback button should be displayed in enabled state.', () => {
             cy.log('Pre-step: Switch to edit tab and set maximum recording duration to 10 secs')
             videoResponsePage.steps.switchToEditTab();
             videoResponsePage.steps.setMaximumRecordingDuration(40);

package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -14,14 +14,6 @@ describe('Create item page - Video response: Grading view, Correct answer view c
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (views.includes('Grading view')) {
         describe('Grading view contents', { tags: 'smoke' }, () => {
             let actualVideoSeekedInPercent = 50
@@ -51,10 +43,9 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 utilities.verifyElementVisibilityState(videoResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('Video response : The response submitted by the student should be visible in the playback player of the grading view.', () => {
+            it('The response submitted by the student should be visible in the playback player of the grading view.', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.standardPreviewPlaybackWrapper(), 'visible');
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:00', '0:12');
-                cy.eyesCheckWindow(`Video response - Grading view contents`);
             });
 
             it('When the user clicks on \'Play\' button, then the video should start playing. Timer should display the amount of video that has been played and the total video length in (mm:ss)/(mm:ss) format.', () => {
@@ -63,7 +54,7 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:03', '0:12');
             });
 
-            it('Video response : When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
+            it('When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:05', '0:12');
                 videoResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
                 videoResponsePage.steps.verifyVideoPlaybackTimer('0:05', '0:12');
@@ -131,7 +122,7 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                 });
             }
 
-            it('Video response : A download button should be displayed in the playback player', () => {
+            it('A download button should be displayed in the playback player', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.downloadVideoButton(), 'visible');
             });
 
@@ -180,9 +171,8 @@ describe('Create item page - Video response: Grading view, Correct answer view c
 
             correctAnswerViewPage.tests.verifyManualScoredQuestionHelpTextCorrectAnswerPage();
 
-            it('Video response: The points alloted to the question should be displayed', () => {
+            it('The points alloted to the question should be displayed', () => {
                 correctAnswerViewPage.steps.verifyAvailablePoints(10);
-                cy.eyesCheckWindow('Video response: Correct answer view contents');
             });
         });
     }

package/cypress/e2e/ILC/VideoResponseNew/previewContentsForAllViews.smoke.js

@@ -13,14 +13,6 @@ describe('Create item page - Video response: Preview contents', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -67,7 +59,7 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.startRecordingText(), 'visible');
             });
 
-            it(`${view} view - Video response: When the user has not started recording, a status message: \'Allow camera and microphone access.\' along with a microphone icon should be displayed on the recording interface`, () => {
+            it('When the user has not started recording, a status message: \'Allow camera and microphone access.\' along with a microphone icon should be displayed on the recording interface', () => {
                 videoResponsePage.steps.verifyRecordingStatus('Allow camera and microphone access.');
             });
 
@@ -154,14 +146,13 @@ describe('Create item page - Video response: Preview contents', () => {
                     utilities.verifyElementVisibilityState(videoResponsePage.stopButton(), 'visible');
                 });
 
-                it(`${view} view - Video response: When a recording is in progress and the user first pauses the recording and then stops recording, then the recording should stop, recorded video response should be saved. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs)\'.`, () => {
+                it('When a recording is in progress and the user first pauses the recording and then stops recording, then the recording should stop, recorded video response should be saved. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs)\'.', () => {
                     videoResponsePage.steps.resetQuestionPreview();
                     videoResponsePage.steps.startRecording();
                     videoResponsePage.steps.waitForRecordingToStart();
                     videoResponsePage.steps.addWaitToRecord(9000);
                     videoResponsePage.steps.pauseRecording();
                     videoResponsePage.steps.stopAndVerifySavingAndRecordingLength();
-                    cy.eyesCheckWindow(`${view} view - Video response: Duration of their recorded video in minutes`);
                 });
             } else {
                 it('When a recording is in progress and the user clicks on the \'Pause recording\' button, recording should pause and the status message should update to \'Recording paused\'. User should be able to view the duration of their recorded video in minutes, displayed as \'(min:secs/min:sec)\'. \'Pause recording\' button should get replaced with \'Resume recording\' button. \'Stop recording\' button should be displayed beside resume recording button', () => {
@@ -191,7 +182,7 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyInnerText(videoResponsePage.savedResponseText(), 'Your response has been recorded.');
             });
 
-            it(`${view} view - Video response: When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button`, () => {
+            it('When the video player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
                 videoResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(videoResponsePage.playbackPauseButton(), 'notExist');

package/cypress/e2e/ILC/chartsDotsPlot/allOrNothingForAllViews.smoke.js

@@ -44,7 +44,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
     };
 
     views.forEach((view) => {
-        describe(`Charts - Dot: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
+        describe(` Charts - Dot: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
@@ -116,7 +116,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
             };
 
             //Note: Remove comment after https://redmine.zeuslearning.com/issues/570904 is resolved
-            it.skip(`${view} - Charts Dot - When the user selects \'Grading\' view without attempting the question, then by default correct dot column should have correct icons, incorrect dot column should have incorrect icons, the correct answer should be displayed in the correct answer section number line axis and correct/incorrect status message should not be displayed`, () => {
+            it.skip('When the user selects \'Grading\' view without attempting the question, then by default correct dot column should have correct icons, incorrect dot column should have incorrect icons, the correct answer should be displayed in the correct answer section number line axis and correct/incorrect status message should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -141,7 +141,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
+            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 4, min: 1, interval: 1 });
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 6, min: 1, interval: 1, defaultDots: 0 });
                 if (view === 'Grading view') {
@@ -170,7 +170,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question by adding more dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
+            it('When the user attempts the question by adding more dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -201,7 +201,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question by setting fewer dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
+            it('When the user attempts the question by setting fewer dots than required in the dot columns having dots by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -233,7 +233,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question by removing all the dots to dot column that is not supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
+            it('When the user attempts the question by removing all the dots to dot column that is not supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -265,7 +265,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question by adding dots to the dot columns that is supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis`, () => {
+            it('When the user attempts the question by adding dots to the dot columns that is supposed to be empty, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -297,7 +297,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default and setting a dot column correctly, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the incorrectly attempted dot column should be displayed incorrect, correctly attempted dot column should be displayed correct, and the correct answer should be displayed in the correct answer section number line axis`, () => {
+            it('When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default and setting a dot column correctly, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the incorrectly attempted dot column should be displayed incorrect, correctly attempted dot column should be displayed correct, and the correct answer should be displayed in the correct answer section number line axis', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -330,7 +330,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
-            it(`${view} - Charts Dot - When the user attempts the question correctly, the user should be awarded with full points and on switching to grading view, \'Your answer is correct\' should be displayed and correct answer section should not be displayed`, () => {
+            it('When the user attempts the question correctly, the user should be awarded with full points and on switching to grading view, \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };

package/cypress/e2e/ILC/chartsDotsPlot/gradingViewAndCorrectAnswerView.smoke.js

@@ -88,7 +88,7 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                 chartsDotPlotPage.steps.verifyDotCountCorrectAnswerSection(2, { point: 1, min: 1, interval: 0.25 });
             });
 
-            it('Charts Dot - Correct answer section along with dot plot attempted by the user should be displayed', () => {
+            it('Correct answer section along with dot plot attempted by the user should be displayed', () => {
                 chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotPreviewTab({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 0.25 });
@@ -181,7 +181,7 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                 chartsDotPlotPage.steps.verifyCorrectDotPreviewTab({ point: 3, min: 1, interval: 0.25 });
             });
 
-            it('Charts Dot - The points alloted to the question should be displayed', () => {
+            it('The points alloted to the question should be displayed', () => {
                 correctAnswerViewPage.steps.verifyAvailablePoints(10);
             });
 

package/cypress/e2e/ILC/chartsDotsPlot/previewContentsForAllViews.smoke.js

@@ -13,14 +13,6 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -79,13 +71,13 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.previewTabXAxisLabelButton(), 'visible');
             });
 
-            it(`${view} - Charts Dot - The number line axis should be displayed with labels from 1 to 6 with 20 divisions`, () => {
+            it('The number line axis should be displayed with labels from 1 to 6 with 20 divisions', () => {
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.numberLineAxisPreviewTab(), 'exist');
                 chartsDotPlotPage.steps.verifyDivisionsOnNumberLineAxisPreviewTab({ min: 1, max: 6, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyLabelsOnNumberLineAxisPreviewTab(1, 6, 4);
             });
 
-            it(`${view} - Charts Dot - User should be able to edit the X axis labels in preview tab`, () => {
+            it('User should be able to edit the X axis labels in preview tab', () => {
                 chartsDotPlotPage.steps.editXAxisLabelInPreviewTab('Numbers of days');
                 utilities.verifyInnerText(chartsDotPlotPage.previewTabXAxisLabelButton(), 'Numbers of days');
             });
@@ -172,7 +164,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
             });
 
-            it(`${view} - Charts Dot - When user removes dots from dot column having 10 dots then \'Add dot\' button should be in enabled state`, () => {
+            it('When user removes dots from dot column having 10 dots then \'Add dot\' button should be in enabled state', () => {
                 //using minus button
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(9, { point: 5, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.selectDotColumnInPreviewTab({ point: 5, min: 1, interval: 0.25 });
@@ -182,7 +174,6 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 chartsDotPlotPage.steps.decreaseDotInDotColumnUsingKeyboardPreviewTab(1, { point: 4, min: 1, interval: 0.25 });
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.addButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
-                cy.eyesCheckWindow(`${view} - Charts Dot - Charts Dot: After Adding/Removing dots`);
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {
@@ -379,7 +370,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
             });
 
-            it(`${view} - Charts Dot - When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state and control options should be in disabled state`, () => {
+            it('When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state and control options should be in disabled state', () => {
                 chartsDotPlotPage.steps.selectControlOptionPreviewTab(controlOptions[2]);
                 chartsDotPlotPage.steps.confirmReset();
                 chartsDotPlotPage.steps.verifyDotColumnIsLockedInPreviewTab({ point: 1, min: 1, interval: 0.25 });

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -153,6 +153,7 @@ const steps = {
 }
 
 const tests = {
+    //Note: need to fix this function once save as you go is available for all question types
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -363,7 +363,6 @@ const tests = {
                 equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             }
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
-            cy.eyesCheckWindow('Equation Editor flyout in preview tab');
         });
 
         it('\'Done\'button should be displayed at the bottom of the flyout', () => {
@@ -431,12 +430,11 @@ const tests = {
             cy.checkAccessibility(equationEditorFlyout.dialogBox());
         });
 
-        it(`${questionType} Cancel button should be displayed in the flyout and when user clicks the 'Cancel' button then the flyout should close`, () => {
+        it('Cancel button should be displayed in the flyout and when user clicks the \'Cancel\' button then the flyout should close', () => {
             utilities.verifyElementVisibilityState(equationEditorFlyout.buttonCancel(), 'visible');
             utilities.verifyInnerText(equationEditorFlyout.buttonCancel(), 'Cancel');
             equationEditorFlyout.steps.clickOnEquationEditorCancelButton();
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'notExist');
-            cy.eyesCheckWindow(`${questionType} Equation Editor flyout should not be displayed`);
         });
     },
 

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -211,7 +211,7 @@ const steps = {
         utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
                 gridQuestionCommonComponent.cellPropertyInputField()
-                    .focus();
+                    .click();
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .clear()
                     .type(text)
@@ -2071,6 +2071,44 @@ const steps = {
 }
 
 const tests = {
+    //Note: need to remove this as change the global function once save as you go is available for all question types
+    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
+            autoScoredScoringPreviewTab.studentViewRadioButton()
+                .should('be.checked');
+            autoScoredScoringPreviewTab.gradingViewRadioButton()
+                .should('not.be.checked');
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
+            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+        });
+
+        it('CSS of Preview mode contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    },
+
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it(`When the user selects any scoring type except for manual scored, then the question grid should be displayed in the specify correct answer section`, () => {
             gridQuestionCommonComponent.steps.verifyTableCellPropertySpecifyCorrectAnswerSection({ row: 0, column: 0 }, 'None');

package/cypress/pages/components/optionsWrapperComponent.js

@@ -237,9 +237,6 @@ const steps = {
     enterTextInOptionInputField: (index, textContent) => {
         optionsWrapperComponent.optionsSectionWrapper()
             .within(() => {
-                optionsWrapperComponent.optionsInputField()
-                    .eq(index)
-                    .clear()
                 optionsWrapperComponent.optionsInputField()
                     .eq(index)
                     .type(textContent)

package/cypress/pages/createItemPage.js

@@ -31,7 +31,7 @@ const selectors = {
     sectionsNumber1Label: () => cy.get('.tablist-numbered-label').eq(0),
     sectionsNumber2Label: () => cy.get('.tablist-numbered-label').eq(1),
     noPreviewText: () => cy.get('[class*="__NoPreview"]'),
-    editItemButton: () => cy.get('.icon-pencil'),
+    editItemButton: () => cy.get('.column-component-column .icon-pencil'),
     pointsValue: () => cy.get('[class*="PreviewTabstyles__PointsValue"]'),
     moreActionsButton: () => cy.get('[class*="MoreActionMenuButton"] [type="button"]'),
     deleteItemButton: () => cy.get('[aria-label="Delete Button"]')
@@ -587,7 +587,7 @@ const steps = {
      * @param {number} index of the question
      * @description this function is used to click on edit item button
      */
-    editItem: (index) => {
+    editItem: (index = 0) => {
         createItemPage.editItemButton()
             .eq(index)
             .click();