itemengine-cypress-automation 1.0.105 → 1.0.107

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

@@ -0,0 +1,123 @@
+import { audioResponsePage, itemPreviewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Create item page - Audio response: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        audioResponsePage.steps.navigateToCreateQuestion('audio response');
+                        cy.barsPreLoaderWait();
+                        audioResponsePage.steps.addTextInQuestionInstructionsInputField('Record an audio');
+                        audioResponsePage.steps.allotPoints(10);
+                        audioResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID[0])}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID[0])}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID[0])}`);
+                        break;
+                };
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    audioResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(audioResponsePage.questionInstructionsText(), 'Record an audio');
+                utilities.verifyElementVisibilityState(audioResponsePage.questionInstructionsText(), 'visible');
+            });
+
+            it('When the user switches to preview tab, \'Click the button to start recording...\' help text message, rec button, mic icon, \'Allow microphone access\' help text should be displayed in \'Standard audio recorder\'. Maximum recording length should be displayed in minutes(mm:ss) format.', () => {
+                utilities.verifyInnerText(audioResponsePage.standardPreviewRecorderHelpText(), 'Click the button to start recording...');
+                utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRecorderHelpText(), 'visible');
+                utilities.verifyInnerText(audioResponsePage.standardPreviewStartRecordingButton(), 'REC');
+                utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewStartRecordingButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.microphoneIcon(), 'visible');
+                utilities.verifyInnerText(audioResponsePage.allowMicrophoneAccessHelpText(), 'Allow microphone access');
+                utilities.verifyElementVisibilityState(audioResponsePage.allowMicrophoneAccessHelpText(), 'visible');
+                utilities.verifyInnerText(audioResponsePage.standardPreviewRecordTime(), '15:00');
+                utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRecordTime(), 'visible');
+            });
+
+            it('CSS of standard recording interface in Preview tab', { tags: 'css' }, () => {
+                utilities.verifyCSS(audioResponsePage.standardPreviewStartRecordingButton(), {
+                    'color': css.color.defaultBackground,
+                    'font-size': css.fontSize.extraLarge,
+                    'font-weight': css.fontWeight.semibold,
+                    'border': `2px solid ${css.color.defaultBackground}`,
+                    'background-color': css.color.recordingIcon
+                });
+                utilities.verifyCSS(audioResponsePage.standardPreviewRecorderHelpText(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.regular
+                });
+                utilities.verifyCSS(audioResponsePage.microphoneIcon().find('path').eq(1), {
+                    'fill': css.color.microphoneIcon
+                });
+                utilities.verifyCSS(audioResponsePage.allowMicrophoneAccessHelpText(), {
+                    'color': css.color.liText,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.regular
+                });
+                utilities.verifyCSS(audioResponsePage.standardPreviewRecordTime(), {
+                    'color': css.color.liText,
+                    'font-size': css.fontSize.small,
+                    'font-weight': css.fontWeight.bold
+                });
+            });
+
+            it('Accessibility of standard recording interface in Preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(audioResponsePage.standardPreviewRecorderWrapper());
+            });
+
+            it('When the user clicks on the \'REC\' button, the recording should start', () => {
+                audioResponsePage.steps.startRecordingStandardPreview();
+                utilities.verifyElementVisibilityState(audioResponsePage.startRecordingCountDown(), 'visible');
+                utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Preparing to record');
+                utilities.verifyElementVisibilityState(audioResponsePage.recordingStatusText(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewPauseRecordingButton(), 'visible');
+                utilities.verifyElementDisabled(audioResponsePage.standardPreviewPauseRecordingButton());
+                utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewStopRecordingButton(), 'visible');
+                audioResponsePage.steps.verifyRecordingCountDownNotExists();
+                audioResponsePage.steps.waitForRecordingToStartStandardPreview();
+                audioResponsePage.steps.verifyRecordingTimeStandardPreview('00:04', '15:00');
+                utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
+            });
+
+            it('When the user clicks on the stop recording button, the recording should stop and the recording should get saved', () => {
+                audioResponsePage.steps.stopRecordingStandardPreview();
+                utilities.verifyInnerText(audioResponsePage.savingStatusText(), 'Saving');
+                utilities.verifyElementVisibilityState(audioResponsePage.savingStatusText(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.hourGlassIcon(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRetakeButton(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackWaveform(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
+                utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
+                utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
+            });
+        });
+    });
+});