itemengine-cypress-automation 1.0.181 → 1.0.182

package/cypress/pages/audioPlayerPage.js

@@ -1,91 +1,521 @@
+import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, playbackControlsBaseComponent } from "./components";
+import { dialogBoxBase } from "./dialogBoxBase";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
+import { createQuestionBasePage, commonComponents, ckEditorToolbar, equationEditorFlyout, playbackControlsBaseComponent } from "./components"
 
 const selectors = {
+    ...commonComponents,
+    ...ckEditorToolbar,
     ...playbackControlsBaseComponent,
-    uploadAudioFileLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(0),
-    uploadAudioFileRadioButton: () => cy.get('.ngie-radio-btn input').eq(0),
-    addAudioURLLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(1),
-    addAudioURLRadioButton: () => cy.get('.ngie-radio-btn input').eq(1),
-    uploadAudioFileUploadLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(0),
-    uploadAudioFileNameLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(1),
-    uploadAudioChooseFileButton: () => cy.get('.choose-file-upload-button'),
-    uploadAudioNoFileChosenLabel: () => cy.get('[aria-label="No file chosen"]').eq(0),
+    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"]'),
-    audioDescriptionInputField: () => cy.get('.description-wrapper [role="textbox"]'),
-    uploadTranscriptFileLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(2),
-    uploadTranscriptFileRadioButton: () => cy.get('.ngie-radio-btn input').eq(2),
-    typeInTranscriptLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(3),
-    typeInTranscriptRadioButton: () => cy.get('.ngie-radio-btn input').eq(3),
+    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"]'),
-
-    //Preview tab
-    backwardButton: () => cy.get('.forward-backward-buttons-wrapper [title*="Backward"]'),
-    forwardButton: () => cy.get('.forward-backward-buttons-wrapper [title*="Forward"]'),
-    playbackElapsedTime: () => cy.get('.audio-player-current-time').eq(0),
-    playbackTotalTime: () => cy.get('.audio-player-duration').eq(0),
-    addPinButton: () => cy.get('.audio-add-pin-wr button'),
+    customizeUIControlAccordion: () => cy.get('.ngie-accordion-summary[role="button"]').eq(0),
+    advancedPlayerSettingsAccordion: () => cy.get('.ngie-accordion-summary[role="button"]').eq(1),
+    customizeControlPlayButton: () => cy.get('[data-ngie-testid="play-toggle-button"]'),
+    customizeControlButtonLabel: () => cy.get('[data-ngie-testid="play-toggle-button"]').find('.ngie-toggle-button-label'),
+    customizeControlPauseButton: () => cy.get('[data-ngie-testid="pause-toggle-button"]'),
+    customizeControlSeekButton: () => cy.get('[data-ngie-testid="seek-toggle-button"]'),
+    advancedPlayerButtonLabel: () => cy.get('[data-ngie-testid="timer-toggle-button"]').find('.ngie-toggle-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('.transcript-content'),
+    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 = {
-    ...playbackControlsBaseComponent.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();
+    },
+
     /**
-    * 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}
-    */
+     * 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');
     },
 
-    addInputToAudioDescriptionInputField: (text) => {
-        audioPlayerPage.audioDescriptionInputField()
+    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)
-            .should('have.text', text)
             .blur();
     },
 
-    selectTypeInTranscriptRadioButton: () => {
-        audioPlayerPage.typeInTranscriptRadioButton()
-            .click()
-            .should('be.checked');
+    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)
-            .should('have.text', text)
             .blur();
     },
 
-    verifyUploadAudioFileRadioButtonIsSelected: () => {
-        audioPlayerPage.uploadAudioFileRadioButton()
-            .should('be.checked');
+    clearTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .clear();
     },
 
-    verifyUploadAudioFileRadioButtonIsNotSelected: () => {
-        audioPlayerPage.uploadAudioFileRadioButton()
-            .should('not.be.checked');
+    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');
+            });
     },
 
-    verifyAddAudioURLRadioButtonIsNotSelected: () => {
-        audioPlayerPage.addAudioURLRadioButton()
+    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();
@@ -93,25 +523,18 @@ const steps = {
             .should('have.text', '00:01');
     },
 
-    waitForAudioFileSrcToLoad: () => {
-        audioPlayerPage.audioFileSrc()
-            .should('have.attr', 'src')
-            .and('not.be.empty');
-    },
-
-
     /**
-    * 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}
-    */
+     * 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)
+            .should('have.text', `/${totalTime}`)
     },
 
     /**
@@ -127,10 +550,75 @@ const steps = {
         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 = {

package/cypress/pages/brainingCampManipulativePage.js

@@ -112,7 +112,7 @@ const tests = {
     ...scoringSectionBaseEditTab.tests,
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
-    ...toolSettingsComponent.tests,
+    ...toolSettingsComponent.steps,
 }
 
 export const brainingCampManipulativePage = {