itemengine-cypress-automation 1.0.115 → 1.0.116

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

@@ -8,7 +8,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
         cy.loginAs('admin');
     });
 
-    describe('Preview of standard audio recorder style', () => {
+    describe('Preview of standard audio recorder style', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -271,7 +271,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
         });
     });
 
-    describe('Playback player : Default state', () => {
+    describe('Playback player : Default state', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             audioResponsePage.steps.navigateToCreateQuestion('audio response');
@@ -339,216 +339,218 @@ describe('Preview of Audio response for standard audio recorder style', () => {
         });
     });
 
-    //Note: Need to add cases of seeking using waveform
-    describe('Playback player : Play, pause and seek', () => {
-        let actualAudioSeekedInPercent = 50
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioStandardPreview(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.waitForPlaybackToBeginStandardPreview();
-            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('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.standardPreviewPlaybackTime(), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.bold
+    if (!grepTags || !grepTags.includes('smoke')) {
+        //Note: Need to add cases of seeking using waveform
+        describe('Playback player : Play, pause and seek', () => {
+            let actualAudioSeekedInPercent = 50
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
             });
-            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.standardPreviewPlaybackWrapper());
-        });
 
-        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.recordAndSaveAudioStandardPreview(10000);
-            audioResponsePage.steps.startPlayback();
-            audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
-            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:05', '00:10');
-            audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
-            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('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
+            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');
             });
-            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.standardPreviewPlaybackWrapper());
-        });
 
-        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.verifyPlaybackTimeStandardPreview('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`
+            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.waitForPlaybackToBeginStandardPreview();
+                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:03', '00:10');
             });
-        });
-    });
 
-    describe('Playback player : Volume control', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
-        });
-
-        audioResponsePage.tests.verifyVolumeControlFunctionality();
-    });
+            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');
+            });
 
-    describe('Playback player : Playback speed', () => {
-        const playbackSpeedOptions = ['1', '1.25', '1.5', '2'];
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
-        });
+            it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioResponsePage.standardPreviewPlaybackTime(), {
+                    '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
+                });
+            });
 
-        audioResponsePage.tests.verifyPlaybackSpeedContents();
+            it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.standardPreviewPlaybackWrapper());
+            });
 
-        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`, () => {
+            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.recordAndSaveAudioStandardPreview(12000);
-                utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
-                audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
+                audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
                 audioResponsePage.steps.startPlayback();
                 audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
-                audioResponsePage.steps.addWaitToPlayAudio(4000);
-                audioResponsePage.steps.pausePlayback();
-                audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Standard');
+                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:05', '00:10');
+                audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
+                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:05', '00:10');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
             });
-        };
-    });
 
-    describe('Playback player : Retake my audio response', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.barsPreLoaderWait();
-            audioResponsePage.steps.setMaximumRecorderLength(10);
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.steps.recordAndSaveAudioStandardPreview(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.retakeRecordingStandardPreview();
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
-            audioResponsePage.steps.verifyRetakePopupContents();
-        });
-
-        it('CSS of \'Retake\' 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.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent().find('.retake-popup-content'), {
-                'border-top': `1px solid ${css.color.secondaryBtnBorder}`,
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
+            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
+                });
             });
-            utilities.verifyCSS(audioResponsePage.confirmRetakeButton(), {
-                'background-color': css.color.deleteBtn,
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(audioResponsePage.cancelRetakeButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
+
+            it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.standardPreviewPlaybackWrapper());
             });
-        });
 
-        it('Accessibility of \'Retake\' popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-        });
+            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 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.standardPreviewRetakeButton(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
-            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
-            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:05');
-        });
+            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 clicks on Confirm button of the retake popup, the previous recording should get deleted and a new recording should begin', () => {
-            audioResponsePage.steps.retakeRecordingStandardPreview();
-            audioResponsePage.steps.confirmRetake();
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
-            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
-            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:10');
-        });
-    });
+            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.verifyPlaybackTimeStandardPreview('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.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioStandardPreview(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.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioStandardPreview(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.recordAndSaveAudioStandardPreview(12000);
+                    utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
+                    audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
+                    audioResponsePage.steps.startPlayback();
+                    audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
+                    audioResponsePage.steps.addWaitToPlayAudio(4000);
+                    audioResponsePage.steps.pausePlayback();
+                    audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Standard');
+                });
+            };
+        });
+
+        describe('Playback player : Retake my audio response', () => {
+            abortEarlySetup();
+            before(() => {
+                audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                cy.barsPreLoaderWait();
+                audioResponsePage.steps.setMaximumRecorderLength(10);
+                audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.recordAndSaveAudioStandardPreview(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.retakeRecordingStandardPreview();
+                utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Retake');
+                audioResponsePage.steps.verifyRetakePopupContents();
+            });
+
+            it('CSS of \'Retake\' 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.heading,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(dialogBoxBase.dialogBoxContent().find('.retake-popup-content'), {
+                    'border-top': `1px solid ${css.color.secondaryBtnBorder}`,
+                    'color': css.color.labels,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+                utilities.verifyCSS(audioResponsePage.confirmRetakeButton(), {
+                    'background-color': css.color.deleteBtn,
+                    'color': css.color.whiteText,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(audioResponsePage.cancelRetakeButton(), {
+                    'background-color': css.color.secondaryBtnBg,
+                    'color': css.color.secondaryBtn,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.semibold
+                });
+            });
+
+            it('Accessibility of \'Retake\' popup', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(dialogBoxBase.dialogBox());
+            });
+
+            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.standardPreviewRetakeButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
+                audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('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.retakeRecordingStandardPreview();
+                audioResponsePage.steps.confirmRetake();
+                utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+                utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
+                audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:10');
+            });
+        });
+    };
 });

package/cypress/e2e/ILC/AudioResponseNew/studentViewSettings.js

@@ -267,7 +267,7 @@ describe('Create item page - Audio response: Student view settings', () => {
 
         it('In standard mode, when the \'Audio wave\' option is deselected, the audio wave should not be displayed in the playback player of the preview tab', () => {
             audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.deselectAudioIndicatorsPlaybackIndicatorButton();
+            audioResponsePage.steps.deselectAudioIndicatorsAudioWaveButton();
             audioResponsePage.steps.switchToPreviewTab();
             audioResponsePage.steps.startRecordingStandardPreview();
             audioResponsePage.steps.waitForRecordingToStartStandardPreview();
@@ -279,7 +279,7 @@ describe('Create item page - Audio response: Student view settings', () => {
         it('In compact mode, when the \'Audio wave\' option is selected, the audio wave should be displayed in the playback player of the preview tab', () => {
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.selectAudioRecorderStyle('Compact');
-            audioResponsePage.steps.selectAudioIndicatorsProgressIndicatorButton();
+            audioResponsePage.steps.selectAudioIndicatorsAudioWaveButton();
             audioResponsePage.steps.switchToPreviewTab();
             audioResponsePage.steps.startRecordingCompactPreview();
             audioResponsePage.steps.waitForRecordingToStartCompactPreview();
@@ -290,7 +290,7 @@ describe('Create item page - Audio response: Student view settings', () => {
 
         it('In compact mode, when the \'Audio wave\' option is deselected, the audio wave should not be displayed in the playback player of the preview tab', () => {
             audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.deselectAudioIndicatorsPlaybackIndicatorButton();
+            audioResponsePage.steps.deselectAudioIndicatorsAudioWaveButton();
             audioResponsePage.steps.switchToPreviewTab();
             audioResponsePage.steps.startRecordingCompactPreview();
             audioResponsePage.steps.waitForRecordingToStartCompactPreview();

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/clickAndDrop.js

@@ -470,8 +470,8 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
         });
 
         it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Bat');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Eagle');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Bat');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, groupedOptions[1]);
             utilities.verifyInnerText(dragAndDropIntoCategoriesPage.errorMessage(), 'Error: Please set a correct answer.');
@@ -586,8 +586,8 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
         it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Eagle', 'Whale', 'Platypus']);
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(1, groupedOptions[1]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Eagle', 'Whale', 'Platypus']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(1, groupedOptions[1]);
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInPreviewTab();
         });
 
@@ -619,7 +619,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Eagle': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat', 'Eagle']);
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Whale', 'Platypus']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Whale', 'Platypus']);
         });
 
         it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {

package/cypress/e2e/ILC/DrawingResponse/drawingResponseAdditionalSettings.js

@@ -5,7 +5,8 @@ import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 const defaultStrokeLineThicknessOptions = ['5px', '10px', '15px', '20px', '25px'];
 const thickness = ['5', '10', '15', '20', '25'];
-const lineTypeOptions = ['basic line', 'dashed line', 'dotted line', 'single arrow line', 'double arrow line'];
+const lineTypeOptionsPreviewTab = ['basic line', 'dashed line', 'dotted line', 'single arrow line', 'double arrow line'];
+const lineTypeOptionsEditTab = ['Line', 'Dashed', 'Dotted', 'Single Arrow', 'Double Arrow'];
 const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
 const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
 const lineTypeOptionsTooltip = ['Line', 'Dashed', 'Dotted', 'Single arrow', 'Double arrow'];
@@ -143,36 +144,36 @@ describe('Drawing response - Additional settings', () => {
             drawingResponsePage.steps.expandAdditionalSettings();
         });
 
-        it(`A \'Set line type\' label along with the ${lineTypeOptions.length} options should be displayed in the \'Set line type\' section - ${lineTypeOptions.join('')}.`, () => {
+        it(`A \'Set line type\' label along with the ${lineTypeOptionsEditTab.length} options should be displayed in the \'Set line type\' section - ${lineTypeOptionsEditTab.join('')}.`, () => {
             utilities.verifyInnerText(drawingResponsePage.setLineTypeLabel(), 'Set line type');
             utilities.verifyElementVisibilityState(drawingResponsePage.setLineTypeLabel(), 'visible');
-            for (let index = 0; index < lineTypeOptions.length; index++) {
-                utilities.verifyElementVisibilityState(drawingResponsePage.setLineTypeButton(lineTypeOptions[index]), 'visible');
+            for (let index = 0; index < lineTypeOptionsEditTab.length; index++) {
+                utilities.verifyElementVisibilityState(drawingResponsePage.setLineTypeButton(lineTypeOptionsEditTab[index]), 'visible');
             }
         });
 
         it('By default all line type buttons should be selected', () => {
-            for (let index = 0; index < lineTypeOptions.length; index++) {
-                drawingResponsePage.steps.verifyLineTypeOptionIsSelected(lineTypeOptions[index]);
+            for (let index = 0; index < lineTypeOptionsEditTab.length; index++) {
+                drawingResponsePage.steps.verifyLineTypeOptionIsSelected(lineTypeOptionsEditTab[index]);
             }
         });
 
         for (let index = 0; index < lineTypeOptionsTooltip.length; index++) {
             it(`When the user hovers over the \'${lineTypeOptionsTooltip[index]}\' button, a tooltip \'${lineTypeOptionsTooltip[index]}\' should be displayed and on moving away the focus, the tooltip should disappear`, () => {
-                drawingResponsePage.setLineTypeButton(lineTypeOptions[index])
+                drawingResponsePage.setLineTypeButton(lineTypeOptionsEditTab[index])
                     .verifyTooltip((lineTypeOptionsTooltip[index]));
             });
         };
 
         it('User should be able to unselect line type option button and the selected icon should not be displayed on the unselected line type button', () => {
-            drawingResponsePage.steps.unselectSetLineTypeOption(lineTypeOptions[1]);
-            drawingResponsePage.steps.verifyLineTypeOptionIsNotSelected(lineTypeOptions[1]);
-            drawingResponsePage.steps.verifySelectedIconIsNotDisplayedOnLineTypeButton(lineTypeOptions[1]);
+            drawingResponsePage.steps.unselectSetLineTypeOption(lineTypeOptionsEditTab[1]);
+            drawingResponsePage.steps.verifyLineTypeOptionIsNotSelected(lineTypeOptionsEditTab[1]);
+            drawingResponsePage.steps.verifySelectedIconIsNotDisplayedOnLineTypeButton(lineTypeOptionsEditTab[1]);
         });
 
         it('CSS of \'Set line type section\' section', { tags: 'css' }, () => {
             cy.log('Pre-step: Hover on element to get tooltip');
-            utilities.hoverOverElement(drawingResponsePage.setLineTypeButton(lineTypeOptions[0]));
+            utilities.hoverOverElement(drawingResponsePage.setLineTypeButton(lineTypeOptionsEditTab[0]));
             utilities.verifyCSS(drawingResponsePage.tooltipText(), {
                 'color': css.color.whiteText,
                 'font-size': css.fontSize.normal,
@@ -180,7 +181,7 @@ describe('Drawing response - Additional settings', () => {
                 'background-color': css.color.tooltipBg
             });
             cy.log('Post-step: Hover on element to get tooltip');
-            utilities.hoverAwayFromElement((drawingResponsePage.setLineTypeButton(lineTypeOptions[0])));
+            utilities.hoverAwayFromElement((drawingResponsePage.setLineTypeButton(lineTypeOptionsEditTab[0])));
             utilities.verifyCSS(drawingResponsePage.setLineTypeLabel(), {
                 'color': css.color.labels,
                 'font-size': css.fontSize.normal,
@@ -191,13 +192,13 @@ describe('Drawing response - Additional settings', () => {
                 'border': `1px solid ${css.color.figDefaultComponentBorder}`
             });
             cy.log('Css of selected icon');
-            utilities.verifyCSS(drawingResponsePage.setLineTypeButton(lineTypeOptions[0]).find('[class*="SelectedIcon"] svg g path').eq(1), {
+            utilities.verifyCSS(drawingResponsePage.setLineTypeButton(lineTypeOptionsEditTab[0]).find('[class*="SelectedIcon"] svg g path').eq(1), {
                 'fill': css.color.activeButtons
             });
         });
 
         it('Accessibility of  unselected line type button', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.setLineTypeButton(lineTypeOptions[1]).parents('[class*="DrawingResponsestyles__SetLineTypeWrapper"]'));
+            cy.checkAccessibility(drawingResponsePage.setLineTypeButton(lineTypeOptionsEditTab[1]).parents('[class*="DrawingResponsestyles__SetLineTypeWrapper"]'));
         });
     });
 
@@ -213,7 +214,7 @@ describe('Drawing response - Additional settings', () => {
 
         it('When all line type buttons are selected by default then all the line type options should be displayed in secondary toolbar in the preview tab', () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Line type');
-            lineTypeOptions.forEach((lineType, index) => {
+            lineTypeOptionsPreviewTab.forEach((lineType, index) => {
                 drawingResponsePage.steps.verifySecondaryPopupLineType(lineType, index)
             });
         });
@@ -221,7 +222,7 @@ describe('Drawing response - Additional settings', () => {
         it('When the user unselects a particular line type in the edit tab then that particular line type option in secondary toolbar should not be displayed in the preview tab', () => {
             drawingResponsePage.steps.switchToEditTab();
             drawingResponsePage.steps.expandAdditionalSettings();
-            drawingResponsePage.steps.unselectSetLineTypeOption(lineTypeOptions[1]);
+            drawingResponsePage.steps.unselectSetLineTypeOption(lineTypeOptionsEditTab[1]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption('Line');
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Line Type');
@@ -288,7 +289,6 @@ describe('Drawing response - Additional settings', () => {
         drawingResponsePage.tests.verifyFontSizeSectionContents();
     });
 
-    //Failing due to https://redmine.zeuslearning.com/issues/555412
     describe('Additional settings: Font size dropdown - Functionality in preview tab', () => {
         abortEarlySetup();
         before(() => {

package/cypress/e2e/ILC/DrawingResponse/{drawingResponsePreviewTabContents.js → drawingResponsePreviewTabContents.smoke.js}

@@ -503,8 +503,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('When the user changes the opacity slider value, value in the opacity input field should also change', () => {
             drawingResponsePage.steps.clickOnSecondaryPopupSlider();
-            drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(50);
-            drawingResponsePage.steps.verifySecondaryPopupOpacityInputFieldValue(50);
+            drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(51);
+            drawingResponsePage.steps.verifySecondaryPopupOpacityInputFieldValue(51);
         });
 
         it('CSS of \'Opacity\' secondary toolbar option in selected state', { tags: 'css' }, () => {
@@ -1214,7 +1214,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('When user reopens the \'Line type\' popup by clicking on the toolbar option, the popup should reopen and all its previously made changes should be retained/present', () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[2].secondaryToolbarOptions[2]);
-            drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(2);
+            drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
         });
 
         it('CSS of \'Line type\' popup', { tags: 'css' }, () => {