itemengine-cypress-automation 1.0.115 → 1.0.117

package/cypress/e2e/ILC/AudioResponseNew/{barRecorderStyle.js → barRecorderStyle.smoke.js}

@@ -3,12 +3,14 @@ import { audioResponsePage } from "../../../pages/audioResponsePage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
 describe('Preview of Audio response for bar audio recorder style', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Preview of bar audio recorder style', () => {
+    describe('Preview of bar audio recorder style', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -241,7 +243,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
         });
     });
 
-    describe('Playback player : Default state', () => {
+    describe('Playback player : Default state', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -305,185 +307,187 @@ describe('Preview of Audio response for bar audio recorder style', () => {
         });
     });
 
-    describe('Playback player : Play, pause and seek', () => {
-        let actualAudioSeekedInPercent = 50
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Bar');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioBarPreview(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', () => {
-            audioResponsePage.playbackPlayButton()
-                .verifyTooltip('Play');
-        });
-
-        it('When the user clicks on \'Play\' button, then the audio should start playing. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
-            audioResponsePage.steps.startPlayback();
-            audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:03', '00:10');
-        });
-
-        it('When the user hovers over the \'Pause\' button, a tooltip \'Pause\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
-            audioResponsePage.playbackPauseButton()
-                .verifyTooltip('Pause');
-        });
-
-        it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.barPreviewPlaybackTime(), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(audioResponsePage.playbackPauseButton().find('svg rect'), {
-                'fill': css.color.secondaryBtnBg
-            });
-            utilities.verifyCSS(audioResponsePage.playbackPauseButton().find('svg path'), {
-                'stroke': css.color.secondaryBtnActive
-            });
-        });
-
-        it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
-        });
-
-        it('When the audio 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', () => {
-            audioResponsePage.steps.resetQuestionPreview();
-            audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
-            audioResponsePage.steps.startPlayback();
-            audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:05', '00:10');
-            audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:05', '00:10');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
-        });
-
-        it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.playbackPlayButton().find('svg rect'), {
-                'fill': css.color.secondaryBtnBg
-            });
-            utilities.verifyCSS(audioResponsePage.playbackPlayButton().find('svg path'), {
-                'stroke': css.color.secondaryBtnActive
-            });
-        });
-
-        it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
-        });
-
-        it('When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
-            audioResponsePage.steps.startPlayback();
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'notExist');
-        });
-
-        it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
-            audioResponsePage.steps.seekProgressBarSliderToCenter();
-            audioResponsePage.steps.addWaitToPlayAudio(1000);
-            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
-        });
-
-        it('When the user seeks the progress bar slider while the audio is paused, then the audio playback should be in paused state and on playing the audio, then the audio should play from the position where the slider is seeked', () => {
-            audioResponsePage.steps.pausePlayback();
-            audioResponsePage.steps.seekProgressBarSliderToCenter();
-            audioResponsePage.steps.startPlayback();
-            audioResponsePage.steps.addWaitToPlayAudio(5000);
-            audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
-        });
-
-        it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:45', '00:45');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
-            audioResponsePage.steps.verifyProgressBarSliderPosition(99);
-        });
-
-        it('CSS of progress bar in hover state', { tags: 'css' }, () => {
-            audioResponsePage.steps.hoverOnProgressBarSlider();
-            utilities.verifyCSS(audioResponsePage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
-                'box-shadow': `${css.color.progressBarSliderHoverBackground} 0px 0px 0px 8px`
-            });
-        });
-    });
-
-    describe('Playback player : Volume control', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Bar');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
-        });
-
-        audioResponsePage.tests.verifyVolumeControlFunctionality();
-    });
-
-    describe('Playback player : Playback speed', () => {
-        const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Bar');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
-        });
-
-        audioResponsePage.tests.verifyPlaybackSpeedContents();
-
-        for (let index = 0; index < playbackSpeedOptions.length; index++) {
-            it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the audio playback speed should be changed accordingly`, () => {
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Playback player : Play, pause and seek', () => {
+            let actualAudioSeekedInPercent = 50
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.selectAudioRecorderStyle('Bar');
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioBarPreview(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', () => {
+                audioResponsePage.playbackPlayButton()
+                    .verifyTooltip('Play');
+            });
+    
+            it('When the user clicks on \'Play\' button, then the audio should start playing. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
+                audioResponsePage.steps.startPlayback();
+                audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
+                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:03', '00:10');
+            });
+    
+            it('When the user hovers over the \'Pause\' button, a tooltip \'Pause\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+                audioResponsePage.playbackPauseButton()
+                    .verifyTooltip('Pause');
+            });
+    
+            it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioResponsePage.barPreviewPlaybackTime(), {
+                    'color': css.color.liText,
+                    'font-size': css.fontSize.small,
+                    'font-weight': css.fontWeight.bold
+                });
+                utilities.verifyCSS(audioResponsePage.playbackPauseButton().find('svg rect'), {
+                    'fill': css.color.secondaryBtnBg
+                });
+                utilities.verifyCSS(audioResponsePage.playbackPauseButton().find('svg path'), {
+                    'stroke': css.color.secondaryBtnActive
+                });
+            });
+    
+            it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
+            });
+    
+            it('When the audio 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', () => {
                 audioResponsePage.steps.resetQuestionPreview();
-                audioResponsePage.steps.recordAndSaveAudioBarPreview(12000);
-                utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
-                audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
+                audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
                 audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
-                audioResponsePage.steps.addWaitToPlayAudio(4000);
-                audioResponsePage.steps.pausePlayback();
-                audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Bar');
+                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:05', '00:10');
+                audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
+                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:05', '00:10');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
+            });
+    
+            it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioResponsePage.playbackPlayButton().find('svg rect'), {
+                    'fill': css.color.secondaryBtnBg
+                });
+                utilities.verifyCSS(audioResponsePage.playbackPlayButton().find('svg path'), {
+                    'stroke': css.color.secondaryBtnActive
+                });
+            });
+    
+            it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.barPreviewPlaybackWrapper());
+            });
+    
+            it('When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
+                audioResponsePage.steps.startPlayback();
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'notExist');
             });
-        };
-    });
-
-    describe('Playback player : Retake my audio response', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.selectAudioRecorderStyle('Bar');
-            audioResponsePage.steps.setMaximumRecorderLength(10);
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioBarPreview(5000);
-        });
-
-        it('When the user clicks on \'Retake\' icon button, \'Retake\' popup should be displayed along with \'Are you sure you want to overwrite the existing audio recording?\' message', () => {
-            audioResponsePage.steps.retakeRecordingBarPreview();
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
-            audioResponsePage.steps.verifyRetakePopupContents();
-        });
-
-        audioResponsePage.tests.verifyRetakePopupCSSAndA11y();
-
-        it('When the user clicks on \'Cancel\' button, \'Retake\' popup should close and previous state of playback player should persist', () => {
-            audioResponsePage.steps.cancelRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyElementVisibilityState(audioResponsePage.barPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:00', '00:05');
-        });
-
-        it('When the user clicks on Confirm button of the retake popup, the previous recording should get deleted and a new recording should begin', () => {
-            audioResponsePage.steps.retakeRecordingBarPreview();
-            audioResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
-            audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:00', '00:10');
-        });
-    });
+    
+            it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
+                audioResponsePage.steps.seekProgressBarSliderToCenter();
+                audioResponsePage.steps.addWaitToPlayAudio(1000);
+                audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            });
+    
+            it('When the user seeks the progress bar slider while the audio is paused, then the audio playback should be in paused state and on playing the audio, then the audio should play from the position where the slider is seeked', () => {
+                audioResponsePage.steps.pausePlayback();
+                audioResponsePage.steps.seekProgressBarSliderToCenter();
+                audioResponsePage.steps.startPlayback();
+                audioResponsePage.steps.addWaitToPlayAudio(5000);
+                audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+            });
+    
+            it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
+                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:45', '00:45');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
+                audioResponsePage.steps.verifyProgressBarSliderPosition(99);
+            });
+    
+            it('CSS of progress bar in hover state', { tags: 'css' }, () => {
+                audioResponsePage.steps.hoverOnProgressBarSlider();
+                utilities.verifyCSS(audioResponsePage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
+                    'box-shadow': `${css.color.progressBarSliderHoverBackground} 0px 0px 0px 8px`
+                });
+            });
+        });
+    
+        describe('Playback player : Volume control', () => {
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.selectAudioRecorderStyle('Bar');
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
+            });
+    
+            audioResponsePage.tests.verifyVolumeControlFunctionality();
+        });
+    
+        describe('Playback player : Playback speed', () => {
+            const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.selectAudioRecorderStyle('Bar');
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
+            });
+    
+            audioResponsePage.tests.verifyPlaybackSpeedContents();
+    
+            for (let index = 0; index < playbackSpeedOptions.length; index++) {
+                it(`When the user selects playback speed option ${playbackSpeedOptions[index]}x, the audio playback speed should be changed accordingly`, () => {
+                    audioResponsePage.steps.resetQuestionPreview();
+                    audioResponsePage.steps.recordAndSaveAudioBarPreview(12000);
+                    utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
+                    audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
+                    audioResponsePage.steps.startPlayback();
+                    audioResponsePage.steps.waitForPlaybackToBeginBarPreview();
+                    audioResponsePage.steps.addWaitToPlayAudio(4000);
+                    audioResponsePage.steps.pausePlayback();
+                    audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Bar');
+                });
+            };
+        });
+        
+        describe('Playback player : Retake my audio response', () => {
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.selectAudioRecorderStyle('Bar');
+                audioResponsePage.steps.setMaximumRecorderLength(10);
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioBarPreview(5000);
+            });
+
+            it('When the user clicks on \'Retake\' icon button, \'Retake\' popup should be displayed along with \'Are you sure you want to overwrite the existing audio recording?\' message', () => {
+                audioResponsePage.steps.retakeRecordingBarPreview();
+                utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
+                audioResponsePage.steps.verifyRetakePopupContents();
+            });
+
+            audioResponsePage.tests.verifyRetakePopupCSSAndA11y();
+
+            it('When the user clicks on \'Cancel\' button, \'Retake\' popup should close and previous state of playback player should persist', () => {
+                audioResponsePage.steps.cancelRetake();
+                utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+                utilities.verifyElementVisibilityState(audioResponsePage.barPreviewRetakeButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
+                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:00', '00:05');
+            });
+
+            it('When the user clicks on Confirm button of the retake popup, the previous recording should get deleted and a new recording should begin', () => {
+                audioResponsePage.steps.retakeRecordingBarPreview();
+                audioResponsePage.steps.confirmRetake();
+                audioResponsePage.steps.verifyRecordingTimeBarPreview('00:02', '15:00');
+                utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+                utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
+            });
+        });
+    };
 });