itemengine-cypress-automation 1.0.192 → 1.0.193-packageUpdated-87a683f.0

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

@@ -122,7 +122,8 @@ describe('Create item page - Image highlight: All or nothing ', () => {
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
                 imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
-                utilities.verifyInnerText(imageHighlightPage.correctAnswersLabel(), 'Correct answers');
+                //Remove comment once https://redmine.zeuslearning.com/issues/571606 is resolved
+                //utilities.verifyInnerText(imageHighlightPage.correctAnswersLabel(), 'Correct answers');
                 imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 3'], [1, 2]);
             });
 

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

@@ -120,8 +120,7 @@ describe('Create item page - Image highlight - Preview contents in all views', (
             } else {
                 it('The highlight regions should be displayed with correct answers', () => {
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
-                    imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
-                    imageHighlightPage.steps.verifyCorrectHighlightRegion(2);
+                    imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
                 });
             }
 

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

@@ -95,7 +95,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                 });
 
                 it('The user should be able to select an option from the position dropdown. When the user has not set position in all dropdowns, an alert message "All options need to have a value assigned to them from the dropdown." should be displayed', () => {
-                    listOrderingPage.steps.selectListOptionPositionDropdown('2');
+                    listOrderingPage.steps.selectOptionPositionPreviewTab(0, 2);
                     utilities.verifyElementVisibilityState(listOrderingPage.dropdownList(), 'notExist');
                     listOrderingPage.steps.verifyAssignValueToAllDropdownAlertMessage();
                 });

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/previewTabContentsForAllViews.smoke.js

@@ -1,4 +1,4 @@
-import { itemPreviewPage, numberLinePage } from "../../../../pages";
+import { itemPreviewPage,  numberLinePage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
 const selectedToolOption = ['Point', 'Segment', 'Segment left/down hollow pt', 'Segment right/up hollow pt', 'Segment both hollow pts'];

package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js

@@ -126,8 +126,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 };
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
-                //Remove comment once https://redmine.zeuslearning.com/issues/568598 is resolved
-                // utilities.verifyInnerText(textSelectionPage.correctAnswersLabel(), 'Correct answers');
+                utilities.verifyInnerText(textSelectionPage.correctAnswersLabel(), 'Correct answers');
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[1]);
             });

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

@@ -54,17 +54,18 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementVisibilityState(uploadResponsePage.questionInstructionsText(), 'visible');
             });
 
-            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', () => {
+            it('Upload response area should have a Cloud icon and text \'Drag & Drop files here or browse files on your device, Google Drive 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');
+                utilities.verifyTextContent(uploadResponsePage.fileUploadOptionsLabel(), 'or browse files on your device, Google Drive or capture an image');
             });
-
-            it('Computer icon should be displayed before link texts \'device\'', () => {
+    
+            it('Computer and Google Drive icons should be displayed before link texts \'device\' and \'Google Drive\' respectively', () => {
                 uploadResponsePage.deviceLink()
                     .verifyPseudoClassBeforeProperty('content', '""');
+                utilities.verifyElementVisibilityState(uploadResponsePage.googleDriveLink().find('svg'), 'visible');
             });
-
+    
             it('\'Supported file formats\' label should be displayed along with an info icon, hovering over the Supported file formats info icon a tooltip should be displayed with list of all the selected supported file types', () => {
                 utilities.verifyInnerText(uploadResponsePage.supportedFileFormatLabel(), 'Supported file formats');
                 utilities.verifyElementVisibilityState(uploadResponsePage.supportedFileInfoIcon(), 'visible');
@@ -137,7 +138,7 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.triggerMouseover(utilities.getNthElement(uploadResponsePage.supportedFileInfoIcon(), 0));
                 utilities.verifyCSS(uploadResponsePage.supportedFilesTooltip(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.small,
+                   'font-size': css.fontSize.small,
                     'font-weight': css.fontWeight.light,
                     'background-color': css.color.tooltipBg
                 });

package/cypress/e2e/ILC/VideoResponseNew/{customizePlaybackControlsStandardRecorderStyle.js → customizePlaybackControls.js}

@@ -3,7 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from '../../../support/helpers/utilities';
 const css = Cypress.env('css');
 
-describe('Create Item page - Video response: Customize playback controls', () => {
+describe('Create Item page - video response: Customize playback controls', () => {
     before(() => {
         cy.loginAs('admin');
     });
@@ -109,23 +109,20 @@ describe('Create Item page - Video response: Customize playback controls', () =>
             utilities.verifyElementDisabled(videoResponsePage.fullScreenButtonControlsForPlayback());
             videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Forward/Backward');
             utilities.verifyElementDisabled(videoResponsePage.forwardBackwardButtonControlsForPlayback());
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Timer');
+            videoResponsePage.steps.verifyVideoSettingsToggleButtonDeselectedState('Timer');
             utilities.verifyElementNotDisabled(videoResponsePage.timerButtonVideoSettings());
             videoResponsePage.steps.verifyVideoSettingsToggleButtonDeselectedState('Progress indicator');
             utilities.verifyElementDisabled(videoResponsePage.progressIndicatorButtonVideoSettings());
         });
 
-        it('When the user selects the \'Play\' button, "Pause", "Volume", "Playback speed", "Full screen", "Forward/Backward" should get enabled but continue to stay in deselected state. "Progress indicator" should also get enabled from the \'Video settings\' section. "Seek" button should continue to stay in disabled state while "Progress indicator" is in deselected state.', () => {
+        //Note: Need to update below case after https://redmine.zeuslearning.com/issues/570839 gets resolved
+        it('When the user selects the \'Play\' button, "Pause", "Volume", "Playback speed" and "Full screen" should get enabled. "Progress indicator" and "Timer" buttons should also get enabled from the \'Video settings\' section. "Seek" button should continue to stay in disabled state while "Progress indicator" is in deselected state.', () => {
             videoResponsePage.steps.selectControlsForPlaybackToggleButton('Play');
             utilities.verifyElementNotDisabled(videoResponsePage.pauseButtonControlsForPlayback());
-            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Pause');
             utilities.verifyElementDisabled(videoResponsePage.seekButtonControlsForPlayback());
             utilities.verifyElementNotDisabled(videoResponsePage.volumeButtonControlsForPlayback());
-            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Volume');
             utilities.verifyElementNotDisabled(videoResponsePage.playbackSpeedButtonControlsForPlayback());
-            videoResponsePage.steps.verifyControlsForPlaybackToggleButtonDeselectedState('Playback speed');
             utilities.verifyElementNotDisabled(videoResponsePage.fullScreenButtonControlsForPlayback());
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Timer');
             utilities.verifyElementNotDisabled(videoResponsePage.timerButtonVideoSettings());
             utilities.verifyElementNotDisabled(videoResponsePage.progressIndicatorButtonVideoSettings());
         });

package/cypress/e2e/ILC/VideoResponseNew/editTabBasicSection.js

@@ -12,7 +12,6 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         abortEarlySetup();
         before(() => {
             videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
         });
 
         videoResponsePage.tests.verifyQuestionInstructionsInputFieldEditTab();
@@ -22,107 +21,16 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         abortEarlySetup();
         before(() => {
             videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
         });
 
         videoResponsePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
     });
 
-    describe('Video recorder style toggle buttons', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Video recorder style\' label should be displayed along with three toggle buttons, "Standard" and "Compact". "Standard" button should be selected by default', () => {
-            utilities.verifyInnerText(videoResponsePage.videoRecorderStyleLabel(), 'Video recorder style');
-            utilities.verifyInnerText(videoResponsePage.standardRecorderStyleButton(), 'Standard');
-            utilities.verifyInnerText(videoResponsePage.compactRecorderStyleButton(), 'Compact');
-            videoResponsePage.steps.verifyStandardRecorderStyleToggleButtonSelectedState();
-        });
-
-        it('CSS of video Recorder Style section', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.videoRecorderStyleLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(videoResponsePage.standardRecorderStyleButton(), {
-                'color': css.color.defaultBackground,
-                'background-color': css.color.activeButtons,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('When "Standard" option is selected in the video recorder style toggle buttons section, then "Video recorder default width (px)" label and input field should not be displayed', () => {
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Timer');
-            videoResponsePage.steps.verifyVideoSettingsToggleButtonSelectedState('Progress indicator');
-            utilities.verifyElementVisibilityState(videoResponsePage.videoRecorderDefaultWidthLabel(), 'notExist');
-            utilities.verifyElementVisibilityState(videoResponsePage.videoRecorderDefaultWidthInputField(), 'notExist');
-        });
-
-        it('When the user selects "Compact" option in the video recorder style toggle buttons section, then "Video recorder default width (px)" label and input field should be displayed. By default, the input field value should be "324px"', () => {
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-            utilities.verifyInnerText(videoResponsePage.videoRecorderDefaultWidthLabel(), "Video recorder default width (px)");
-            videoResponsePage.steps.verifyVideoRecorderDefaultWidthInputFieldValue(324);
-        });
-
-        it('When the user clears the "Video recorder default width (px)" value, then no error message should disappear', () => {
-            videoResponsePage.steps.clearVideoRecorderDefaultWidthInputField();
-            videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When user adds decimal values or alphanumeric values then only numeric values should be displayed in the maximum recording length input field', () => {
-            videoResponsePage.steps.setVideoRecorderDefaultWidth('.500.0');
-            videoResponsePage.steps.verifyVideoRecorderDefaultWidthInputFieldValue(500);
-            videoResponsePage.steps.setVideoRecorderDefaultWidth('!@#abcde584');
-            videoResponsePage.steps.verifyVideoRecorderDefaultWidthInputFieldValue(584);
-        });
-
-        it('When user tries to add a value greater than 600 it should be automatically set back to 600 and should not allow to add greater than set value', () => {
-            videoResponsePage.steps.setVideoRecorderDefaultWidth(9999);
-            videoResponsePage.steps.verifyVideoRecorderDefaultWidthInputFieldValue(600);
-        });
-
-        it('When user tries to add a value less than 324 it should be automatically set back to 324 and should not allow to add lower than set value', () => {
-            videoResponsePage.steps.setVideoRecorderDefaultWidth(300);
-            videoResponsePage.steps.verifyVideoRecorderDefaultWidthInputFieldValue(324);
-        });
-    });
-
-    describe('Video recorder default width (px): Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.selectVideoRecorderStyle('Compact');
-        });
-
-        it('The default dimensions of the video recorder flyout should be 324x256px', () => {
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.verifyVideoRecorderFlyoutDimensions(324, 256);
-        });
-
-        it('When the user updates the "Video recorder default width (px)" input field value, then the dimensions of the video recorder flyout should get updated accordingly', () => {
-            videoResponsePage.steps.switchToEditTab();
-            videoResponsePage.steps.setVideoRecorderDefaultWidth(540);
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.startRecordingCompactPreview();
-            videoResponsePage.steps.waitForRecordingToStartCompactPreview();
-            videoResponsePage.steps.verifyVideoRecorderFlyoutDimensions(540, 375);
-        });
-    });
-
     //Failing due to https://redmine.zeuslearning.com/issues/570772, https://redmine.zeuslearning.com/issues/570761
     describe('Maximum recording duration: Edit tab', () => {
         abortEarlySetup();
         before(() => {
             videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
         });
 
         it('\'Maximum recording duration\' label, input field, "Secs" and "Mins" toggle buttons should be displayed. By default "Secs" toggle button should be in selected state. "300" should be displayed in \'Maximum recording duration\' field', () => {
@@ -241,7 +149,6 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         abortEarlySetup();
         before(() => {
             videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
             videoResponsePage.steps.switchToPreviewTab();
         });
 

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

@@ -115,7 +115,7 @@ describe('Create item page - Video response: Grading view, Correct answer view c
                     videoResponsePage.steps.waitForPlaybackToBegin();
                     videoResponsePage.steps.addWaitToPlayVideo(4000);
                     videoResponsePage.steps.pausePlayback();
-                    videoResponsePage.steps.verifyPlaybackElapsedTime((1 + (4 * playbackSpeedMultiplier[index])), 'Standard');
+                    videoResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedMultiplier[index]));
                     videoResponsePage.steps.startPlayback();
                     videoResponsePage.steps.verifyVideoPlaybackTimer('0:12', '0:12');
                 });

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

@@ -51,11 +51,11 @@ describe('Create item page - Video response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('A start recording interface with a \'Rec\' button and text \'Click the button to start recording...\' should be displayed in the preview tab', () => {
+            it('A start recording interface with a \'Rec\' button and text \'Click/tap anywhere here to start recording\' should be displayed in the preview tab', () => {
                 utilities.verifyElementVisibilityState(videoResponsePage.clickTapAnywhereArea(), 'visible');
                 utilities.verifyInnerText(videoResponsePage.recordButton(), 'REC');
                 utilities.verifyElementVisibilityState(videoResponsePage.recordButton(), 'visible');
-                utilities.verifyInnerText(videoResponsePage.startRecordingText(), 'Click the button to start recording...');
+                utilities.verifyInnerText(videoResponsePage.startRecordingText(), 'Click/tap anywhere here to start recording');
                 utilities.verifyElementVisibilityState(videoResponsePage.startRecordingText(), 'visible');
             });
 

package/cypress/e2e/ILC/VideoResponseNew/standardRecorderStyle.js

@@ -217,7 +217,6 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
             videoResponsePage.steps.switchToPreviewTab();
             videoResponsePage.steps.recordAndSaveVideo(10000);
         });
-
         it('When the user hovers over the \'Play\' button, a tooltip \'Play\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             videoResponsePage.playbackPlayButton()
                 .verifyTooltip('Play');
@@ -482,7 +481,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
                 videoResponsePage.steps.waitForPlaybackToBegin();
                 videoResponsePage.steps.addWaitToPlayVideo(4000);
                 videoResponsePage.steps.pausePlayback();
-                videoResponsePage.steps.verifyPlaybackElapsedTime((1 + (4 * playbackSpeedMultiplier[index])), 'Standard');
+                videoResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedMultiplier[index]));
             });
         }
     });
@@ -505,10 +504,49 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
             videoResponsePage.steps.retakeRecording();
             utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBoxTitle(), 'visible');
-            videoResponsePage.steps.verifyRetakePopupContents();
+            utilities.verifyInnerText(videoResponsePage.retakePopupContent(), 'Are you sure you want to overwrite the existing video recording?');
+            utilities.verifyInnerText(videoResponsePage.confirmRetakeButton(), 'Confirm');
+            utilities.verifyElementVisibilityState(videoResponsePage.confirmRetakeButton(), 'visible');
+            utilities.verifyInnerText(videoResponsePage.cancelRetakeButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(videoResponsePage.cancelRetakeButton(), 'visible');
+        });
+
+        it('CSS of \'Retake recording\' popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(dialogBoxBase.dialogBox(), {
+                'border': `1px solid ${css.color.defaultDropdownBorder}`,
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
+                'color': css.color.questionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(videoResponsePage.retakePopupContent(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            })
+            utilities.verifyCSS(videoResponsePage.confirmRetakeButton(), {
+                'background-color': css.color.deleteBtn
+            });
+            utilities.verifyCSS(videoResponsePage.confirmRetakeButton().find('span'), {
+                'color': css.color.whiteText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(videoResponsePage.cancelRetakeButton(), {
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(videoResponsePage.cancelRetakeButton().find('span'), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
         });
 
-        videoResponsePage.tests.verifyRetakePopupCSSAndA11y();
+        it('Accessibility of \'Retake recording\' popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+        });
 
         it('When the user clicks on \'Cancel\' button, \'Retake recording\' popup should close and previous state of playback player should persist', () => {
             videoResponsePage.steps.cancelRetake();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.192",
+  "version": "1.0.193-packageUpdated-87a683f.0",
   "description": "",
   "main": "index.js",
   "scripts": {