itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-repoUpdate3May-f180558.0

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

@@ -0,0 +1,253 @@
+import { audioPlayerPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Student view settings - Allow students to download audio and Limit play attempts checkboxes', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Allow students to download audio and Limit play attempts checkboxes - edit tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('\'Student view settings\' label should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.studentViewSettingsLabel(), 'Student view settings');
+            utilities.verifyElementVisibilityState(audioPlayerPage.studentViewSettingsLabel(), 'visible');
+        });
+
+        it('\'Allow students to download the audio\' and \'Limit play attempts\' label and checkbox should be displayed and by default the checkboxes should be unchecked.', () => {
+            utilities.verifyInnerText(audioPlayerPage.allowStudentsToDownloadAudioLabel(), 'Allow students to download the audio');
+            utilities.verifyElementVisibilityState(audioPlayerPage.allowStudentsToDownloadAudioLabel(), 'visible');
+            audioPlayerPage.steps.verifyAllowStudentsToDownloadAudioCheckboxNotChecked();
+            utilities.verifyInnerText(audioPlayerPage.limitPlayAttemptsLabel(), 'Limit play attempts');
+            utilities.verifyElementVisibilityState(audioPlayerPage.limitPlayAttemptsLabel(), 'visible');
+            audioPlayerPage.steps.verifyLimitPlayAttemptsCheckboxNotChecked();
+        });
+
+        it('CSS of \'Allow students to download the audio\' and \'Limit play attempts\' checkbox - unchecked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.allowStudentsToDownloadAudioCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(audioPlayerPage.limitPlayAttemptsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+
+        it('The user should be able to check the \'Allow students to download the audio\' and \'Limit play attempts\' checkbox', () => {
+            audioPlayerPage.steps.checkAllowStudentsToDownloadAudioCheckbox();
+            audioPlayerPage.steps.checkLimitPlayAttemptsCheckboxCheckbox();
+        });
+
+        it('CSS of \'Allow students to download the audio\' and \'Limit play attempts\' checkbox - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.allowStudentsToDownloadAudioCheckbox().parent('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(audioPlayerPage.limitPlayAttemptsCheckbox().parent('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of\'Allow students to download the audio\' and \'Limit play attempts\' checkbox - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.allowStudentsToDownloadAudioCheckbox().parents('.audio-player-resource'));
+        });
+
+        it('When limit playback attempts checkbox is checked, then \'Play attempts limit\' label and empty input field should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.playAttemptsLimitLabel(), 'Play attempts limit');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playAttemptsLimitLabel(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.playAttemptsLimitInputField(), '');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playAttemptsLimitInputField(), 'visible');
+        });
+
+        it('When the user focuses in and out of the \'Play attempts limit\' input field, no error message should be displayed', () => {
+            audioPlayerPage.steps.focusInAndFocusOutOfPlayAttemptsLimitInputField()
+            utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'notExist');
+        })
+
+        it('CSS of student view settings section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.studentViewSettingsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.allowStudentsToDownloadAudioLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioPlayerPage.limitPlayAttemptsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioPlayerPage.playAttemptsLimitLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.playAttemptsLimitInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When user adds decimal values or alphanumeric values then only numeric values should be displayed in the \'Playback limit\' input field', () => {
+            audioPlayerPage.steps.setPlaybackLimit('.10.0');
+            audioPlayerPage.steps.verifyPlaybackLimitInputFieldValue('100');
+            audioPlayerPage.steps.setPlaybackLimit('!@#ab5cd8e4');
+            audioPlayerPage.steps.verifyPlaybackLimitInputFieldValue('584');
+        });
+
+        it('When user unchecks the limit playback attempts checkbox, then playback limit label and input field should not be displayed', () => {
+            audioPlayerPage.steps.uncheckLimitPlayAttemptsCheckbox();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playAttemptsLimitLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playAttemptsLimitInputField(), 'notExist');
+        });
+    });
+
+    //We are unable to test the download an audio functionality, have added in manual sheet
+    describe('Allow students to download audio - preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.uploadFile('uploads/sample10Sec.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Allow students to download the audio\' checkbox is in unchecked state, the download button should not be displayed for the audio present in the preview tab.', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.audioDownloadButton(), 'notExist')
+        });
+
+        it('When user checks the \'Allow students to download the audio\' checkbox, download button should be displayed for the audio present in the preview tab.', () => {
+            audioPlayerPage.steps.switchToEditTab()
+            audioPlayerPage.steps.checkAllowStudentsToDownloadAudioCheckbox();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.audioDownloadButton(), 'visible')
+        });
+
+        it('When user hovers over the download audio button, then tooltip \'Download audio\' should be displayed', () => {
+            audioPlayerPage.audioDownloadButton()
+                .verifyTooltip('Download audio');
+        });
+
+        it('When the user clicks on \'Download\' button, window open method should be called with target blank', () => {
+            audioPlayerPage.steps.verifyWindowOpenMethodAfterClickingOnDownloadAudioButton();
+        });
+
+        it('CSS of the download button', { tags: 'css' }, () => {
+            audioPlayerPage.audioDownloadButton()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('Accessibility of the download button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.audioDownloadButton().parents('.audio-player-toolbar'))
+        });
+
+        it('When the user unchecks the \'Allow students to download the audio\' checkbox, the download button should not be displayed for the audio present in the preview tab.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.uncheckAllowStudentsToDownloadAudioCheckbox();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.audioDownloadButton(), 'notExist')
+        });
+    });
+
+    describe('Limit play attempts : Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.uploadFile('uploads/sample10Sec.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Allow students to download the audio\' checkbox is unchecked, no help text should be displayed in the preview tab', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackLimitHelpText(), 'notExist');
+        });
+
+        it('When the \'Allow students to download the audio\' checkbox is unchecked and user has not set any play limit, no help text should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.checkLimitPlayAttemptsCheckboxCheckbox();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackLimitHelpText(), 'notExist');
+        });
+
+        it('When the user sets a playback limit, then a help text \'You have # plays remaining.\' should be displayed beside the audio player in preview tab. (# being the playback limit set by the user in the edit tab)', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.setPlaybackLimit(2);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyPlaybackLimitHelpTextPreviewTab(2);
+        });
+
+        it('When user plays the audio in preview tab, play count displayed in the help text message should get updated.', () => {
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:10', '00:10');
+            utilities.verifyInnerText(audioPlayerPage.playbackLimitHelpText(), 'You have 1 play remaining.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackLimitHelpText(), 'visible');
+        });
+
+        it('CSS of message displayed below audio player and play button in preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.playbackLimitHelpText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular,
+                'font-style': 'italic'
+            });
+        });
+
+        it('Accessibility of message displayed below audio player in preview tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.playbackLimitHelpText().parents('.audio-resource-preview-wrapper'));
+        });
+
+        it('When user reaches maximum playback limit in preview tab, message displayed below audio player should be updated to \'You\'ve reached the playback limit for this audio clip.\' and play button should get disabled.', () => {
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:10', '00:10');
+            utilities.verifyInnerText(audioPlayerPage.playbackLimitHelpText(), 'You\'ve reached the playback limit for this audio clip.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackLimitHelpText(), 'visible');
+            audioPlayerPage.steps.verifyPlaybackPlayButtonDisabledState();
+        });
+
+        it('CSS of \'You\'ve reached the playback limit for this audio clip.\' message', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.playbackLimitHelpText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular,
+                'font-style': 'italic'
+            });
+        });
+
+        it('Accessibility of \'You\'ve reached the playback limit for this audio clip.\' message and play button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.playbackLimitHelpText().parents('.audio-resource-preview-wrapper'));
+        });
+
+        it('The playback limit should reset if the user revisits preview tab', () => {
+            audioPlayerPage.steps.resetQuestionPreview();
+            audioPlayerPage.steps.verifyPlaybackLimitHelpTextPreviewTab(2);
+        });
+
+        it('When user updates the play limit, then it should be reflected in the preview tab help text', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.setPlaybackLimit(3);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyPlaybackLimitHelpTextPreviewTab(3);
+        });
+
+        it('When user removes the play limit, then user should be able to play the audio multiple times', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.uncheckLimitPlayAttemptsCheckbox();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPlayButton());
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPlayButton());
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPlayButton());
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPlayButton());
+        })
+    });
+});

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/additionalSettingsBasic.js

@@ -76,29 +76,8 @@ describe('Audio response - Additional settings', () => {
             audioResponsePage.steps.expandAdditionalSettings();
         });
 
-        it('In details section, \'Allow teachers to download student response\' checkbox and label should be displayed and by default it should be checked', () => {
-            utilities.verifyInnerText(audioResponsePage.allowTeachersToDownloadStudentResponseLabel(), 'Allow teachers to download student response');
-            utilities.verifyElementVisibilityState(audioResponsePage.allowTeachersToDownloadStudentResponseLabel(), 'visible');
-            utilities.verifyElementVisibilityState(audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox(), 'exist');
-            audioResponsePage.steps.verifyAllowTeachersToDownloadStudentResponseCheckboxChecked();
-        });
-
-        it('User should be able to uncheck and check \'Allow teachers to download student response\' checkbox', () => {
-            audioResponsePage.steps.uncheckAllowTeachersToDownloadStudentResponseCheckbox();
-            audioResponsePage.steps.checkAllowTeachersToDownloadStudentResponseCheckbox();
-        });
+        audioResponsePage.tests.verifyAllowTeachersToDownloadStudentResponseSection();
 
         audioResponsePage.tests.verifyDetailsSection();
-
-        it('CSS of \'Allow teachers to download student response\' checkbox and label section', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.allowTeachersToDownloadStudentResponseLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox().parents('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
-                'fill': css.color.activeButtons
-            });
-        })
     });
 });

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`, () => {