itemengine-cypress-automation 1.0.535 → 1.0.536-CypressFixes1410-2f9885f.0

package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js

@@ -109,7 +109,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
 
         it('When the user hovers on \'Pause recording\' button, \'Pause recording\' text should be displayed in tooltip', () => {
             audioResponsePage.barPreviewPauseRecordingButton()
-                .verifyTooltip('Pause recording');
+                .verifyTooltipUsingRealHover('Pause recording');
         });
 
         it('When recording is inprogress and the user clicks on \'Pause recording\' icon, recording should pause and the help text should update to \'Recording paused\'. User should be able to view the duration of their recorded speech 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 icon', () => {
@@ -128,7 +128,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
 
         it('When the user hovers over the \'Resume\' button, a tooltip \'Resume recording\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioResponsePage.barPreviewResumeRecordingButton()
-                .verifyTooltip('Resume recording');
+                .verifyTooltipUsingRealHover('Resume recording');
         });
 
         it('CSS of \'Preview\' section if recording is paused', { tags: 'css' }, () => {
@@ -181,7 +181,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
 
         it('When the user hovers on \'Stop recording\' button, \'Stop recording\' text should be displayed in tooltip', () => {
             audioResponsePage.barPreviewStopRecordingButton()
-                .verifyTooltip('Stop recording');
+                .verifyTooltipUsingRealHover('Stop recording');
         });
 
         it('When the recording is in-progress and the user clicks on \'Stop recording\' icon, recording should stop, recorded audio response should be saved. Retake recording button, Play recording button should be displayed. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'.', () => {
@@ -320,7 +320,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
 
             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');
+                    .verifyTooltipUsingRealHover('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.', () => {
@@ -331,7 +331,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
 
             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');
+                    .verifyTooltipUsingRealHover('Pause');
             });
 
             it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
@@ -402,12 +402,12 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 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`
-                });
-            });
+            // 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', () => {

package/cypress/e2e/ILC/AudioResponseNew/standardRecorderStyle.smoke.js

@@ -126,7 +126,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
         it('When the user hovers on \'Pause recording\' button, \'Pause recording\' text should be displayed in tooltip', () => {
             audioResponsePage.standardPreviewPauseRecordingButton()
-                .verifyTooltip('Pause recording');
+                .verifyTooltipUsingRealHover('Pause recording');
         });
 
         it('When recording is inprogress and the user clicks on \'Pause recording\' icon, recording should pause and the help text should update to \'Recording paused\'. The mic icon\'s glow animation should disappear and the volume meter should drop to \'0dB\'. User should be able to view the duration of their recorded speech 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 icon', () => {
@@ -148,7 +148,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
         it('When the user hovers over the \'Resume\' button, a tooltip \'Resume recording\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioResponsePage.standardPreviewResumeRecordingButton()
-                .verifyTooltip('Resume recording');
+                .verifyTooltipUsingRealHover('Resume recording');
         });
 
         it('CSS of \'Preview\' section if recording is paused', { tags: 'css' }, () => {
@@ -204,7 +204,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
         it('When the user hovers on \'Stop recording\' button, \'Stop recording\' text should be displayed in tooltip', () => {
             audioResponsePage.standardPreviewStopRecordingButton()
-                .verifyTooltip('Stop recording');
+                .verifyTooltipUsingRealHover('Stop recording');
         });
 
         it('When the recording is in-progress and the user clicks on \'Stop recording\' icon, recording should stop, recorded audio response should be saved and \'Your response has been recorded.\' help text message, retake recording button, Play recording button should be displayed. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'. Volume meter should be displayed', () => {
@@ -354,7 +354,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
             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');
+                    .verifyTooltipUsingRealHover('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.', () => {
@@ -365,7 +365,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
             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');
+                    .verifyTooltipUsingRealHover('Pause');
             });
 
             it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {

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

@@ -41,12 +41,12 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         it('When the user hovers over the \'Pause\' button, a tooltip \'Pause recording\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             videoResponsePage.pauseButton()
-                .verifyTooltip('Pause recording');
+                .verifyTooltipUsingRealHover('Pause recording');
         });
 
         it('When the user hovers over the \'Stop\' button, a tooltip \'Stop recording\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             videoResponsePage.stopButton()
-                .verifyTooltip('Stop recording');
+                .verifyTooltipUsingRealHover('Stop recording');
         });
 
         it('CSS of \'Preview\' section once recording starts', { tags: 'css' }, () => {
@@ -102,7 +102,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         it('When the user hovers over the \'Resume\' button, a tooltip \'Resume recording\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             videoResponsePage.resumeButton()
-                .verifyTooltip('Resume recording');
+                .verifyTooltipUsingRealHover('Resume recording');
         });
 
         it('CSS of \'Preview\' section if recording is paused', { tags: 'css' }, () => {
@@ -204,7 +204,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
         //Cannot cover full screen functionality cases in cypress, added in manual sheet
         it('When the user hovers over the full screen button, a tooltip \'Full screen\' should be displayed', () => {
             videoResponsePage.fullScreenButton()
-                .verifyTooltip('Full screen');
+                .verifyTooltipUsingRealHover('Full screen');
         });
     });
 
@@ -220,7 +220,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         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');
+                .verifyTooltipUsingRealHover('Play');
         });
 
         it('When the user clicks on \'Play\' button, then user should be able to playback the recording. Timer should display the amount of video that has been played and the total recording length in (mm:ss)/(mm:ss) format. \'Your response has been recorded\' message should be displayed below video player', () => {
@@ -232,7 +232,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         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', () => {
             videoResponsePage.playbackPauseButton()
-                .verifyTooltip('Pause');
+                .verifyTooltipUsingRealHover('Pause');
         });
 
         it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
@@ -440,7 +440,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         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');
+                .verifyTooltipUsingRealHover('Playback speed');
         });
 
         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', () => {
@@ -498,7 +498,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         it('When the user hovers over the \'Retake recording\' button, a tooltip \'Retake recording\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             videoResponsePage.retakeRecordingButton()
-                .verifyTooltip('Retake recording');
+                .verifyTooltipUsingRealHover('Retake recording');
         });
 
         it('When the user clicks on \'Retake recording\' button, \'Retake recording\' popup should be displayed along with \'Are you sure you want to overwrite the existing audio recording?\' message', () => {

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -95,8 +95,7 @@ const steps = {
     },
 
     focusOutFromVolumeControlButton: () => {
-        playbackControlsBaseComponent.volumeControlButton()
-            .blur();
+        cy.get('body').realHover();
     },
 
     seekProgressBarSliderToCenter: () => {
@@ -315,7 +314,7 @@ const tests = {
             });
             utilities.verifyCSS(playbackControlsBaseComponent.playbackSpeedOption().last(), {
                 'color': css.color.liText,
-                'background-color': css.color.transparent,
+                'background-color': css.color.primaryBtn,
                 'font-size': css.fontSize.small
             });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.535",
+  "version": "1.0.536-CypressFixes1410-2f9885f.0",
   "description": "",
   "main": "index.js",
   "scripts": {