itemengine-cypress-automation 1.0.183 → 1.0.184

package/cypress/e2e/ILC/AudioPlayerNew/uploadAndAddAudioFile.js

@@ -0,0 +1,313 @@
+import { audioPlayerPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import constants from "../../../fixtures/constants";
+const css = Cypress.env('css');
+
+describe('Audio player: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    //TODO: Update delete cases after https://redmine.zeuslearning.com/issues/569731 is resolved
+    describe('\'Upload audio file\' section', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('\'Upload audio file\' and \'Add audio URL\' radio buttons should be displayed. By default \'Upload audio file\' button should be selected', () => {
+            utilities.verifyInnerText(audioPlayerPage.uploadAudioFileLabel(), 'Upload audio file');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadAudioFileLabel(), 'visible');
+            audioPlayerPage.steps.verifyUploadAudioFileRadioButtonIsSelected();
+            utilities.verifyInnerText(audioPlayerPage.addAudioURLLabel(), 'Add audio URL');
+            utilities.verifyElementVisibilityState(audioPlayerPage.addAudioURLLabel(), 'visible');
+            audioPlayerPage.steps.verifyAddAudioURLRadioButtonIsNotSelected();
+        });
+
+        it('\'Upload\' label should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.uploadAudioFileUploadLabel(), 'Upload');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadAudioFileUploadLabel(), 'visible');
+        });
+
+        it('\'File name\' label should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.uploadAudioFileNameLabel(), 'File name');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadAudioFileNameLabel(), 'visible');
+        });
+
+        it('\'Choose file\' button should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.uploadAudioChooseFileButton(), 'Choose file');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadAudioChooseFileButton(), 'visible');
+        });
+
+        it('By default \'No file chosen\' text should be displayed below the \'File name\' label.', () => {
+            utilities.verifyInnerText(audioPlayerPage.uploadAudioNoFileChosenLabel(), 'No file chosen');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadAudioNoFileChosenLabel(), 'visible');
+        });
+
+        it('CSS of \'Upload audio file\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.uploadAudioFileRadioButton().parent().find('svg'), {
+                'fill': css.color.secondaryBtnActive
+            });
+            utilities.verifyCSS(audioPlayerPage.addAudioURLRadioButton().parent().find('svg path'), {
+                'color': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(audioPlayerPage.uploadAudioFileLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.uploadAudioFileNameLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.uploadAudioNoFileChosenLabel(), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioPlayerPage.uploadAudioChooseFileButton(), {
+                'background-color': css.color.transparent,
+                'border': `1px solid ${css.color.secondaryBtnBorder}`,
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Upload audio file\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.uploadAudioFileLabel().parents('.audio-player-resource'));
+        });
+
+        it('When the user adds the audio file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded', () => {
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            utilities.verifyInnerText(audioPlayerPage.uploadedFileNameLabel(), 'sample.mp3');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadedFileNameLabel(), 'visible');
+        });
+
+        it('CSS of progress bar and file name when file upload is in progress', { tags: 'css' }, () => {
+            audioPlayerPage.steps.attachFile('uploads/sample1.mp3');
+            audioPlayerPage.audioFileUploadProgressBar()
+                .verifyPseudoClassBeforeProperty('background-color', css.color.fileUploadProgressBarFill);
+        });
+
+        it('Accessibility of progress bar and file name when file upload is in progress', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.uploadAudioFileLabel().parents('.audio-player-resource'));
+        });
+
+        it('When user clicks on \'Choose file\' button again and upload another audio file, previously uploaded audio file should get replaced with new audio file', () => {
+            audioPlayerPage.steps.uploadFile('uploads/sample2.mp3');
+            utilities.verifyInnerText(audioPlayerPage.uploadedFileNameLabel(), 'sample2.mp3');
+            utilities.verifyElementVisibilityState(audioPlayerPage.uploadedFileNameLabel(), 'visible');
+        });
+
+        it('When the user uploads a file that is not supported, following error message should be displayed: \'Error: The file type is not supported. Please upload a file with the following supported formats: MP3, WAV, AAC.\'', () => {
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp4')
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: MP3, WAV, AAC.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+
+        audioPlayerPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('When user upload supported format of audio file, error message should disappear', () => {
+            audioPlayerPage.steps.uploadFile('uploads/sample2.mp3');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'notExist');
+        });
+
+        it('When user has uploaded an audio file, then delete button should appear beside uploaded file\'s name', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.deleteAudioFileButton(), 'visible');
+        });
+
+        it('When the user hovers on \'Delete\' button, \'Delete audio file\' text should be displayed in tooltip', () => {
+            audioPlayerPage.deleteAudioFileButton()
+                .verifyTooltip('Delete audio file');
+        });
+
+        it('CSS of tooltip', { tags: 'css' }, () => {
+            audioPlayerPage.deleteAudioFileButton()
+                .trigger('mouseover');
+            utilities.verifyCSS(audioPlayerPage.tooltipText(), {
+                'color': css.color.whiteText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.tooltipBg
+            });
+        });
+
+        it('When user clicks on the \'Delete\' button, then \'Delete\' popup should be displayed', () => {
+            audioPlayerPage.steps.deleteAudioFile();
+            utilities.verifyElementVisibilityState(audioPlayerPage.dialogBox(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.dialogBoxTitle(), 'Delete');
+        });
+
+        it('The pop up should be displayed with the message \'Are you sure you want to delete the audio file?\'', () => {
+            utilities.verifyInnerText(audioPlayerPage.dialogBoxContent(), 'Are you sure you want to delete the audio file?');
+            utilities.verifyInnerText(audioPlayerPage.buttonAccept(), 'Delete audio file');
+            utilities.verifyInnerText(audioPlayerPage.buttonReject(), 'Cancel');
+        });
+
+        it('CSS of popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.dialogBox(), {
+                'background-color': css.color.defaultBackground,
+            });
+            utilities.verifyCSS(audioPlayerPage.dialogBoxContent().find('[class*="DeletePopupWrapper"]'), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioPlayerPage.buttonAccept(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.buttonReject(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('Accessibility of the popup', () => {
+            cy.checkAccessibility(audioPlayerPage.dialogBox());
+        });
+
+        it('When user clicks on \'Cancel\' button, then popup should close and user should remain on the edit interface of the question', () => {
+            audioPlayerPage.steps.clickOnRejectButtonInDialogBox();
+            utilities.verifyElementVisibilityState(audioPlayerPage.dialogBox(), 'notExist');
+            utilities.verifyInnerText(audioPlayerPage.uploadedFileNameLabel(), 'sample2.mp3');
+        });
+
+        it('When user clicks on \'Delete\' button, then popup should close and uploaded audio file should be deleted', () => {
+            audioPlayerPage.steps.deleteAudioFile();
+            audioPlayerPage.steps.clickOnAcceptButtonInDialogBox();
+            utilities.verifyElementVisibilityState(audioPlayerPage.dialogBox(), 'notExist');
+            utilities.verifyInnerText(audioPlayerPage.uploadAudioNoFileChosenLabel(), 'No file chosen');
+        });
+    });
+
+    describe('\'Add audio URL\' section', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('User should be able to select \'Add audio URL\' radio button', () => {
+            audioPlayerPage.steps.selectAddAudioURLRadioButton();
+            audioPlayerPage.steps.verifyUploadAudioFileRadioButtonIsNotSelected();
+        })
+
+        it('\'Source URL\' label and input field should be displayed. By default, the source url input field should be empty', () => {
+            utilities.verifyInnerText(audioPlayerPage.sourceUrlLabel(), 'Source URL');
+            utilities.verifyElementVisibilityState(audioPlayerPage.sourceUrlLabel(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.sourceUrlInputField(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.sourceUrlInputField(), '');
+        });
+
+        it('CSS of \'Add audio URL\' Section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.sourceUrlLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.sourceUrlInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Add audio URL\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.addAudioURLLabel().parents('.audio-player-resource'));
+        });
+
+        it('When user focuses in and out of the \'Source URL\' input field, \'Error: Source URL is required.\' error message should be displayed below \'Source URL\' input field.', () => {
+            audioPlayerPage.steps.focusInAndFocusOutOfSourceURLInputField();
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error: Source URL is required.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+
+        audioPlayerPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('When user adds a MP3 file in \'Source URL\' input field, \'Error: Source URL is required.\' validation message should disappear', () => {
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleMp3Link);
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'notExist');
+        });
+
+        it('When user adds invalid file format URL in \'Source URL\' input field, \'Error: The provided URL does not link to a supported audio file. Please enter a URL for a MP3, WAV, AAC file.\' validation message should be displayed', () => {
+            audioPlayerPage.steps.clearTextInSourceURLInputField();
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.foxImageLink);
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error: The provided URL does not link to a supported audio file. Please enter a URL for a MP3, WAV, AAC file.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+
+        audioPlayerPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('When user adds valid file URL in \'Source URL\' input field, \'Error: The provided URL does not link to a supported audio file. Please enter a URL for a MP3, WAV, AAC file.\' validation message should disappear', () => {
+            audioPlayerPage.steps.clearTextInSourceURLInputField();
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleMp3Link);
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'notExist');
+        });
+
+        it('When user adds invalid text in \'Source URL\' input field, \'Error: The provided URL does not link to a supported audio file. Please enter a URL for a MP3, WAV, AAC file.\' validation message should be displayed', () => {
+            audioPlayerPage.steps.clearTextInSourceURLInputField();
+            audioPlayerPage.steps.enterTextInSourceURLInputField('Invalid text');
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error: The provided URL does not link to a supported audio file. Please enter a URL for a MP3, WAV, AAC file.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+    });
+
+    describe('\'Upload audio file\' and \'Add audio URL\' functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When user has not uploaded any audio file nor added any URL and clicks on \'Play\' button in preview tab, then error message \'Error loading audio\'', () => {
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error loading audio');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+
+        audioPlayerPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('When user has uploaded an invalid file and clicks on \'Play\' button in preview tab, then error message \'Error loading audio\'', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp4');
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error loading audio');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+
+        it('When user adds invalid file format URL in \'Source URL\' input field and clicks on \'Play\' button in preview tab, then error message \'Error loading audio\'', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.selectAddAudioURLRadioButton();
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.foxImageLink);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error loading audio');
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+        });
+
+        it('When user valid file format URL in \'Source URL\' input field, then audio player should be displayed in preview tab and user should be able to play MP3 audio file.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearTextInSourceURLInputField();
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleWAVLink);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+
+        it('When user uploads a valid file, then audio player should be displayed in preview tab and user should be able to play MP3 audio file.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.selectUploadAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+    });
+});

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

@@ -434,7 +434,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
     
-            audioResponsePage.tests.verifyPlaybackSpeedContents();
+            audioResponsePage.tests.verifyPlaybackSpeedContents(playbackSpeedOptions);
     
             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`, () => {

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

@@ -426,7 +426,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
                 audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
             });
 
-            audioResponsePage.tests.verifyPlaybackSpeedContents();
+            audioResponsePage.tests.verifyPlaybackSpeedContents(playbackSpeedOptions);
 
             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`, () => {

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

@@ -465,7 +465,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
                 audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
             });
 
-            audioResponsePage.tests.verifyPlaybackSpeedContents();
+            audioResponsePage.tests.verifyPlaybackSpeedContents(playbackSpeedOptions);
 
             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`, () => {

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

@@ -327,7 +327,7 @@ 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 options container, the selected option should get back in the options container', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Eagle', 0);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Whale', 'Platypus', 'Eagle']);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Parrot', 'Whale', 'Eagle']);
         });
     });
 

package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js

@@ -36,10 +36,8 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
                     .then(($refID) => {
                         itemReferenceID = $refID;
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        drawingResponsePage.steps.selectStudentViewToolbarOption('text');
+                        drawingResponsePage.steps.selectStudentViewToolbarOption('Curved line');
                         drawingResponsePage.steps.clickOnStudentViewUpperCanvas();
-                        drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Special characters');
-                        drawingResponsePage.steps.selectCustomSpecialCharacter();
                         studentViewPage.steps.submitResponse();
                         studentViewPage.steps.clickOnGoToGradingViewButton();
                     });
@@ -51,11 +49,10 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
                 utilities.verifyElementVisibilityState(drawingResponsePage.questionInstructionsText(), 'visible');
             });
 
-            it('A preview of the canvas along with the selected tools and controls should be displayed. All contents inside the canvas should be in disabled state', () => {
-                for (let index = 0; index < defaultToolbarAndControlOptions.length; index++) {
-                    utilities.verifyElementVisibilityState(drawingResponsePage.studentAndGradingViewDrawingToolbarOption(defaultToolbarAndControlOptions[index]), 'visible');
-                }
-                utilities.verifyElementDisabledClass(drawingResponsePage.drawingToolWrapper())
+            it('A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
+                utilities.verifyElementVisibilityState(drawingResponsePage.gradingViewPlayFeatureButton(), 'visible');
+                utilities.verifyElementVisibilityState(drawingResponsePage.previewTabLowerCanvas(), 'visible');
+                drawingResponsePage.steps.clickOnPlayButtonInGradingView();
             });
 
             it('Empty score input field and total score should be displayed', () => {