itemengine-cypress-automation 1.0.72 → 1.0.73

package/cypress/e2e/ILC/VideoResponse/{videoResponsePreviewTab.js → videoResponsePreviewTab.smoke.js}

@@ -2,75 +2,78 @@ import { videoResponsePage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
 
 describe('Create item page - Video response: Preview tab - default state, recording a video', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Video response: Default state of preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.switchToPreviewTab();
-        });
-
-        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/tap anywhere here to start recording');
-            utilities.verifyElementVisibilityState(videoResponsePage.startRecordingText(), 'visible');
-        });
-
-        it('When the user has not started recording, a status message: \'Allow access to your camera and microphone.\' should be displayed on the recording interface', () => {
-            videoResponsePage.steps.verifyRecordingStatus('Allow access to your camera and microphone.');
-        });
-
-        it('When the user has not started recording, maximum recording length should be displayed in minutes(mm:ss) format', () => {
-            utilities.verifyInnerText(videoResponsePage.recordingTimer(), '15:00');
-            utilities.verifyElementVisibilityState(videoResponsePage.recordingTimer(), 'visible');
-        });
-
-        it('CSS of recording interface', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.clickTapAnywhereArea(), {
-                'background-color': css.color.clickTapAnywhereAreaBg
-            });
-            //TODO: Add CSS of button wrappper here
-            utilities.verifyCSS(videoResponsePage.recordButton(), {
-                'color': css.color.defaultBackground,
-                'font-size': css.fontSize.extraLarge,
-                'font-weight': css.fontWeight.medium,
-                'border': `2px solid ${css.color.defaultBackground}`,
-                'background-color': css.color.recordingIcon
-            });
-            utilities.verifyCSS(videoResponsePage.startRecordingText(), {
-                'color': css.color.defaultBackground,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular,
-            });
-            utilities.verifyCSS(videoResponsePage.recordingStatusText(), {
-                'color': css.color.defaultBackground,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular,
-            });
-            utilities.verifyCSS(videoResponsePage.recordingTimer(), {
-                'color': css.color.defaultBackground,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular,
-            });
-            utilities.verifyCSS(videoResponsePage.recordingStatusIcon().find('g'), {
-                'fill': css.color.defaultBackground,
-            });
-        });
-
-        it('Accessibility of recording interface', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(videoResponsePage.clickTapAnywhereArea().parents('.edit-question-preview-wrapper'));
-        });
-    });
-
-    describe('Video response: Recording a video', () => {
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Video response: Default state of preview tab', () => {
+            abortEarlySetup();
+            before(() => {
+                videoResponsePage.steps.navigateToCreateQuestion('video response');
+                cy.barsPreLoaderWait();
+                videoResponsePage.steps.switchToPreviewTab();
+            });
+
+            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/tap anywhere here to start recording');
+                utilities.verifyElementVisibilityState(videoResponsePage.startRecordingText(), 'visible');
+            });
+
+            it('When the user has not started recording, a status message: \'Allow access to your camera and microphone.\' should be displayed on the recording interface', () => {
+                videoResponsePage.steps.verifyRecordingStatus('Allow access to your camera and microphone.');
+            });
+
+            it('When the user has not started recording, maximum recording length should be displayed in minutes(mm:ss) format', () => {
+                utilities.verifyInnerText(videoResponsePage.recordingTimer(), '15:00');
+                utilities.verifyElementVisibilityState(videoResponsePage.recordingTimer(), 'visible');
+            });
+
+            it('CSS of recording interface', { tags: 'css' }, () => {
+                utilities.verifyCSS(videoResponsePage.clickTapAnywhereArea(), {
+                    'background-color': css.color.clickTapAnywhereAreaBg
+                });
+                //TODO: Add CSS of button wrappper here
+                utilities.verifyCSS(videoResponsePage.recordButton(), {
+                    'color': css.color.defaultBackground,
+                    'font-size': css.fontSize.extraLarge,
+                    'font-weight': css.fontWeight.medium,
+                    'border': `2px solid ${css.color.defaultBackground}`,
+                    'background-color': css.color.recordingIcon
+                });
+                utilities.verifyCSS(videoResponsePage.startRecordingText(), {
+                    'color': css.color.defaultBackground,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.regular,
+                });
+                utilities.verifyCSS(videoResponsePage.recordingStatusText(), {
+                    'color': css.color.defaultBackground,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.regular,
+                });
+                utilities.verifyCSS(videoResponsePage.recordingTimer(), {
+                    'color': css.color.defaultBackground,
+                    'font-size': css.fontSize.small,
+                    'font-weight': css.fontWeight.regular,
+                });
+                utilities.verifyCSS(videoResponsePage.recordingStatusIcon().find('g'), {
+                    'fill': css.color.defaultBackground,
+                });
+            });
+
+            it('Accessibility of recording interface', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(videoResponsePage.clickTapAnywhereArea().parents('.edit-question-preview-wrapper'));
+            });
+        });
+    }
+
+    describe('Video response: Recording a video', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             videoResponsePage.steps.navigateToCreateQuestion('video response');
@@ -268,7 +271,7 @@ describe('Create item page - Video response: Preview tab - default state, record
         });
     });
 
-    describe('Video response playback: Play, pause and seek', () => {
+    describe('Video response playback: Play, pause and seek', { tags: 'smoke' }, () => {
         let actualVideoSeekedInPercent = 50
         abortEarlySetup();
         before(() => {
@@ -386,243 +389,249 @@ describe('Create item page - Video response: Preview tab - default state, record
         });
     });
 
-    describe('Video response playback: Volume control', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideo(5000);
-        });
-
-        it('When the user hovers over \'Volume control\' button, volume control settings should open and by default it should be set to full volume and on hovering away from the button, the volume sliders should disappear', () => {
-            videoResponsePage.steps.hoverOnVolumeControlButton();
-            utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'visible');
-            videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'notExist');
-        });
-
-        it('When volume is not set as 0 and user hovers on \'Volume control\' button, then \'Mute\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
-            videoResponsePage.steps.hoverOnVolumeControlButton();
-            utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
-            utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Mute');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
-        });
-
-        it('When the user hovers over \'Volume control slider\', then \'Volume control\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
-            videoResponsePage.steps.hoverOnVolumeControlButton();
-            videoResponsePage.steps.hoverOnVolumeControlSlider();
-            videoResponsePage.steps.hoverAwayFromVolumeControlButton();
-            utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
-            utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Volume control');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'notExist');
-            utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
-        });
-
-        it('When volume is not set as 0 and user clicks on volume control button, then the video should be muted and the volume control button should change to a muted state', () => {
-            videoResponsePage.steps.clickOnVolumeButton();
-            videoResponsePage.steps.hoverOnVolumeControlButton();
-            videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('0');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'notExist');
-            utilities.verifyElementVisibilityState(videoResponsePage.muteVolumeIcon(), 'visible');
-            videoResponsePage.steps.focusOutFromVolumeControlButton();
-        });
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Video response playback: Volume control', () => {
+            abortEarlySetup();
+            before(() => {
+                videoResponsePage.steps.navigateToCreateQuestion('video response');
+                cy.barsPreLoaderWait();
+                videoResponsePage.steps.switchToPreviewTab();
+                videoResponsePage.steps.recordAndSaveVideo(5000);
+            });
 
-        it('When the user hovers on muted \'Volume control\' button, \'Unmute\' text should be displayed in tooltip', () => {
-            videoResponsePage.steps.hoverOnVolumeControlButton();
-            utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
-            utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Unmute');
-            utilities.hoverAwayFromElement();
-            utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
-        });
+            it('When the user hovers over \'Volume control\' button, volume control settings should open and by default it should be set to full volume and on hovering away from the button, the volume sliders should disappear', () => {
+                videoResponsePage.steps.hoverOnVolumeControlButton();
+                utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'visible');
+                videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
+                utilities.hoverAwayFromElement();
+                utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'notExist');
+            });
 
-        it('When the user clicks on the muted volume control button then the volume setting slider should return to full volume and the volume control button should change to an unmuted state', () => {
-            videoResponsePage.steps.clickOnVolumeButton();
-            videoResponsePage.steps.hoverOnVolumeControlButton();
-            videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
-            utilities.verifyElementVisibilityState(videoResponsePage.unmutedVolumeIcon(), 'visible');
-        });
+            it('When volume is not set as 0 and user hovers on \'Volume control\' button, then \'Mute\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
+                videoResponsePage.steps.hoverOnVolumeControlButton();
+                utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
+                utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Mute');
+                utilities.hoverAwayFromElement();
+                utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
+            });
 
-        it('CSS of volume control section', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.volumeControlSlider(), {
-                'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 100%, ${css.color.progressBarRemainingFill} 0%, ${css.color.progressBarRemainingFill} 100%) repeat scroll 0% 0% / auto padding-box border-box`
+            it('When the user hovers over \'Volume control slider\', then \'Volume control\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
+                videoResponsePage.steps.hoverOnVolumeControlButton();
+                videoResponsePage.steps.hoverOnVolumeControlSlider();
+                videoResponsePage.steps.hoverAwayFromVolumeControlButton();
+                utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
+                utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Volume control');
+                utilities.hoverAwayFromElement();
+                utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'notExist');
+                utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
             });
-            utilities.verifyCSS(videoResponsePage.volumeControlButton().find('g path'), {
-                'fill': css.color.secondaryBtnBg,
+
+            it('When volume is not set as 0 and user clicks on volume control button, then the video should be muted and the volume control button should change to a muted state', () => {
+                videoResponsePage.steps.clickOnVolumeButton();
+                videoResponsePage.steps.hoverOnVolumeControlButton();
+                videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('0');
+                utilities.hoverAwayFromElement();
+                utilities.verifyElementVisibilityState(videoResponsePage.volumeControlSlider(), 'notExist');
+                utilities.verifyElementVisibilityState(videoResponsePage.muteVolumeIcon(), 'visible');
+                videoResponsePage.steps.focusOutFromVolumeControlButton();
             });
-        });
 
-        it('Accessibility of volume control section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(videoResponsePage.volumeControlSlider());
-            cy.checkAccessibility(videoResponsePage.playbackPlayButton().parents('.video-player-wrapper'));
-        });
+            it('When the user hovers on muted \'Volume control\' button, \'Unmute\' text should be displayed in tooltip', () => {
+                videoResponsePage.steps.hoverOnVolumeControlButton();
+                utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
+                utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Unmute');
+                utilities.hoverAwayFromElement();
+                utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
+            });
 
-        it('When the user drags the volume control all the way down, video should be muted and the button should update to a muted state', () => {
-            videoResponsePage.steps.setVolumeSliderForPlayback(0);
-            videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('0');
-            utilities.verifyElementVisibilityState(videoResponsePage.muteVolumeIcon(), 'visible');
-        });
+            it('When the user clicks on the muted volume control button then the volume setting slider should return to full volume and the volume control button should change to an unmuted state', () => {
+                videoResponsePage.steps.clickOnVolumeButton();
+                videoResponsePage.steps.hoverOnVolumeControlButton();
+                videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
+                utilities.verifyElementVisibilityState(videoResponsePage.unmutedVolumeIcon(), 'visible');
+            });
 
-        it('CSS of volume control section in muted state', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.volumeControlSlider(), {
-                'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarRemainingFill} -100%, ${css.color.progressBarRemainingFill} 100%) repeat scroll 0% 0% / auto padding-box border-box`
+            it('CSS of volume control section', { tags: 'css' }, () => {
+                utilities.verifyCSS(videoResponsePage.volumeControlSlider(), {
+                    'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 100%, ${css.color.progressBarRemainingFill} 0%, ${css.color.progressBarRemainingFill} 100%) repeat scroll 0% 0% / auto padding-box border-box`
+                });
+                utilities.verifyCSS(videoResponsePage.volumeControlButton().find('g path'), {
+                    'fill': css.color.secondaryBtnBg,
+                });
             });
-            utilities.verifyCSS(videoResponsePage.volumeControlButton().find('g g path'), {
-                'fill': css.color.secondaryBtnBg,
+
+            it('Accessibility of volume control section', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(videoResponsePage.volumeControlSlider());
+                cy.checkAccessibility(videoResponsePage.playbackPlayButton().parents('.video-player-wrapper'));
             });
-        });
 
-        it('Accessibility of volume control section in muted state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(videoResponsePage.volumeControlSlider());
-            cy.checkAccessibility(videoResponsePage.playbackPlayButton().parents('.video-player-wrapper'));
-        });
+            it('When the user drags the volume control all the way down, video should be muted and the button should update to a muted state', () => {
+                videoResponsePage.steps.setVolumeSliderForPlayback(0);
+                videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('0');
+                utilities.verifyElementVisibilityState(videoResponsePage.muteVolumeIcon(), 'visible');
+            });
 
-        it('User should be able to unmute the video by dragging the volume control higher again', () => {
-            videoResponsePage.steps.setVolumeSliderForPlayback(99);
-            videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
-            utilities.verifyElementVisibilityState(videoResponsePage.unmutedVolumeIcon(), 'visible');
-        });
-    });
+            it('CSS of volume control section in muted state', { tags: 'css' }, () => {
+                utilities.verifyCSS(videoResponsePage.volumeControlSlider(), {
+                    'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarRemainingFill} -100%, ${css.color.progressBarRemainingFill} 100%) repeat scroll 0% 0% / auto padding-box border-box`
+                });
+                utilities.verifyCSS(videoResponsePage.volumeControlButton().find('g g path'), {
+                    'fill': css.color.secondaryBtnBg,
+                });
+            });
 
-    describe('Video response playback: Playback speed', () => {
-        const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideo(4000);
-        });
+            it('Accessibility of volume control section in muted state', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(videoResponsePage.volumeControlSlider());
+                cy.checkAccessibility(videoResponsePage.playbackPlayButton().parents('.video-player-wrapper'));
+            });
 
-        it('When the user hovers overs the playback button, a tooltip \'Playback speed\' should be displayed and on hovering away from the button, the tooltip should disappear', () => {
-            videoResponsePage.playbackSpeedButton()
-                .verifyTooltip('Playback speed');
+            it('User should be able to unmute the video by dragging the volume control higher again', () => {
+                videoResponsePage.steps.setVolumeSliderForPlayback(99);
+                videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
+                utilities.verifyElementVisibilityState(videoResponsePage.unmutedVolumeIcon(), 'visible');
+            });
         });
+    }
 
-        it('When the user hovers overs the playback button, a list of 4 playback speed options - 1x, 1.25x, 1.5x, 2x should be displayed and by default 1x should be in selected state', () => {
-            videoResponsePage.steps.hoverOnPlaybackSpeedButton();
-            utilities.verifyElementVisibilityState(videoResponsePage.playbackSpeedOptionsList(), 'visible');
-            utilities.verifyElementCount(videoResponsePage.playbackSpeedOption(), 4);
-            videoResponsePage.steps.verifyPlaybackSpeedListOptions();
-            //TODO: need to add selected state assertion when https://redmine.zeuslearning.com/issues/540695 gets fixed
-        })
-
-        it('CSS of playback speed options', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.playbackSpeedButton().find('g'), {
-                'stroke': css.color.secondaryBtnBg,
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Video response playback: Playback speed', () => {
+            const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
+            abortEarlySetup();
+            before(() => {
+                videoResponsePage.steps.navigateToCreateQuestion('video response');
+                cy.barsPreLoaderWait();
+                videoResponsePage.steps.switchToPreviewTab();
+                videoResponsePage.steps.recordAndSaveVideo(4000);
             });
-            utilities.verifyCSS(videoResponsePage.playbackSpeedOption().eq(0), {
-                'color': css.color.liText,
-                'background-color': css.color.liTextSelectedBg,
-                'font-size': css.fontSize.small
-            });
-            utilities.verifyCSS(videoResponsePage.playbackSpeedOption().eq(1), {
-                'color': css.color.liText,
-                'background-color': css.color.transparent,
-                'font-size': css.fontSize.small
-            });
-        });
 
-        it('Accessibility of playback speed options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(videoResponsePage.playbackSpeedButton().parents('.video-player-wrapper'));
-            cy.checkAccessibility(videoResponsePage.playbackSpeedOptionsList());
-        });
+            it('When the user hovers overs the playback button, a tooltip \'Playback speed\' should be displayed and on hovering away from the button, the tooltip should disappear', () => {
+                videoResponsePage.playbackSpeedButton()
+                    .verifyTooltip('Playback speed');
+            });
 
-        for (let index = 0; index < playbackSpeedOptions.length; index++) {
-            it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the video playback speed should be changed accordingly`, () => {
-                videoResponsePage.steps.resetQuestionPreview();
-                videoResponsePage.steps.recordAndSaveVideo(12000);
+            it('When the user hovers overs the playback button, a list of 4 playback speed options - 1x, 1.25x, 1.5x, 2x should be displayed and by default 1x should be in selected state', () => {
                 videoResponsePage.steps.hoverOnPlaybackSpeedButton();
-                videoResponsePage.steps.selectPlaybackSpeed(playbackSpeedOptions[index])
-                videoResponsePage.steps.startPlayback();
-                videoResponsePage.steps.waitForPlaybackToBegin();
-                videoResponsePage.steps.addWaitToPlayVideo(4000);
-                videoResponsePage.steps.pausePlayback();
-                videoResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]));
-            });
-        }
-    });
-
-    describe('Video response playback: Record again', () => {
-        abortEarlySetup();
-        before(() => {
-            videoResponsePage.steps.navigateToCreateQuestion('video response');
-            cy.barsPreLoaderWait();
-            videoResponsePage.steps.switchToPreviewTab();
-            videoResponsePage.steps.recordAndSaveVideo(5000);
-        });
-
-        it('When the user hovers over the \'Record again\' button, a tooltip \'Record again\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
-            videoResponsePage.recordAgainButton()
-                .verifyTooltip('Record again');
-        });
-
-        it('When the user clicks on \'Record again\' button, \'Record again\' popup should be displayed along with \'Are you sure you want to overwrite the existing audio recording?\' message', () => {
-            videoResponsePage.steps.recordAgain();
-            utilities.verifyInnerText(videoResponsePage.dialogBoxTitle(), 'Record again');
-            utilities.verifyElementVisibilityState(videoResponsePage.dialogBoxTitle(), 'visible');
-            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 \'Record again\' popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(videoResponsePage.dialogBox(), {
-                'border': `1px solid ${css.color.defaultDropdownBorder}`,
-                'background-color': css.color.defaultBackground
-            });
-            utilities.verifyCSS(videoResponsePage.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.verifyElementVisibilityState(videoResponsePage.playbackSpeedOptionsList(), 'visible');
+                utilities.verifyElementCount(videoResponsePage.playbackSpeedOption(), 4);
+                videoResponsePage.steps.verifyPlaybackSpeedListOptions();
+                //TODO: need to add selected state assertion when https://redmine.zeuslearning.com/issues/540695 gets fixed
             })
-            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
-            });
-        });
 
-        it('Accessibility of \'Record again\' popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(videoResponsePage.dialogBox());
-        });
-
-        it('When the user clicks on \'Cancel\' button, \'Record again\' popup should close and previous state of playback player should persist', () => {
-            videoResponsePage.steps.cancelRetake();
-            utilities.verifyElementVisibilityState(videoResponsePage.dialogBox(), 'notExist');
-            utilities.verifyElementVisibilityState(videoResponsePage.recordAgainButton(), 'visible');
-            utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
-            videoResponsePage.steps.verifyVideoPlaybackTimer('00:00 / 00:05');
-        });
-
-        it('When the user clicks on Confirm button of the Record again popup, the previous recording should get deleted and a new recording should begin', () => {
-            videoResponsePage.steps.recordAgain();
-            videoResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(videoResponsePage.dialogBox(), 'notExist');
-            videoResponsePage.steps.waitForRecordingToStart();
-            videoResponsePage.steps.verifyRecordingStatus('Recording...')
-        });
-    })
+            it('CSS of playback speed options', { tags: 'css' }, () => {
+                utilities.verifyCSS(videoResponsePage.playbackSpeedButton().find('g'), {
+                    'stroke': css.color.secondaryBtnBg,
+                });
+                utilities.verifyCSS(videoResponsePage.playbackSpeedOption().eq(0), {
+                    'color': css.color.liText,
+                    'background-color': css.color.liTextSelectedBg,
+                    'font-size': css.fontSize.small
+                });
+                utilities.verifyCSS(videoResponsePage.playbackSpeedOption().eq(1), {
+                    'color': css.color.liText,
+                    'background-color': css.color.transparent,
+                    'font-size': css.fontSize.small
+                });
+            });
+
+            it('Accessibility of playback speed options', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(videoResponsePage.playbackSpeedButton().parents('.video-player-wrapper'));
+                cy.checkAccessibility(videoResponsePage.playbackSpeedOptionsList());
+            });
+
+            for (let index = 0; index < playbackSpeedOptions.length; index++) {
+                it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the video playback speed should be changed accordingly`, () => {
+                    videoResponsePage.steps.resetQuestionPreview();
+                    videoResponsePage.steps.recordAndSaveVideo(12000);
+                    videoResponsePage.steps.hoverOnPlaybackSpeedButton();
+                    videoResponsePage.steps.selectPlaybackSpeed(playbackSpeedOptions[index])
+                    videoResponsePage.steps.startPlayback();
+                    videoResponsePage.steps.waitForPlaybackToBegin();
+                    videoResponsePage.steps.addWaitToPlayVideo(4000);
+                    videoResponsePage.steps.pausePlayback();
+                    videoResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]));
+                });
+            }
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Video response playback: Record again', () => {
+            abortEarlySetup();
+            before(() => {
+                videoResponsePage.steps.navigateToCreateQuestion('video response');
+                cy.barsPreLoaderWait();
+                videoResponsePage.steps.switchToPreviewTab();
+                videoResponsePage.steps.recordAndSaveVideo(5000);
+            });
+
+            it('When the user hovers over the \'Record again\' button, a tooltip \'Record again\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+                videoResponsePage.recordAgainButton()
+                    .verifyTooltip('Record again');
+            });
+
+            it('When the user clicks on \'Record again\' button, \'Record again\' popup should be displayed along with \'Are you sure you want to overwrite the existing audio recording?\' message', () => {
+                videoResponsePage.steps.recordAgain();
+                utilities.verifyInnerText(videoResponsePage.dialogBoxTitle(), 'Record again');
+                utilities.verifyElementVisibilityState(videoResponsePage.dialogBoxTitle(), 'visible');
+                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 \'Record again\' popup', { tags: 'css' }, () => {
+                utilities.verifyCSS(videoResponsePage.dialogBox(), {
+                    'border': `1px solid ${css.color.defaultDropdownBorder}`,
+                    'background-color': css.color.defaultBackground
+                });
+                utilities.verifyCSS(videoResponsePage.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
+                });
+            });
+
+            it('Accessibility of \'Record again\' popup', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(videoResponsePage.dialogBox());
+            });
+
+            it('When the user clicks on \'Cancel\' button, \'Record again\' popup should close and previous state of playback player should persist', () => {
+                videoResponsePage.steps.cancelRetake();
+                utilities.verifyElementVisibilityState(videoResponsePage.dialogBox(), 'notExist');
+                utilities.verifyElementVisibilityState(videoResponsePage.recordAgainButton(), 'visible');
+                utilities.verifyElementVisibilityState(videoResponsePage.playbackPlayButton(), 'visible');
+                videoResponsePage.steps.verifyVideoPlaybackTimer('00:00 / 00:05');
+            });
+
+            it('When the user clicks on Confirm button of the Record again popup, the previous recording should get deleted and a new recording should begin', () => {
+                videoResponsePage.steps.recordAgain();
+                videoResponsePage.steps.confirmRetake();
+                utilities.verifyElementVisibilityState(videoResponsePage.dialogBox(), 'notExist');
+                videoResponsePage.steps.waitForRecordingToStart();
+                videoResponsePage.steps.verifyRecordingStatus('Recording...')
+            });
+        })
+    }
 });