itemengine-cypress-automation 1.0.51 → 1.0.63

package/cypress/e2e/ILC/AudioPlayer/audioPlayerEditTabTitleDescriptionAndTranscript.js

@@ -0,0 +1,187 @@
+import { audioPlayerPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Audio player: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Title\' section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('\'Title\' label and input field should be displayed. By default, the title input field should be empty', () => {
+            utilities.verifyInnerText(audioPlayerPage.titleLabel(), 'Title');
+            utilities.verifyElementVisibilityState(audioPlayerPage.titleLabel(), 'visible');
+            audioPlayerPage.steps.verifyTextInTitleInputField('');
+            utilities.verifyElementVisibilityState(audioPlayerPage.titleInputField(), 'visible');
+        });
+
+        it('The user should be able to enter text in the title input field', () => {
+            audioPlayerPage.steps.enterTextInTitleInputField('Read carefully');
+            audioPlayerPage.steps.verifyTextInTitleInputField('Read carefully');
+        });
+
+        it('CSS of \'Title\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.titleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.titleInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('\'Description\' section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('\'Description\' label and empty input field should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.descriptionLabel(), 'Description');
+            utilities.verifyElementVisibilityState(audioPlayerPage.descriptionLabel(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.descriptionInputField(), '\n');
+            utilities.verifyElementVisibilityState(audioPlayerPage.descriptionInputField(), 'visible');
+        });
+
+        it('The user should be able to enter text in the \'Description\' input field', () => {
+            audioPlayerPage.steps.enterTextInDescriptionInputField('This is a descriptive text');
+            utilities.verifyInnerText(audioPlayerPage.descriptionInputField(), 'This is a descriptive text');
+        });
+
+        it('CSS of \'Description\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.descriptionLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.descriptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('\'Description\' input field with image, equation, link and bold text : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user adds an image in the description input field using the image option from ckEditor toolbar, the image should be displayed in the description input field', () => {
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectImageOptionFromCKEditorToolbar()
+            audioPlayerPage.steps.addImageToInputField();
+            audioPlayerPage.steps.verifyImageAndAltTextInDescriptionInputField();
+        });
+
+        it('When the user adds an equation in the description input field using the image option from ckEditor toolbar, the image should be displayed in the description input field', () => {
+            audioPlayerPage.steps.clearDescriptionInputField();
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            audioPlayerPage.steps.verifyEquationInDescriptionInputField();
+        });
+
+        it('When the user adds a link in the description input field using the image option from ckEditor toolbar, the image should be displayed in the description input field', () => {
+            audioPlayerPage.steps.clearDescriptionInputField();
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectLinkOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addLinkToInputField();
+            audioPlayerPage.steps.verifyLinkInDescriptionInputField();
+        });
+
+        it('When the user adds a bold text in the description input field using the image option from ckEditor toolbar, the image should be displayed in the description input field', () => {
+            audioPlayerPage.steps.clearDescriptionInputField();
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectBoldOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.enterTextInDescriptionInputField('This is a bold text in description input field');
+            audioPlayerPage.steps.verifyBoldTextInDescriptionInputField();
+        });
+    });
+
+    describe('\'Transcript\' section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('\'Transcript\' label and empty input field should be displayed', () => {
+            utilities.verifyInnerText(audioPlayerPage.transcriptLabel(), 'Transcript');
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptLabel(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.transcriptInputField(), '\n');
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptInputField(), 'visible');
+        });
+
+        it('The user should be able to enter text in the \'Transcript\' input field', () => {
+            audioPlayerPage.steps.enterTextInTranscriptInputField('This is a transcript text');
+            utilities.verifyInnerText(audioPlayerPage.transcriptInputField(), 'This is a transcript text');
+        });
+
+        it('CSS of \'Transcript\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.transcriptLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.transcriptInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('\'Transcript\' input field with image, equation, link and bold text : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user adds an image in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the transcript input field', () => {
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectImageOptionFromCKEditorToolbar()
+            audioPlayerPage.steps.addImageToInputField();
+            audioPlayerPage.steps.verifyImageAndAltTextInTranscriptInputField();
+        });
+
+        it('When the user adds an equation in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the transcript input field', () => {
+            audioPlayerPage.steps.clearTranscriptInputField();
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            audioPlayerPage.steps.verifyEquationInTranscriptInputField();
+        });
+
+        it('When the user adds a link in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the transcript input field', () => {
+            audioPlayerPage.steps.clearTranscriptInputField();
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectLinkOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addLinkToInputField();
+            audioPlayerPage.steps.verifyLinkInTranscriptInputField();
+        });
+
+        it('When the user adds a bold text in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the transcript input field', () => {
+            audioPlayerPage.steps.clearTranscriptInputField();
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectBoldOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.enterTextInTranscriptInputField('This is a bold text in transcript input field');
+            audioPlayerPage.steps.verifyBoldTextInTranscriptInputField();
+        });
+    });
+});

package/cypress/e2e/ILC/AudioPlayer/audioPlayerHeaderSection.js

@@ -0,0 +1,73 @@
+import { audioPlayerPage, dialogBoxBase } 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('Create question page - Audio player: Header section and saving resource tool', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        audioPlayerPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Audio player');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        audioPlayerPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        audioPlayerPage.tests.verifyCancelButton();
+    });
+
+    describe('Save button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error message(s) should be displayed below required input field(s)', () => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
+                utilities.verifyInnerText(audioPlayerPage.errorMessage(), 'Error: Source URL is required.');        
+            });
+
+            it('Validation error message(s) should disappear when required input field(s) are filled', () => {
+                audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleMp3Link);
+                utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'hidden');
+            });
+
+            audioPlayerPage.tests.verifya11yOfCreateItemWrapperContents();
+        });
+
+        describe('Saving a resource tool', () => {
+            it('When user has filled all the mandatory fields then on clicking on \'Save\' button, the resource tool should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                audioPlayerPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            audioPlayerPage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

package/cypress/e2e/ILC/AudioPlayer/audioPlayerPreviewTab.js

@@ -0,0 +1,302 @@
+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: Preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Playback limit : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample10Sec.mp3');
+        });
+
+        it('When the user has not set any playback limit, no help text should be displayed in the preview tab', () => {
+            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();
+            utilities.verifyInnerText(audioPlayerPage.playbackLimitHelpText(), 'You have 2 plays remaining.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackLimitHelpText(), 'visible');
+        });
+
+        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();
+            //Waiting for the playback to complete
+            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'));
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/547262
+        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();
+            //Waiting for the playback to complete
+            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();
+            utilities.verifyInnerText(audioPlayerPage.playbackLimitHelpText(), 'You have 2 plays remaining.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackLimitHelpText(), 'visible');
+        });
+    });
+
+    //We are unable to test the download an audio functionality, have added in manual sheet
+    describe('Allow students to download the audio : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            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.checkUncheckAllowStudentsToDownloadAudioCheckbox();
+            audioPlayerPage.steps.verifyAllowStudentsToDownloadAudioCheckboxChecked();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.audioDownloadButton(), 'visible')
+        });
+
+        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.checkUncheckAllowStudentsToDownloadAudioCheckbox();
+            audioPlayerPage.steps.verifyAllowStudentsToDownloadAudioCheckboxNotChecked();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.audioDownloadButton(), 'notExist')
+        });
+    });
+
+    describe('Customize UI Controls for Playback : Play', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+        });
+
+        it('When the \'Play\' option is in selected state in the customize UI controls for playback accordion, then the play button should be enabled for audio player in the preview tab', () => {
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyPlaybackPlayButtonEnabledState();
+        });
+
+        it('When the \'Play\' option is deselected, then the play button should be disabled for audio player in the preview tab and user should not able to play audio from audio player', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clickOnCustomizeUIControlAccordion();
+            audioPlayerPage.steps.clickOnCustomizeControlPlayButton();
+            audioPlayerPage.steps.verifyCustomizeControlPlayButtonDeselectedState();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyPlaybackPlayButtonDisabledState();
+        });
+    });
+
+    describe('Customize UI Controls for Playback : Pause', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Pause\' option is in selected state in the customize UI controls for playback accordion, on starting the playback the pause button should be displayed in enabled state in the preview tab', () => {
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
+            audioPlayerPage.steps.verifyPlaybackPauseButtonEnabledState();
+        });
+
+        it('When the \'Pause\' option is deselected, then the pause button should be disabled for audio player displayed in the preview tab and user should not able to paused audio file', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clickOnCustomizeUIControlAccordion();
+            audioPlayerPage.steps.clickOnCustomizeControlPauseButton();
+            audioPlayerPage.steps.verifyCustomizeControlPauseButtonDeselectedState();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
+            audioPlayerPage.steps.verifyPlaybackPauseButtonDisabledState();
+        });
+    });
+
+    describe('Customize UI Controls for Playback : Seek', () => {
+        let actualAudioSeekedInPercent = 50
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Seek\' option is in selected state in the customize UI controls for playback accordion, the progress bar slider should be displayed and user should be able to seek the audio', () => {
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBarSlider(), 'visible');
+            audioPlayerPage.steps.verifyPlaybackProgressBarSliderEnabledState();
+            audioPlayerPage.steps.seekProgressBarSliderToCenter();
+            audioPlayerPage.steps.addWaitToPlayAudio(1000);
+            audioPlayerPage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+        });
+
+        it('When \'Seek\' option is deselected, the progress bar should not have a slider handle and user should not be able to seek the progress bar', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clickOnCustomizeUIControlAccordion();
+            audioPlayerPage.steps.clickOnCustomizeControlSeekButton();
+            audioPlayerPage.steps.verifyCustomizeControlSeekButtonDeselectedState();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBarSlider(), 'hidden');
+            audioPlayerPage.steps.verifyPlaybackProgressBarSliderDisabledState();
+            audioPlayerPage.steps.verifyProgressBarSliderWhenSeekIsDisabled();
+        });
+    });
+
+    describe('Advanced player layout settings : Timer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample10Sec.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the timer button in advanced player layout settings accordion is in selected state, then in the audio playback player, timer should be displayed', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackElapsedTime(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackTotalTime(), 'visible');
+        });
+
+        it('When the user switches to the edit tab and deselects the timer button, then in the audio playback player, timer should not be displayed and on starting the playback, the progress bar should continue to increment', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clickOnAdvancedPlayerSettingsAccordion();
+            audioPlayerPage.steps.clickOnAdvancedPlayerTimerButton();
+            audioPlayerPage.steps.verifyAdvancedPlayerTimerButtonDeselectedState();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayer(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackElapsedTime(), 'notExist');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackTotalTime(), 'notExist');
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForAudioFileSrcToLoad();
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBarSlider(), 'visible');
+            audioPlayerPage.steps.addWaitToPlayAudio(3000);
+            audioPlayerPage.steps.verifyProgressBarSliderPosition(10);
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBar(), 'visible');
+        });
+    });
+
+    describe('Advanced player layout settings : Progress bar', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample10Sec.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the progress bar button in advanced player layout settings accordion is in selected state, then in the audio playback player, progress bar should be displayed', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBar(), 'visible');
+        });
+
+        it('When the user switches to the edit tab and deselects the progress bar button, then in the audio playback player, progress bar should not be displayed and on starting the playback, the timer should continue to increment', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clickOnAdvancedPlayerSettingsAccordion();
+            audioPlayerPage.steps.clickOnAdvancedPlayerProgressBarButton();
+            audioPlayerPage.steps.verifyAdvancedPlayerProgressBarButtonDeselectedState();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayer(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBarSlider(), 'notExist');
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:03/00:10');
+        });
+    });
+
+    describe('Advanced player layout settings : Volume control', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When all the advanced player options are in selected state, then in the audio playback player, volume control should be displayed', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlButton(), 'visible');
+        });
+
+        it('When the user switches to the edit tab and deselects the volume control button, then in the audio playback player, volume control button should not be displayed', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clickOnAdvancedPlayerVolumeControlButton();
+            audioPlayerPage.steps.verifyAdvancedPlayerVolumeControlButtonDeselectedState();
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlButton(), 'notExist');
+        });
+    });
+});