itemengine-cypress-automation 1.0.113 → 1.0.115

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

@@ -0,0 +1,229 @@
+import { audioResponsePage } from '../../../pages/audioResponsePage';
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from '../../../support/helpers/utilities';
+const css = Cypress.env('css');
+
+describe('Create Item page - Audio response: Question instructions, Audio recorder style toggle buttons, Maximum recorder length, Stop recording if silence is detected after', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+
+    });
+
+    describe('Question Instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Audio recorder style toggle buttons', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+        //Note: a11y is covered in header file
+
+        it('\'Audio recorder style\' label should be displayed along with three toggle buttons, "Standard", "Bar" and "Compact". "Standard" button should be selected by default', () => {
+            utilities.verifyInnerText(audioResponsePage.audioRecorderStyleLabel(), 'Audio recorder style');
+            utilities.verifyInnerText(audioResponsePage.standardRecorderStyleButton(), 'Standard');
+            utilities.verifyInnerText(audioResponsePage.barRecorderStyleButton(), 'Bar');
+            utilities.verifyInnerText(audioResponsePage.compactRecorderStyleButton(), 'Compact');
+            audioResponsePage.steps.verifyStandardRecorderStyleToggleButtonSelectedState();
+        });
+
+        it('CSS of Audio Recorder Style section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioResponsePage.audioRecorderStyleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioResponsePage.standardRecorderStyleButton(), {
+                'color': css.color.defaultBackground,
+                'background-color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioResponsePage.barRecorderStyleButton(), {
+                'color': css.color.secondaryBtn,
+                'background-color': css.color.secondaryBtnBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When "Standard" option is selected in the Audio recorder style toggle buttons section, then "Timer", "Progress indicator", "Audio wave" and "Volume meter" options should be displayed and be selected by default in "Audio indicators" section', () => {
+            audioResponsePage.steps.verifyAudioIndicatorsTimeButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsProgressIndicatorButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsAudioWaveButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsVolumeMeterButtonSelectedState();
+        });
+
+        it('When the user selects "Bar" option is in the Audio recorder style toggle buttons section, then "Timer" and "Progress indicator" should be displayed and be selected by default in "Audio indicators" section. "Audio wave" and "Volume meter" options should not be displayed', () => {
+            audioResponsePage.steps.selectAudioRecorderStyle('Bar');
+            audioResponsePage.steps.verifyAudioIndicatorsTimeButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsProgressIndicatorButtonSelectedState();
+            utilities.verifyElementVisibilityState(audioResponsePage.audioIndicatorsAudioWaveButton(), 'notExist');
+            utilities.verifyElementVisibilityState(audioResponsePage.audioIndicatorsVolumeMeterButton(), 'notExist');
+        });
+
+        it('When the user selects "Compact" option in the Audio recorder style toggle buttons section, then "Timer", "Progress indicator", "Audio wave" and "Volume meter" options should be displayed and be selected by default in "Audio indicators" section', () => {
+            audioResponsePage.steps.verifyAudioIndicatorsTimeButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsProgressIndicatorButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsAudioWaveButtonSelectedState();
+            audioResponsePage.steps.verifyAudioIndicatorsVolumeMeterButtonSelectedState();
+        });
+    });
+
+    describe('Maximum recorder length: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyMaximumRecorderLengthLabelAndInputField();
+
+        audioResponsePage.tests.verifyMaximumRecorderLengthInputFieldErrorMessages();
+
+        audioResponsePage.tests.verifyMaximumRecorderLengthCharacterAcceptanceCriteria();
+
+        it('When user tries to add a value greater than 3600 it should be automatically set back to 3600 and should not allow to add greater than set value', () => {
+            audioResponsePage.steps.setMaximumRecorderLength('9999');
+            audioResponsePage.steps.verifyMaximumRecorderLength('3600');
+        });
+    });
+
+    describe('Maximum recorder length: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('By default, maximum recorder length (15 minutes) should be displayed in minutes(mm:ss) format', () => {
+            utilities.verifyInnerText(audioResponsePage.standardPreviewRecordTime(), '15:00');
+        });
+
+        it('When the user has updates maximum recorder length value and starts recording, the recording should stop after reaching the maximum recorder length value', () => {
+            audioResponsePage.steps.switchToEditTab();
+            audioResponsePage.steps.setMaximumRecorderLength('10');
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(audioResponsePage.standardPreviewRecordTime(), '00:10');
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+        });
+    });
+
+    describe('Stop recording if silence is detected after: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Stop recording if silence is detected after\' label, input field "Secs" and "Mins" toggle buttons should be displayed. By default "Secs" toggle button should be in selected state. "Stop recording if silence is detected after" input field should be empty', () => {
+            utilities.verifyInnerText(audioResponsePage.stopRecordingIfSilenceIsDetectedLabel(), 'Stop recording if silence is detected after');
+            audioResponsePage.steps.verifyStopRecordingIfSilenceIsDetectedInputFieldValue('');
+            audioResponsePage.steps.verifyStopRecordingIfSilenceIsDetectedSecsToggleButtonSelectedState();
+            utilities.verifyInnerText(audioResponsePage.stopRecordingIfSilenceIsDetectedSecsToggleButton(), 'Secs');
+            utilities.verifyInnerText(audioResponsePage.stopRecordingIfSilenceIsDetectedMinsToggleButton(), 'Mins');
+        });
+
+        it('CSS of \'Stop recording if silence is detected after\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioResponsePage.stopRecordingIfSilenceIsDetectedLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioResponsePage.stopRecordingIfSilenceIsDetectedSecsToggleButton(), {
+                'color': css.color.defaultBackground,
+                'background-color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioResponsePage.stopRecordingIfSilenceIsDetectedMinsToggleButton(), {
+                'color': css.color.secondaryBtn,
+                'background-color': css.color.secondaryBtnBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioResponsePage.stopRecordingIfSilenceIsDetectedInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        //Note: a11y is covered for Stop recording if silence is detected after section in HeaderSection file using verifyCreateItemWrapperContentsA11y
+
+        it('When the user has set \'Stop recording if silence is detected after\' value to \'0\' (zero) then a validation text \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('0');
+            utilities.verifyInnerText(audioResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
+        });
+
+        it('When the user has set \'Stop recording if silence is detected after\' value to \'0\' (zero) then a validation text \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('0');
+            utilities.verifyInnerText(audioResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
+        });
+
+        it('CSS of error message \'Error: Value must be greater than 0 secs.\'', () => {
+            utilities.verifyCSS(audioResponsePage.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Error: Value must be greater than 0 secs.\' is displayed', () => {
+            cy.checkAccessibility(audioResponsePage.errorMessage());
+        });
+
+        it('When the user updates the \'Stop recording if silence is detected after\' value the validation text should disappear. User should be able to add only numeric values and should not able to add decimal points', () => {
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('150');
+            utilities.verifyElementVisibilityState(audioResponsePage.errorMessage(), 'notExist');
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('.10.0');
+            audioResponsePage.steps.verifyStopRecordingIfSilenceIsDetectedInputFieldValue('100');
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('!@#abcde236');
+            audioResponsePage.steps.verifyStopRecordingIfSilenceIsDetectedInputFieldValue('236');
+        });
+
+        it('When user focuses in \'Stop recording if silence is detected after\' and focuses out without entering any value, or entering a value greater than \'Maximum recorder length\' input field, no error should be displayed', () => {
+            audioResponsePage.steps.focusInStopRecordingIfSilenceIsDetectedInputField();
+            audioResponsePage.steps.verifyErrorMessageIsNotDisplayed();
+            utilities.verifyElementVisibilityState(audioResponsePage.errorMessage(), 'notExist');
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('4000');
+            audioResponsePage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+    });
+
+    describe('Stop recording if silence is detected after: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When silence is detected for more than value set in \'Stop recording if silence is detected after\' input field during recording, the recorder should stop automatically by the system and the recording should get saved', () => {
+            audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('5');
+            cy.log('Switching to Preview tab');
+            audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingStandardPreview();
+            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
+            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:05');
+        });
+    });
+});

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

@@ -46,7 +46,7 @@ describe('Create item page - audio response: Grading view, Correct answer view c
 
             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.waitForPlaybackToBegin();
+                audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
                 audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:03', '00:10');
             });
             

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

@@ -0,0 +1,67 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { audioResponsePage, dialogBoxBase } from "../../../pages";
+
+describe('Create question page - Audio response: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Audio response');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyCancelButton('audio response');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                audioResponsePage.steps.verifyQuestionInstructionsErrorMessage();
+                audioResponsePage.steps.verifyPointsFieldErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                audioResponsePage.steps.addQuestionInstructions();
+                audioResponsePage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                audioResponsePage.steps.allotPoints(20);
+                audioResponsePage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+            });
+        });
+
+        describe('Saving a question', () => {
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                audioResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            audioResponsePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

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

@@ -116,7 +116,7 @@ describe('Create item page - Audio response: Preview contents', () => {
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackWaveform(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
-                utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+                audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             });
         });
     });

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

@@ -212,7 +212,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.addWaitToRecordAudio(3000);
             audioResponsePage.steps.stopRecordingStandardPreview();
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:04');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRetakeButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackWaveform(), 'visible');
@@ -244,7 +244,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.addWaitToRecordAudio(3000);
             audioResponsePage.steps.pauseRecordingStandardPreview();
             audioResponsePage.steps.stopRecordingStandardPreview();
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewPlaybackTime(), 'visible');
@@ -261,7 +261,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.waitForRecordingToStartStandardPreview();
             cy.log('Response will keep recording until maximum recording length of 10 seconds is reached');
             utilities.verifyInnerText(audioResponsePage.standardPreviewRecorderHelpText(), 'Recording...');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRetakeButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
@@ -326,7 +326,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             utilities.verifyCSS(audioResponsePage.playbackProgressBar().find('.MuiSlider-rail'), {
                 'border': `1px solid ${css.color.activeButtons}`
             });
-            utilities.verifyCSS(audioResponsePage.volumeControlButton().find('[data-name="minimal-volume-icon"]'), {
+            utilities.verifyCSS(audioResponsePage.volumeControlButton().find('[data-name="compact-volume-icon"]'), {
                 'fill': css.color.activeButtons
             });
             utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('[id="playback-speed"] path'), {
@@ -357,7 +357,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
         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.waitForPlaybackToBegin();
+            audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:03', '00:10');
         });
 
@@ -388,7 +388,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.resetQuestionPreview();
             audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
             audioResponsePage.steps.startPlayback();
-            audioResponsePage.steps.waitForPlaybackToBegin();
+            audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:05', '00:10');
             audioResponsePage.steps.pauseAndVerifyProgressBarSliderPosition();
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:05', '00:10');
@@ -475,7 +475,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
                 utilities.hoverOverElement(audioResponsePage.playbackSpeedButton());
                 audioResponsePage.steps.selectPlaybackSpeed(`${playbackSpeedOptions[index]}x`);
                 audioResponsePage.steps.startPlayback();
-                audioResponsePage.steps.waitForPlaybackToBegin();
+                audioResponsePage.steps.waitForPlaybackToBeginStandardPreview();
                 audioResponsePage.steps.addWaitToPlayAudio(4000);
                 audioResponsePage.steps.pausePlayback();
                 audioResponsePage.steps.verifyPlaybackElapsedTime(1 + (4 * playbackSpeedOptions[index]), 'Standard');
@@ -509,7 +509,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
                 'font-size': css.fontSize.heading,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(audioResponsePage.dialogBoxContent().find('.retake-popup-content'), {
+            utilities.verifyCSS(dialogBoxBase.dialogBoxContent().find('.retake-popup-content'), {
                 'border-top': `1px solid ${css.color.secondaryBtnBorder}`,
                 'color': css.color.labels,
                 'font-size': css.fontSize.default,
@@ -530,7 +530,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
         });
 
         it('Accessibility of \'Retake\' popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.dialogBox());
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
         });
 
         it('When the user clicks on \'Cancel\' button, \'Retake\' popup should close and previous state of playback player should persist', () => {
@@ -538,7 +538,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRetakeButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:05');
         });
 
@@ -547,7 +547,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.confirmRetake();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
-            utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+            audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:10');
         });
     });