itemengine-cypress-automation 1.0.2

package/cypress/pages/audioPlayerPage.js

@@ -0,0 +1,628 @@
+import constants from "../fixtures/constants";
+import utilities from "../support/helpers/utilities";
+import { dialogBoxBase } from "./dialogBoxBase";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
+import { createQuestionBasePage, commonComponents, ckEditorToolbar, equationEditorFlyout, playbackControlsBaseComponent } from "./components"
+
+const selectors = {
+    ...commonComponents,
+    ...ckEditorToolbar,
+    ...playbackControlsBaseComponent,
+    addUrlLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(0),
+    addUrlRadioButton: () => cy.get('.ngie-radio-btn input').eq(0),
+    addAudioFileLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(1),
+    addAudioFileRadioButton: () => cy.get('.ngie-radio-btn input').eq(1),
+    sourceUrlLabel: () => cy.get('.inline-text-property-label').eq(0),
+    sourceUrlInputField: () => cy.get('input[aria-label="Source URL"]'),
+    noFileChosenLabel: () => cy.get('[aria-label="No file chosen"]'),
+    uploadedFileNameLabel: () => cy.get('.selected-file'),
+    uploadLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(0),
+    fileNameLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(1),
+    chooseFileButton: () => cy.get('.choose-file-button'),
+    fileUploadProgressBar: () => cy.get('[class*="AudioPlayerstyles__ProgressBar-"]'),
+    inputTypeFile: () => cy.get('input[type="file"]'),
+    playerTypeLabel: () => cy.get('.player-type-dropdown-label'),
+    playerTypeDropdown: () => cy.get('#Player-type-select'),
+    playbackLimitLabel: () => cy.get('.playback-limit-wrapper [class*="Label"]'),
+    playbackLimitInputField: () => cy.get('.playback-limit-wrapper input'),
+    titleLabel: () => cy.get('.inline-text-property-label').last(),
+    titleInputField: () => cy.get('input[aria-label="Title"]'),
+    descriptionLabel: () => cy.get('.additional-settings-label').eq(0),
+    descriptionInputField: () => cy.get('[role="textbox"][title="Description"]'),
+    transcriptLabel: () => cy.get('.additional-settings-label').eq(1),
+    transcriptInputField: () => cy.get('[role="textbox"][title="Transcript"]'),
+    customizeUIControlAccordion: () => cy.get('.ngie-accordion').eq(0),
+    advancedPlayerSettingsAccordion: () => cy.get('.ngie-accordion').eq(1),
+    customizeControlPlayButton: () => cy.get('[data-ngie-testid="play-toggle-button"]'),
+    customizeControlButtonLabel: () => cy.get('.audio-response-selection-panel-details').eq(0).find('.customized_button_label'),
+    customizeControlPauseButton: () => cy.get('[data-ngie-testid="pause-toggle-button"]'),
+    customizeControlSeekButton: () => cy.get('[data-ngie-testid="seek-toggle-button"]'),
+    advancedPlayerButtonLabel: () => cy.get('.audio-response-selection-panel-details').eq(1).find('.customized_button_label'),
+    advancedPlayerTimerButton: () => cy.get('[data-ngie-testid="timer-toggle-button"]'),
+    advancedPlayerProgressBarButton: () => cy.get('[data-ngie-testid="progress-bar-toggle-button"]'),
+    advancedPlayerVolumeControlButton: () => cy.get('[data-ngie-testid="volume-control-toggle-button"]'),
+    allowStudentsToDownloadAudioLabel: () => cy.get('[data-ngie-testid="allow-students-to-download-the-audio-checkbox"] .MuiFormControlLabel-label'),
+    allowStudentsToDownloadAudioCheckbox: () => cy.get('[data-ngie-testid="allow-students-to-download-the-audio-checkbox"] input'),
+    selectedButtonIcon: () => cy.get('.ngie-toggle-button-tick-icon'),
+    accordionChevronIcon: () => cy.get('[class*="expandIcon"]'),
+    accordionButtonLabel: () => cy.get('.customized_button_label'),
+    audioDownloadButton: () => cy.get('.audio-download-icon-wr'),
+    playbackLimitHelpText: () => cy.get('.playback-limit-remaining'),
+    playbackElapsedTime: () => cy.get('.audio-player-current-time'),
+    playbackTotalTime: () => cy.get('.audio-player-duration'),
+    audioFileSrc: () => cy.get('.audio-player-toolbar audio'),
+    titlePreviewTab: () => cy.get('.audio-resource-title'),
+    descriptionPreviewTab: () => cy.get('.audio-resource-preview-wrapper .question-text-wrapper'),
+    transcriptTitlePreviewTab: () => cy.get('.transcript-title'),
+    transcriptPrintButton: () => cy.get('button[aria-label="Print preview"]'),
+    transcriptModalCloseButton: () => cy.get('button[aria-label="Close"]'),
+    transcriptContentPreviewTab: () => cy.get('[class*="Transcriptstyles__TranscriptContent"]'),
+    transcriptButton: () => cy.get('button[aria-label="Transcript"]'),
+    transcriptModal: () => cy.get('[class*="Transcriptstyles__TranscriptWrapper"]'),
+    audioDownloadButton: () => cy.get('.audio-download-icon-wr'),
+    playbackLimitHelpText: () => cy.get('.playback-limit-remaining'),
+    playbackPlayer: () => cy.get('.audio-player-toolbar')
+}
+
+const steps = {
+    ...createQuestionBasePage.steps,
+    ...ckEditorToolbar.steps,
+    ...equationEditorFlyout.steps,
+    ...commonComponents.steps,
+    ...playbackControlsBaseComponent.steps,
+    verifyAddUrlCheckedState: () => {
+        audioPlayerPage.addUrlRadioButton()
+            .should('be.checked');
+    },
+
+    verifyAddUrlUncheckedState: () => {
+        audioPlayerPage.addUrlRadioButton()
+            .should('not.be.checked');
+    },
+
+    clickOnAddUrlRadioButton: () => {
+        audioPlayerPage.addUrlRadioButton()
+            .click();
+    },
+
+    verifyAddAudioFileCheckedState: () => {
+        audioPlayerPage.addAudioFileRadioButton()
+            .should('be.checked');
+    },
+
+    verifyAddAudioFileUncheckedState: () => {
+        audioPlayerPage.addAudioFileRadioButton()
+            .should('not.be.checked');
+    },
+
+    clickOnAddAudioFileRadioButton: () => {
+        audioPlayerPage.addAudioFileRadioButton()
+            .click();
+    },
+
+    focusInAndFocusOutOfSourceURLInputField: () => {
+        audioPlayerPage.sourceUrlInputField()
+            .click()
+            .blur();
+    },
+
+    /**
+     * Enters text into the source URL input field on the audio player page.
+     * @param {string} text - The text to be entered into the source URL input field.
+     * @returns {void}
+     */
+    enterTextInSourceURLInputField: (text) => {
+        audioPlayerPage.sourceUrlInputField()
+            .type(text, { delay: 0 })
+            .blur();
+    },
+
+    clearTextInSourceURLInputField: () => {
+        audioPlayerPage.sourceUrlInputField()
+            .clear();
+    },
+
+    /**
+     * Uploads a file to the audio player by attaching the file located at the specified filePath.
+     * @param {string} filePath - The file path to the file to be uploaded.
+     * @returns {void}
+     */
+    uploadFile: (filePath) => {
+        audioPlayerPage.inputTypeFile()
+            .attachFile(filePath);
+        utilities.verifyElementVisibilityState(audioPlayerPage.fileUploadProgressBar(), 'hidden');
+    },
+
+    verifyPlayerTypeDropdownDisabledState: () => {
+        audioPlayerPage.playerTypeDropdown()
+            .should('have.class', 'Mui-disabled');
+    },
+
+    /**
+     * Sets the playback limit value in the audio player's input field.
+     * @param {string|number} value - The value to set as the playback limit.
+     * @returns {void}
+     */
+    setPlaybackLimit: (value) => {
+        audioPlayerPage.playbackLimitInputField()
+            .clear()
+            .type(value)
+    },
+
+    /**
+     * Verifies that the playback limit input field in the audio player has the expected value.
+     * @param {string|number} value - The expected value to be verified.
+     * @returns {void}
+     */
+    verifyPlaybackLimitInputFieldValue: (value) => {
+        audioPlayerPage.playbackLimitInputField()
+            .should('have.attr', 'value', value);
+    },
+
+    focusInAndFocusOutOfPlaybackLimitInputField: () => {
+        audioPlayerPage.playbackLimitInputField()
+            .click()
+            .blur();
+    },
+
+    /**
+     * Enters text into the title input field on the audio player page.
+     * @param {string} text - The text to be entered into the title input field.
+     * @returns {void}
+     */
+    enterTextInTitleInputField: (text) => {
+        audioPlayerPage.titleInputField()
+            .type(text, { delay: 0 });
+    },
+
+    /**
+     * Verifies that the title input field in the audio player has the expected text value.
+     * @param {string} value - The expected text value to be verified.
+     * @returns {void}
+     */
+    verifyTextInTitleInputField: (value) => {
+        audioPlayerPage.titleInputField()
+            .should('have.attr', 'value', value)
+    },
+
+    focusInDescriptionInputField: () => {
+        audioPlayerPage.descriptionInputField()
+            .click();
+    },
+
+    enterTextInDescriptionInputField: (text) => {
+        audioPlayerPage.descriptionInputField()
+            .type(text)
+            .blur();
+    },
+
+    clearDescriptionInputField: () => {
+        audioPlayerPage.descriptionInputField()
+            .clear();
+    },
+
+    verifyImageAndAltTextInDescriptionInputField: () => {
+        audioPlayerPage.descriptionInputField()
+            .find('img')
+            .should('have.attr', 'src', constants.foxImageLink)
+            .and('have.attr', 'alt', constants.foxImageAltText);
+    },
+
+    verifyImageAndAltTextInDescriptionPreviewTab: () => {
+        audioPlayerPage.descriptionPreviewTab()
+            .find('img')
+            .should('have.attr', 'src', constants.foxImageLink)
+            .and('have.attr', 'alt', constants.foxImageAltText);
+    },
+
+    verifyEquationInDescriptionInputField: () => {
+        audioPlayerPage.descriptionInputField()
+            .find('[data-widget="ngie_equation"]')
+            .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
+            .contains(constants.CKEditorInputFieldEnteredEquationText);
+    },
+
+    verifyEquationInDescriptionPreviewTab: () => {
+        audioPlayerPage.descriptionPreviewTab()
+            .find('[role="math"]')
+            .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
+            .contains(constants.CKEditorInputFieldEnteredEquationText);
+    },
+
+    verifyLinkInDescriptionInputField: () => {
+        audioPlayerPage.descriptionInputField()
+            .find('a')
+            .should('have.text', 'lorem')
+            .and('have.attr', 'href', `${Cypress.config().baseUrl}`);
+    },
+
+    verifyLinkInDescriptionPreviewTab: () => {
+        audioPlayerPage.descriptionPreviewTab()
+            .find('a')
+            .should('have.text', 'lorem')
+            .and('have.attr', 'href', `${Cypress.config().baseUrl}`);
+    },
+
+    verifyBoldTextInDescriptionInputField: () => {
+        audioPlayerPage.descriptionInputField()
+            .find('strong')
+            .should('exist')
+            .should('have.text', '​​​​​​​This is a bold text in description input field');
+    },
+
+    verifyBoldTextInDescriptionPreviewTab: () => {
+        audioPlayerPage.descriptionPreviewTab()
+            .find('strong')
+            .should('exist')
+            .should('have.text', 'This is a bold text in description');
+    },
+
+    focusInTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .click();
+    },
+
+    enterTextInTranscriptInputField: (text) => {
+        audioPlayerPage.transcriptInputField()
+            .type(text)
+            .blur();
+    },
+
+    clearTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .clear();
+    },
+
+    verifyImageAndAltTextInTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .find('img')
+            .should('have.attr', 'src', constants.foxImageLink)
+            .and('have.attr', 'alt', constants.foxImageAltText);
+    },
+
+    verifyImageAndAltTextInTranscriptPreviewTab: () => {
+        audioPlayerPage.transcriptContentPreviewTab()
+            .find('img')
+            .should('have.attr', 'src', constants.foxImageLink)
+            .and('have.attr', 'alt', constants.foxImageAltText);
+    },
+
+    verifyEquationInTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .find('[data-widget="ngie_equation"]')
+            .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
+            .contains(constants.CKEditorInputFieldEnteredEquationText);
+    },
+
+    verifyEquationInTranscriptPreviewTab: () => {
+        audioPlayerPage.transcriptContentPreviewTab()
+            .find('[role="math"]')
+            .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
+            .contains(constants.CKEditorInputFieldEnteredEquationText);
+    },
+
+    verifyLinkInTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .find('a')
+            .should('have.text', 'lorem')
+            .and('have.attr', 'href', `${Cypress.config().baseUrl}`);
+    },
+
+    verifyLinkInTranscriptPreviewTab: () => {
+        audioPlayerPage.transcriptContentPreviewTab()
+            .find('a')
+            .should('have.text', 'lorem')
+            .and('have.attr', 'href', `${Cypress.config().baseUrl}`);
+    },
+
+    verifyBoldTextInTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .find('strong')
+            .should('exist')
+            .should('have.text', '​​​​​​​This is a bold text in transcript input field');
+    },
+
+    verifyBoldTextInTranscriptPreviewTab: () => {
+        audioPlayerPage.transcriptContentPreviewTab()
+            .find('strong')
+            .should('exist')
+            .should('have.text', 'This is a bold text in transcript');
+    },
+
+    verifyCustomizeUIControlAccordionChevronIcon: () => {
+        audioPlayerPage.customizeUIControlAccordion()
+            .within(() => {
+                audioPlayerPage.accordionChevronIcon()
+                    .should('be.visible');
+            });
+    },
+
+    verifyAdvancedPlayerAccordionChevronIcon: () => {
+        audioPlayerPage.advancedPlayerSettingsAccordion()
+            .within(() => {
+                audioPlayerPage.accordionChevronIcon()
+                    .should('be.visible');
+            });
+    },
+
+    verifyCustomizeUIControlAccordionCollapsedState: () => {
+        audioPlayerPage.customizeUIControlAccordion()
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
+    verifyCustomizeUIControlAccordionExpandedState: () => {
+        audioPlayerPage.customizeUIControlAccordion()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    clickOnCustomizeUIControlAccordion: () => {
+        audioPlayerPage.customizeUIControlAccordion()
+            .click();
+    },
+
+    verifyAdvancedPlayerSettingsAccordionCollapsedState: () => {
+        audioPlayerPage.advancedPlayerSettingsAccordion()
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
+    verifyAdvancedPlayerSettingsAccordionExpandedState: () => {
+        audioPlayerPage.advancedPlayerSettingsAccordion()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    clickOnAdvancedPlayerSettingsAccordion: () => {
+        audioPlayerPage.advancedPlayerSettingsAccordion()
+            .click();
+    },
+
+    verifyCustomizeControlPlayButtonSelectedState: () => {
+        audioPlayerPage.customizeControlPlayButton()
+            .should('have.class', 'ngie-toggle-button-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'visible');
+            });
+    },
+
+    verifyCustomizeControlPauseButtonSelectedState: () => {
+        audioPlayerPage.customizeControlPauseButton()
+            .should('have.class', 'ngie-toggle-button-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'visible');
+            });
+    },
+
+    verifyCustomizeControlSeekButtonSelectedState: () => {
+        audioPlayerPage.customizeControlSeekButton()
+            .should('have.class', 'ngie-toggle-button-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'visible');
+            });
+    },
+
+    verifyCustomizeControlPlayButtonDeselectedState: () => {
+        audioPlayerPage.customizeControlPlayButton()
+            .should('have.class', 'ngie-toggle-button-not-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'hidden');
+            });
+    },
+
+    verifyCustomizeControlPauseButtonDeselectedState: () => {
+        audioPlayerPage.customizeControlPauseButton()
+            .should('have.class', 'ngie-toggle-button-not-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'hidden');
+            });
+    },
+
+    verifyCustomizeControlSeekButtonDeselectedState: () => {
+        audioPlayerPage.customizeControlSeekButton()
+            .should('have.class', 'ngie-toggle-button-not-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'hidden');
+            });
+    },
+
+    clickOnCustomizeControlPlayButton: () => {
+        audioPlayerPage.customizeControlPlayButton()
+            .click();
+    },
+
+    clickOnCustomizeControlPauseButton: () => {
+        audioPlayerPage.customizeControlPauseButton()
+            .click();
+    },
+
+    clickOnCustomizeControlSeekButton: () => {
+        audioPlayerPage.customizeControlSeekButton()
+            .click();
+    },
+
+    verifyAdvancedPlayerTimerButtonSelectedState: () => {
+        audioPlayerPage.advancedPlayerTimerButton()
+            .should('have.class', 'ngie-toggle-button-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'visible');
+            });
+    },
+
+    verifyAdvancedPlayerProgressBarButtonSelectedState: () => {
+        audioPlayerPage.advancedPlayerProgressBarButton()
+            .should('have.class', 'ngie-toggle-button-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'visible');
+            });
+    },
+
+    verifyAdvancedPlayerVolumeControlButtonSelectedState: () => {
+        audioPlayerPage.advancedPlayerVolumeControlButton()
+            .should('have.class', 'ngie-toggle-button-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'visible');
+            });
+    },
+
+    verifyAdvancedPlayerTimerButtonDeselectedState: () => {
+        audioPlayerPage.advancedPlayerTimerButton()
+            .should('have.class', 'ngie-toggle-button-not-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'hidden');
+            });
+    },
+
+    verifyAdvancedPlayerProgressBarButtonDeselectedState: () => {
+        audioPlayerPage.advancedPlayerProgressBarButton()
+            .should('have.class', 'ngie-toggle-button-not-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'hidden');
+            });
+    },
+
+    verifyAdvancedPlayerVolumeControlButtonDeselectedState: () => {
+        audioPlayerPage.advancedPlayerVolumeControlButton()
+            .should('have.class', 'ngie-toggle-button-not-selected')
+            .within(() => {
+                utilities.verifyElementVisibilityState(audioPlayerPage.selectedButtonIcon(), 'hidden');
+            });
+    },
+
+    clickOnAdvancedPlayerTimerButton: () => {
+        audioPlayerPage.advancedPlayerTimerButton()
+            .click();
+    },
+
+    clickOnAdvancedPlayerProgressBarButton: () => {
+        audioPlayerPage.advancedPlayerProgressBarButton()
+            .click();
+    },
+
+    clickOnAdvancedPlayerVolumeControlButton: () => {
+        audioPlayerPage.advancedPlayerVolumeControlButton()
+            .click();
+    },
+
+    verifyAllowStudentsToDownloadAudioCheckboxNotChecked: () => {
+        audioPlayerPage.allowStudentsToDownloadAudioCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyAllowStudentsToDownloadAudioCheckboxChecked: () => {
+        audioPlayerPage.allowStudentsToDownloadAudioCheckbox()
+            .should('be.checked');
+    },
+
+    checkUncheckAllowStudentsToDownloadAudioCheckbox: () => {
+        audioPlayerPage.allowStudentsToDownloadAudioCheckbox()
+            .click();
+    },
+
+    //Preview tab
+    waitForPlaybackToBegin: () => {
+        steps.waitForAudioFileSrcToLoad();
+        audioPlayerPage.playbackElapsedTime()
+            .should('have.text', '00:01');
+    },
+
+    /**
+     * Verifies the audio playback timer on the audio player.
+     * @param {string} time - The elapsed time and total time in the format "elapsed/total."
+     * @returns {void}
+     */
+    verifyAudioPlaybackTimer: (time) => {
+        const elapsedTime = time.split('/')[0];
+        const totalTime = time.split('/')[1];
+        audioPlayerPage.playbackElapsedTime()
+            .should('have.text', elapsedTime)
+        audioPlayerPage.playbackTotalTime()
+            .should('have.text', `/${totalTime}`)
+    },
+
+    /**
+     * Adds a wait to pause test execution for a specified amount of time.
+     * @param {number} time - The time, in milliseconds, to pause test execution.
+     * @returns {void}
+     */
+    addWaitToPlayAudio: (time) => {
+        cy.wait(time)
+    },
+
+    clickOnTranscriptButton: () => {
+        audioPlayerPage.transcriptButton()
+            .click();
+    },
+
+    closeTranscriptModal: () => {
+        audioPlayerPage.transcriptModalCloseButton()
+            .click();
+    },
+
+    focusAwayFromElement: () => {
+        cy.get('body')
+            .click({ position: 'topLeft' });
+    },
+
+    verifyWindowOpenMethodAfterClickingOnDownloadAudioButton: () => {
+        cy.window()
+            .then((win) => {
+                cy.stub(win, 'open')
+                    .as('windowOpen')
+            });
+        audioPlayerPage.audioDownloadButton()
+            .click();
+        cy.get('@windowOpen')
+            .should('be.calledWith', '');
+    },
+
+    waitForAudioFileSrcToLoad: () => {
+        audioPlayerPage.audioFileSrc()
+            .should('have.attr', 'src')
+            .and('not.be.empty');
+    }
+}
+
+const tests = {
+    ...createQuestionBasePage.tests,
+    ...commonComponents.tests,
+    //Header section
+    verifyCancelButton: () => {
+        it('When user has made no edits and clicks on Cancel button, the user should be directed back to the \'Select a Question\' page', () => {
+            createQuestionBasePage.cancelButton()
+                .click();
+            utilities.verifyElementVisibilityState(selectQuestionResourceToolPage.selectAQuestionHeaderText(), 'visible');
+            utilities.verifyElementVisibilityState(selectQuestionResourceToolPage.questionTypeOptionTitle(), 'visible');
+        });
+
+        it('When user has made some edits/changes and clicks on Cancel button, a popup should be displayed', () => {
+            selectQuestionResourceToolPage.steps.selectResourceType('Audio Player');
+            audioPlayerPage.steps.setPlaybackLimit('5');
+            createQuestionBasePage.cancelButton()
+                .click();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible')
+        });
+
+        dialogBoxBase.tests.verifyContentsOfLeavePagePopupWithCSSAnda11y();
+
+        it(`Clicking on \'No, I'd like to go back\' button should close the popup and user should remain on the edit interface of the question`, () => {
+            dialogBoxBase.buttonReject()
+                .click();
+            createQuestionBasePage.editTab()
+                .should('have.attr', 'aria-selected', 'true')
+            audioPlayerPage.steps.verifyPlaybackLimitInputFieldValue('5');
+        });
+
+        it(`Clicking on \'Yes, I want to leave this page\' button should discard all changes and direct the user to the \'Select a question\' page.`, () => {
+            createQuestionBasePage.cancelButton()
+                .click();
+            dialogBoxBase.buttonAccept()
+                .click();
+            utilities.verifyElementVisibilityState(selectQuestionResourceToolPage.selectAQuestionHeaderText(), 'visible');
+            utilities.verifyElementVisibilityState(selectQuestionResourceToolPage.questionTypeOptionTitle(), 'visible');
+        });
+    },
+}
+
+export const audioPlayerPage = {
+    ...selectors,
+    steps,
+    tests
+}