itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/AudioResponse/audioResponseAdditionalSettings.js

@@ -1,709 +0,0 @@
-import { audioResponsePage } from '../../../pages/audioResponsePage';
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-
-const fontsizes = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
-const font = ['16px', '12px', '14px', '17px', '20px', '24px'];
-
-describe('Create Item page - Audio response: Additional Settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Player settings: Advanced recorder options', () => {
-        const advancedRecorderOption = [audioResponsePage.timerOptionButton, audioResponsePage.progressBarOptionButton, audioResponsePage.waveformOptionButton, audioResponsePage.volumeMeterOptionButton];
-        const advancedRecorderOptionLabel = ['Timer', 'Progress bar', 'Waveform', 'Volume meter'];
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            audioResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Advanced recorder option\' label should be displayed. By default 4 options should be selected in \'Advanced recorder option\' section along with tick icon.', () => {
-            audioResponsePage.advancedRecorderOptionsLabel()
-                .verifyInnerText('Advanced recorder options')
-                .and('be.visible');
-            advancedRecorderOption.forEach((button, count) => {
-                button()
-                    .should('be.visible')
-                    .and('have.class', 'ngie-toggle-button-selected')
-                    .within(() => {
-                        audioResponsePage.tickIconForOptionButtons()
-                            .should('be.visible');
-                        audioResponsePage.recorderAndPlaybackControlsOptionButtonIcon()
-                            .should('be.visible');
-                        audioResponsePage.recorderAndPlaybackControlsOptionButtonLabel()
-                            .verifyInnerText(advancedRecorderOptionLabel[count]);
-                    });
-            });
-        });
-
-        it('CSS of \'Advanced recorder options\' section in default state', { tags: 'css' }, () => {
-            cy.log('CSS of advanced recorder option label');
-            audioResponsePage.advancedRecorderOptionsLabel()
-                .verifyCSS(css.color.sectionHeading, css.fontSize.normal, css.fontWeight.semibold);
-            cy.log('CSS of button background and button label')
-            audioResponsePage.timerOptionButton()
-                .should('have.css', 'background-color', css.color.activeButtons)
-                .within(() => {
-                    audioResponsePage.recorderAndPlaybackControlsOptionButtonLabel()
-                        .verifyCSS(css.color.primaryBtn, css.fontSize.default, css.fontWeight.regular);
-                });
-            cy.log('CSS of tick icon of selected option button');
-            audioResponsePage.timerOptionButton()
-                .find('[data-name="Icon feather-check"]')
-                .should('have.css', 'fill', css.color.activeButtons);
-            cy.log('CSS of background of tick icon of selected option button');
-            audioResponsePage.timerOptionButton()
-                .find('[data-name*="Rectangle"]')
-                .should('have.css', 'fill', css.color.defaultBackground);
-            cy.log('CSS of selected option button icon');
-            audioResponsePage.timerOptionButton()
-                .find('.ngie-toggle-button-icon svg')
-                .should('have.css', 'fill', css.color.primaryBtn);
-        });
-
-        it('Accessibility of \'Advanced recorder options\' section in default state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.advancedRecorderOptionsSection());
-        });
-
-        it('User should be able to deselect all options present in \'Advanced recorder option\' section', () => {
-            advancedRecorderOption.forEach((button) => {
-                button()
-                    .click()
-                    .should('have.class', 'ngie-toggle-button-not-selected')
-                    .within(() => {
-                        audioResponsePage.tickIconForOptionButtons()
-                            .should('not.be.visible');
-                    });
-            });
-        });
-
-        it('CSS of \'Advanced recorder options\' section if user has deselected all options from \'Advanced recorder option\' section', { tags: 'css' }, () => {
-            cy.log('CSS of deselected option button label and background')
-            audioResponsePage.timerOptionButton()
-                .should('have.css', 'background-color', css.color.defaultBackground)
-                .and('have.css', 'border', `1px solid ${css.color.defaultDropdownBorder}`)
-                .within(() => {
-                    audioResponsePage.recorderAndPlaybackControlsOptionButtonLabel()
-                        .verifyCSS(css.color.secondaryBtn, css.fontSize.default, css.fontWeight.regular);
-                });
-
-            cy.log('CSS of deselected option button icon')
-            audioResponsePage.timerOptionButton()
-                .find('.ngie-toggle-button-icon svg')
-                .should('have.css', 'fill', css.color.secondaryBtn);
-        });
-
-        it('Accessibility of \'Advanced recorder options\' section if user has deselected all options from \'Advanced recorder option\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.advancedRecorderOptionsSection());
-        });
-
-        it('When user selects \'Minimal\' option from Audio Recorder Style dropdown, previous state of Advanced recorder options should persist', () => {
-            cy.log('Selecting minimal audio recorder style option from audio recorder style dropdown');
-            audioResponsePage.steps.switchToMinimalRecorderStyle();
-            advancedRecorderOption.forEach((button) => {
-                button()
-                    .should('have.class', 'ngie-toggle-button-not-selected');
-            });
-        });
-    });
-
-    describe('Player settings: Advanced recorder options- Timer', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.log('Setting \'Maximum record length\' to 5 seconds, so that I can record for a duration of 5 seconds without using cy.wait(5000)');
-            audioResponsePage.steps.setMaximumRecorderLength('5');
-            audioResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('In standard mode, when the \'Timer\' option is selected, timer should be displayed on the audio recorder and the playback player', () => {
-            cy.log('Switching to Preview tab');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewMaxRecordTime()
-                .should('be.visible');
-            cy.log('Starting recording and checking timer is displayed');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.previewMaxRecordTime()
-                .should('be.visible');
-            cy.log('Pausing recording and checking timer is displayed');
-            audioResponsePage.standardPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewMaxRecordTime()
-                .should('be.visible');
-            cy.log('Resuming paused recording, checking timer is displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewMaxRecordTime()
-                .should('be.visible');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .should('be.visible')
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Checking timer is displayed after recording is recorded and user has yet not started playback');
-            audioResponsePage.standardPreviewRecordTime()
-                .should('be.visible');
-            cy.log('Playing recorded response in playback player and checking timer is displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.standardPreviewRecordTime()
-                .should('be.visible');
-        });
-
-        it('In standard mode, when the \'Timer\' option is deselected \'Timer\' should not be visible on the audio recorder and the playback player', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting timer option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.timerOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewMaxRecordTime()
-                .should('not.exist');
-            cy.log('Starting recording and checking timer is not displayed');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.previewMaxRecordTime()
-                .should('not.exist');
-            cy.log('Pausing recording and checking timer is not displayed');
-            audioResponsePage.standardPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewMaxRecordTime()
-                .should('not.exist');
-            cy.log('Resuming paused recording, checking timer is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewMaxRecordTime()
-                .should('not.exist');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Checking timer is not displayed after recording is recorded and user has yet not started playback');
-            audioResponsePage.standardPreviewRecordTime()
-                .should('not.exist');
-            cy.log('Playing recorded response in playback player and checking timer is not displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.standardPreviewRecordTime()
-                .should('not.exist');
-        });
-
-        it('In minimal mode, when the \'Timer\' option is selected progress bar should be displayed on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, selecting minimal audio recorder style option from audio recorder style dropdown, selecting timer option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.switchToMinimalRecorderStyle();
-            audioResponsePage.timerOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking timer is displayed');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingTimer()
-                .should('be.visible');
-            cy.log('Pausing recording and checking timer is displayed');
-            audioResponsePage.minimalPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingTimer()
-                .should('be.visible');
-            cy.log('Resuming paused recording, checking timer is displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingTimer()
-                .should('be.visible');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Checking timer is not displayed after recording is recorded and user has yet not started playback even though it is selected in the advanced recorder options');
-            audioResponsePage.minimalPreviewPlaybackTimer()
-                .should('not.exist');
-            cy.log('Playing recorded response in playback overlay and checking timer is displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.minimalPreviewPlaybackTimer()
-                .should('be.visible');
-        });
-
-        it('In minimal mode, when the \'Timer\' option is deselected \'Timer\' should not be visible on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting timer option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.timerOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking timer is not displayed');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingTimer()
-                .should('not.exist');
-            cy.log('Pausing recording and checking timer is not displayed');
-            audioResponsePage.minimalPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingTimer()
-                .should('not.exist');
-            cy.log('Resuming paused recording, checking timer is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingTimer()
-                .should('not.exist');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Checking timer is not displayed after recording is recorded and user has yet not started playback');
-            audioResponsePage.minimalPreviewPlaybackTimer()
-                .should('not.exist');
-            cy.log('Playing recorded response in playback overlay and checking timer is not displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.minimalPreviewPlaybackTimer()
-                .should('not.exist');
-        });
-    });
-
-    describe('Player settings: Advanced recorder options- Progress bar', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.log('Setting \'Maximum record length\' to 5 seconds, so that I can record for a duration of 5 seconds without using cy.wait(5000)');
-            audioResponsePage.steps.setMaximumRecorderLength('5');
-            audioResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('In standard mode, when the \'Progress bar\' option is selected, progress bar should be displayed on the audio recorder and the playback player', () => {
-            cy.log('Switching to preview tab');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            cy.log('Starting recording and checking progress bar is displayed');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            cy.log('Pausing recording and checking progress bar is displayed');
-            audioResponsePage.standardPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            cy.log('Resuming paused recording, checking progress bar is displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .should('be.visible')
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Checking progress bar is displayed after recording is recorded and user has yet not started playback');
-            audioResponsePage.standardPreviewRecordingCompletedProgressBar()
-                .should('be.visible');
-            cy.log('Playing recorded response in playback player and checking progress bar is displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackProgressBar()
-                .should('be.visible');
-        });
-
-        it('In standard mode, when the \'Progress bar\' option is deselected, \'Progress bar\' should not be visible on the audio recorder and the playback player', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting progress bar option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.progressBarOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            cy.log('Starting recording and checking progress bar is not displayed');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            cy.log('Pausing recording and checking progress bar is not displayed');
-            audioResponsePage.standardPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            cy.log('Resuming paused recording and checking progress bar is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Checking progress bar is not displayed after recording is recorded and user has yet not started playback');
-            audioResponsePage.standardPreviewRecordingCompletedProgressBar()
-                .should('not.exist');
-            cy.log('Playing recorded response in playback player and checking progress bar is not displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackProgressBar()
-                .should('not.exist');
-        });
-
-        it('In minimal mode, when the \'Progress bar\' option is selected, progress bar should be displayed on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, selecting minimal audio recorder style option from audio recorder style dropdown, selecting progress bar option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.switchToMinimalRecorderStyle();
-            audioResponsePage.progressBarOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking progress bar is displayed');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            cy.log('Pausing recording and checking progress bar is displayed');
-            audioResponsePage.minimalPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            cy.log('Resuming paused recording, checking progress bar is displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('be.visible');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Playing recorded response in playback overlay and checking progress bar is displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackProgressBar()
-                .should('be.visible');
-        });
-
-        it('In minimal mode, when the \'Progress bar\' option is deselected, \'Progress bar\' should not be visible on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting progress bar option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.progressBarOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking progress bar is not displayed');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            cy.log('Pausing recording and checking progress bar is not displayed');
-            audioResponsePage.minimalPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            cy.log('Resuming paused recording, checking progress bar is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewRecordProgressBar()
-                .should('not.exist');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Playing recorded response in playback overlay and checking progress bar is not displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackProgressBar()
-                .should('not.exist');
-        });
-    });
-
-    describe('Player settings: Advanced recorder options- Waveform', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.log('Setting \'Maximum record length\' to 5 seconds, so that I can record for a duration of 5 seconds without using cy.wait(5000)');
-            audioResponsePage.steps.setMaximumRecorderLength('5');
-            audioResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('In standard mode, when the \'Waveform\' option is selected, waveform should be displayed on the playback player only not on audio recorder.', () => {
-            cy.log('Switching to preview tab');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-            cy.log('Starting recording, checking waveform is not displayed even though it is selected in the advanced recorder options even though it is selected in the advanced recorder options and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .should('be.visible')
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Playing recorded response in playback player and checking waveform is displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('be.visible');
-        });
-
-        it('In standard mode, when the \'Waveform\' option is deselected, waveform should not be visible on the audio recorder and the playback player', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting waveform option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.waveformOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-            cy.log('Starting recording, checking waveform is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Playing recorded response in playback player and checking waveform is not displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-        });
-
-        it('In minimal mode, when the \'Waveform\' option is selected, waveform should be displayed only on the playback overlay and not on the recording overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, selecting minimal audio recorder style option from audio recorder style dropdown, selecting waveform option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.switchToMinimalRecorderStyle();
-            audioResponsePage.waveformOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording, checking waveform is not displayed even though it is selected in the advanced recorder options and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Playing recorded response in playback overlay and checking waveform is displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('be.visible');
-        });
-
-        it('In minimal mode, when the \'Waveform\' option is deselected, waveform should not be visible on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting waveform option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.waveformOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording, checking waveform is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Playing recorded response in playback overlay and checking waveform is not displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.previewPlaybackWaveform()
-                .should('not.exist');
-        });
-    });
-
-    describe('Player settings: Advanced recorder options- Volume meter', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            cy.log('Setting \'Maximum record length\' to 5 seconds, so that I can record for a duration of 5 seconds without using cy.wait(5000)');
-            audioResponsePage.steps.setMaximumRecorderLength('5');
-            audioResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('In standard mode, when the \'Volume meter\' option is selected, volume meter should be displayed on the audio recorder and the playback player', () => {
-            cy.log('Switching to preview tab');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewVolumeMeter()
-                .should((element) => {
-                    expect(element.text()).to.deep.eq('0dB');
-                })
-                .and('exist');
-            cy.log('Starting recording and checking volume meter is displayed');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-            cy.log('Pausing recording and checking volume meter is displayed');
-            audioResponsePage.standardPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('exist');
-            cy.log('Resuming paused recording, checking volume meter is displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .should('be.visible')
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Checking volume meter is not displayed after recording is recorded and user has yet not started playback even though it is selected in the advanced recorder options');
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Playing recorded response and checking volume meter is displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-        });
-
-        it('In standard mode, when the \'Volume meter\' option is deselected, volume meter should not be visible on the audio recorder and the playback player', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting volume meter option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.volumeMeterOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Starting recording and checking volume meter is not displayed');
-            audioResponsePage.standardPreviewStartRecordingButton()
-                .click();
-            audioResponsePage.steps.waitForRecordingToStartStandardPreview();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Pausing recording and checking volume meter is not displayed');
-            audioResponsePage.standardPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Resuming paused recording, checking volume meter is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.standardPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            audioResponsePage.standardPreviewPlayerHelpText()
-                .verifyInnerText('Your response has been recorded');
-            cy.log('Checking volume meter is not displayed after recording is recorded and user has yet not started playback');
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Playing recorded response and checking volume meter is not displayed');
-            audioResponsePage.previewPlayPlaybackButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-        });
-
-        it('In minimal mode, when the \'Volume meter\' option is selected, volume meter should be displayed on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, selecting minimal audio recorder style option from audio recorder style dropdown, selecting volume meter option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.switchToMinimalRecorderStyle();
-            audioResponsePage.volumeMeterOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking volume meter is displayed');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-            cy.log('Pausing recording and checking volume meter is displayed');
-            audioResponsePage.minimalPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-            cy.log('Resuming paused recording, checking volume meter is displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Playing recorded response and checking volume meter is displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('be.visible');
-        });
-
-        it('In minimal mode, when the \'Volume meter\' option is deselected, volume meter should not be visible on the recording overlay and the playback overlay', () => {
-            cy.log('Pre-step: Switching to Edit tab, deselecting volume meter option button and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.volumeMeterOptionButton()
-                .click()
-                .should('have.class', 'ngie-toggle-button-not-selected');
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking volume meter is not displayed');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.steps.waitForRecordingToStartMinimalPreview();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Pausing recording and checking volume meter is not displayed');
-            audioResponsePage.minimalPreviewPauseRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            cy.log('Resuming paused recording, checking volume meter is not displayed and letting it record until maximum recording length of 5 seconds is reached');
-            audioResponsePage.minimalPreviewResumeRecordingButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-            audioResponsePage.minimalPreviewRecorderHelpText()
-                .should('have.text', 'Your response has been recorded');
-            cy.log('Playing recorded response and checking volume meter is not displayed');
-            audioResponsePage.minimalPreviewPlaybackButton()
-                .click();
-            audioResponsePage.previewVolumeMeter()
-                .should('not.exist');
-        });
-    });
-
-    describe('Player settings for standard recorder: Maximum width for audio recorder', () => {
-        abortEarlySetup();
-        before(() => {
-            audioResponsePage.steps.navigateToCreateQuestion('audio response');
-            audioResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('CSS of Player settings: Maximum width for audio recorder', () => {
-            audioResponsePage.maximumWidthForAudioRecorderLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            audioResponsePage.maximumWidthForAudioRecorderInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('Accessibility of Player settings: Maximum width for audio recorder', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.maximumWidthForAudioRecorderLabel());
-            cy.checkAccessibility(audioResponsePage.maximumWidthForAudioRecorderInputField());
-        });
-
-        it('\'Maximum width for audio recorder\' label and input field should be displayed in \'Player settings\' section and by default the input field should be empty', () => {
-            audioResponsePage.maximumWidthForAudioRecorderLabel()
-                .verifyInnerText('Maximum width for audio recorder');
-            audioResponsePage.maximumWidthForAudioRecorderInputField()
-                .should('be.visible')
-                .and('have.text', '');
-        });
-
-        it('By default height and width of standard audio recorder should be 248px & 432px respectively', () => {
-            cy.log('Switching to preview tab');
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.standardPreviewRecorderWrapper()
-                .should('have.css', 'min-height', '248px')
-                .and('have.css', 'max-width', '432px');
-        });
-
-        it('User should be able to update value in \'Maximum width for audio recorder\' input field. In preview, width of audio recorder should be updated as per update in \'Maximum width for audio recorder\' value', () => {
-            cy.log('Switching to edit tab')
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.maximumWidthForAudioRecorderInputField()
-                .type(500)
-                .should('have.attr', 'value', '500');
-            cy.log('Switching to preview tab')
-            audioResponsePage.steps.switchToPreviewTab();
-            audioResponsePage.standardPreviewRecorderWrapper()
-                .and('have.css', 'max-width', '500px');
-        });
-
-        it('Maximum width input field should not have any impact on minimal player mode', () => {
-            cy.log('Pre-step: Switching to Edit tab, selecting minimal audio recorder style option from audio recorder style dropdown and switching back to preview tab');
-            audioResponsePage.steps.switchToEditTab();
-            audioResponsePage.steps.switchToMinimalRecorderStyle();
-            audioResponsePage.steps.switchToPreviewTab();
-            cy.log('Starting recording and checking height and width of minimal recorder overlay');
-            audioResponsePage.minimalPreviewRecordButton()
-                .click();
-            audioResponsePage.minimalPreviewRecordingOverlay()
-                .should('have.css', 'height', '130px')
-                .and('have.css', 'width', '224px');
-            audioResponsePage.minimalPreviewOverlayArrow()
-                .should('have.css', 'height', '20px');
-        });
-    });
-});