itemengine-cypress-automation 1.0.51 → 1.0.62

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

@@ -0,0 +1,245 @@
+import { audioPlayerPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Audio player: Preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Playback player : Default state', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('A playback player with \'Play\' button, \'Volume control\' button, \'Progress bar\' and time in (mm:ss / mm:ss) format should be displayed', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlButton(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.progressBar(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackElapsedTime(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackTotalTime(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.playbackElapsedTime(), '00:00')
+            utilities.verifyInnerText(audioPlayerPage.playbackTotalTime(), '/\n00:00')
+        });
+
+        it('Accessibility of playback player - default state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.playbackPlayButton().parents('.audio-resource-preview-wrapper'));
+        });
+    });
+
+    describe('Playback player : Play, pause and seek', () => {
+        let actualAudioSeekedInPercent = 50
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user hovers over the \'Play\' button, a tooltip \'Play\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+            audioPlayerPage.playbackPlayButton()
+                .verifyTooltip('Play');
+        });
+
+        it('When the user clicks on \'Play\' button, then the audio file should load and the user should be able to play the audio. Timer should display the amount of audio that has been played and the total audio length in (mm:ss)/(mm:ss) format.', () => {
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:03/00:45');
+        });
+
+        it('When the user hovers over the \'Pause\' button, a tooltip \'Pause\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+            audioPlayerPage.playbackPauseButton()
+                .verifyTooltip('Pause');
+        });
+
+        it('CSS of \'Preview\' section if playback is initiated', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.playbackPauseButton().find('svg'), {
+                'fill': css.color.secondaryBtnActive,
+            });
+            utilities.verifyCSS(audioPlayerPage.playbackElapsedTime(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioPlayerPage.playbackTotalTime(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioPlayerPage.progressBar().find('.MuiSlider-rail'), {
+                'background-color': css.color.progressBarRemainingFill
+            });
+            utilities.verifyCSS(audioPlayerPage.progressBar().find('.MuiSlider-track'), {
+                'background-color': css.color.progressBarElapsedFill
+            });
+        });
+
+        it('Accessibility of \'Preview\' section if playback is initiated', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
+        });
+
+        it('When the audio player is in playback state and the user clicks on \'Pause\' button, then playback should get paused. Progress bar and timer should not update further and the \'Pause\' button should get replaced with \'Play\' button', () => {
+            audioPlayerPage.steps.resetQuestionPreview();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:10/00:45');
+            audioPlayerPage.steps.pauseAndVerifyProgressBarSliderPosition();
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:10/00:45');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+        });
+
+        it('CSS of \'Preview\' section if playback is paused', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.playbackPlayButton().find('svg'), {
+                'fill': css.color.secondaryBtnActive,
+            });
+        });
+
+        it('Accessibility of \'Preview\' section if if playback is paused', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.playbackPlayButton().parents('.audio-resource-preview-wrapper'));
+        });
+
+        it('When audio player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
+            audioPlayerPage.steps.startPlayback();
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'notExist');
+        });
+
+        it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
+            audioPlayerPage.steps.seekProgressBarSliderToCenter();
+            audioPlayerPage.steps.addWaitToPlayAudio(1000);
+            audioPlayerPage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+        });
+
+        it('When the user seeks the progress bar slider while the audio is paused, then the audio playback should be in paused state and on playing the audio, then the audio should play from the position where the slider is seeked', () => {
+            audioPlayerPage.steps.pausePlayback();
+            audioPlayerPage.steps.seekProgressBarSliderToCenter();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.addWaitToPlayAudio(5000);
+            audioPlayerPage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
+        });
+
+        it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
+            audioPlayerPage.steps.verifyAudioPlaybackTimer('00:45/00:45');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+            audioPlayerPage.steps.verifyProgressBarSliderPosition(99);
+        });
+
+        it('CSS of progress bar in hover state', { tags: 'css' }, () => {
+            audioPlayerPage.steps.hoverOnProgressBarSlider();
+            utilities.verifyCSS(audioPlayerPage.progressBarSlider().parents('span[class*="MuiSlider-thumb"]'), {
+                'box-shadow': `${css.color.progressBarSliderHoverBackground} 0px 0px 0px 8px`
+            });
+        });
+    });
+
+    describe('Playback player : Volume control', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+
+        it('When the user hovers over \'Volume control\' button, volume control settings should open and by default it should be set to full volume and on hovering away from the button, the volume slider should disappear', () => {
+            audioPlayerPage.steps.hoverOnVolumeControlButton();
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'visible');
+            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('100');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'notExist');
+        });
+
+        it('When volume is not set as 0 and user hovers on \'Volume control\' button, then \'Mute\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
+            audioPlayerPage.steps.hoverOnVolumeControlButton();
+            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.tooltipText(), 'Mute');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'notExist');
+        });
+
+        it('When the user hovers over \'Volume control slider\', then \'Volume control\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
+            audioPlayerPage.steps.hoverOnVolumeControlButton();
+            audioPlayerPage.steps.hoverOnVolumeControlSlider();
+            audioPlayerPage.steps.hoverAwayFromVolumeControlButton();
+            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.tooltipText(), 'Volume control');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'notExist');
+            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'notExist');
+        });
+
+        it('When volume is not set as 0 and user clicks on volume control button, then the audio should be muted and the volume control button should change to a muted state', () => {
+            audioPlayerPage.steps.clickOnVolumeButton();
+            audioPlayerPage.steps.hoverOnVolumeControlButton();
+            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('0');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioPlayerPage.volumeControlSlider(), 'notExist');
+            utilities.verifyElementVisibilityState(audioPlayerPage.muteVolumeIcon(), 'visible');
+            audioPlayerPage.steps.focusOutFromVolumeControlButton();
+        });
+
+        it('When the user hovers on muted \'Volume control\' button, \'Unmute\' text should be displayed in tooltip', () => {
+            audioPlayerPage.steps.hoverOnVolumeControlButton();
+            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.tooltipText(), 'Unmute');
+            utilities.hoverAwayFromElement();
+            utilities.verifyElementVisibilityState(audioPlayerPage.tooltipText(), 'notExist');
+        });
+
+        it('When the user clicks on the muted volume control button then the volume setting slider should return to full volume and the volume control button should change to an unmuted state', () => {
+            audioPlayerPage.steps.clickOnVolumeButton();
+            audioPlayerPage.steps.hoverOnVolumeControlButton();
+            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('100');
+            utilities.verifyElementVisibilityState(audioPlayerPage.unmutedVolumeIcon(), 'visible');
+        });
+
+        it('CSS of volume control section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.volumeControlSlider(), {
+                'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 100%, ${css.color.progressBarRemainingFill} 0%, ${css.color.progressBarRemainingFill} 100%) repeat scroll 0% 0% / auto padding-box border-box`
+            });
+            audioPlayerPage.unmutedVolumeIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('Accessibility of volume control section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.volumeControlSlider());
+            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
+        });
+
+        it('When the user drags the volume control all the way down, audio should be muted and the button should update to a muted state', () => {
+            audioPlayerPage.steps.setVolumeSliderForPlayback(0);
+            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('0');
+            utilities.verifyElementVisibilityState(audioPlayerPage.muteVolumeIcon(), 'visible');
+        });
+
+        it('CSS of volume control section in muted state', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.volumeControlSlider(), {
+                'background': `${css.color.transparent} linear-gradient(to right, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarElapsedFill} 0%, ${css.color.progressBarRemainingFill} -100%, ${css.color.progressBarRemainingFill} 100%) repeat scroll 0% 0% / auto padding-box border-box`
+            });
+            audioPlayerPage.muteVolumeIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('Accessibility of volume control section in muted state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.volumeControlSlider());
+            cy.checkAccessibility(audioPlayerPage.playbackPauseButton().parents('.audio-resource-preview-wrapper'));
+        });
+
+        it('User should be able to unmute the audio by dragging the volume control higher again', () => {
+            audioPlayerPage.steps.setVolumeSliderForPlayback(99);
+            audioPlayerPage.steps.verifyVolumeOfPlaybackPlayer('100');
+            utilities.verifyElementVisibilityState(audioPlayerPage.unmutedVolumeIcon(), 'visible');
+        });
+    });
+});

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

@@ -0,0 +1,78 @@
+import { audioPlayerPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import constants from "../../../fixtures/constants";
+
+describe('Audio player: Preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Uploading all supported files via \'Source URL\' field', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When user adds link of MP3 audio file, audio player should be displayed in preview tab and user should be able to play MP3 audio file.', () => {
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleMp3Link);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+
+        it('When user adds link of WAV audio file, audio player should be displayed in preview tab and user should be able to play WAV audio file.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearTextInSourceURLInputField();
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleWAVLink);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+
+        it('When user adds link of AAC audio file, audio player should be displayed in preview tab and user should be able to play AAC audio file.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearTextInSourceURLInputField();
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleAACLink);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/551032
+    describe('Uploading all supported files via \'Upload\' field', () => {
+        const MP3File = "uploads/sample.mp3";
+        const WAVFile = "uploads/sample.wav";
+        const AACFile = "uploads/sample.aac";
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.clickOnAddAudioFileRadioButton();
+        });
+
+        it('When user uploads MP3 audio file, audio player should be displayed in preview tab and user should be able to play MP3 audio file.', () => {
+            audioPlayerPage.steps.uploadFile(MP3File);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+
+        it('When user uploads WAV audio file, audio player should be displayed in preview tab and user should be able to play WAV audio file.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.uploadFile(WAVFile);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+
+        it('When user uploads AAC audio file, audio player should be displayed in preview tab and user should be able to play AAC audio file.', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.uploadFile(AACFile);
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
+        });
+    });
+});

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

@@ -0,0 +1,248 @@
+import { audioPlayerPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import constants from "../../../fixtures/constants";
+const css = Cypress.env('css');
+
+describe('Audio player: Preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Title : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user has not set any title in the title input field, then no title should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.titlePreviewTab(), 'notExist');
+        });
+
+        it('When the user enters text in the title input field, then title should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.enterTextInTitleInputField('Read carefully')
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(audioPlayerPage.titlePreviewTab(), 'Read carefully');
+            utilities.verifyElementVisibilityState(audioPlayerPage.titlePreviewTab(), 'visible');
+        });
+
+        it('CSS of title text in preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.titlePreviewTab(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.huge,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of title text in preview tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.titlePreviewTab().parents('.audio-resource-preview-wrapper'));
+        });
+    });
+
+    describe('Description : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user has not any description in the edit tab, then no description should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.descriptionPreviewTab(), 'notExist');
+        });
+
+        it('When the user enters text in the description input field, then description should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.enterTextInDescriptionInputField('This is a description text');
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.resetQuestionPreview();
+            utilities.verifyElementVisibilityState(audioPlayerPage.descriptionPreviewTab(), 'visible');
+            utilities.verifyInnerText(audioPlayerPage.descriptionPreviewTab(), 'This is a description text');
+        });
+
+        it('CSS of description text in preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.descriptionPreviewTab(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of description text in preview tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.descriptionPreviewTab().parents('.audio-resource-preview-wrapper'));
+        });
+    });
+
+    describe('\'Description\' with image, equation, link and bold text : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user adds an image in the description input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectImageOptionFromCKEditorToolbar()
+            audioPlayerPage.steps.addImageToInputField();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyImageAndAltTextInDescriptionPreviewTab();
+        });
+
+        it('When the user adds an equation in the description input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearDescriptionInputField();
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            audioPlayerPage.steps.focusAwayFromElement();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyEquationInDescriptionPreviewTab();
+        });
+
+        it('When the user adds a link in the description input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearDescriptionInputField();
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectLinkOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addLinkToInputField();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyLinkInDescriptionPreviewTab();
+        });
+
+        it('When the user adds a bold text in the description input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearDescriptionInputField();
+            audioPlayerPage.steps.focusInDescriptionInputField();
+            audioPlayerPage.steps.selectBoldOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.enterTextInDescriptionInputField('This is a bold text in description');
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.verifyBoldTextInDescriptionPreviewTab();
+        });
+    });
+
+    describe('Transcript : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user has not set any transcript in the edit tab, then transcript button should not be displayed in playback player in the preview tab', () => {
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptButton(), 'notExist');
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptModal(), 'notExist');
+        });
+
+        it('When the user enters text in the transcript input field, then transcript button should be displayed in playback player in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.enterTextInTranscriptInputField('So let\'s examine the relationship between time and distance, using this turtle interactive. You\'re going to get a chance to do it as well. So here\'s my little turtle. And I\'m going to be watching him move along this ruler that\'s measuring the distance that he\'s traveling. And then that information is going to be graphed. The time here is on the horizontal axis, measured in seconds. And the distance is measured here along the vertical axis, in centimeters. Now this is the distance from a starting point. So I\'m going to click just time. And we\'ll get to distance here in just a minute. I click Walk, and my turtle starts walking. He\'s moving along my ruler. And as he\'s doing so, you\'ll notice that this ruler doesn\'t match up with my time. And that\'s because this is just measuring the time that he\'s spending traveling. So now right as he stops, you\'ll see that that time on the horizontal axis keeps going on.');
+            audioPlayerPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptButton(), 'visible');
+        });
+
+        it('When the user clicks on the transcript button, a transcript modal should appear', () => {
+            audioPlayerPage.steps.clickOnTranscriptButton();
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptModal(), 'visible');
+        });
+
+        it('\'Transcript\' title should be displayed in the transcript modal', () => {
+            utilities.verifyInnerText(audioPlayerPage.transcriptTitlePreviewTab(), 'Transcript');
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptTitlePreviewTab(), 'visible');
+        });
+
+        it('A \'Print\' button and \'X\' close button should be displayed in the transcript modal', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptPrintButton(), 'visible');
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptModalCloseButton(), 'visible');
+        });
+
+        it('The text entered in the transcript input field should be displayed in the transcript modal', () => {
+            utilities.verifyInnerText(audioPlayerPage.transcriptContentPreviewTab(), 'So let\'s examine the relationship between time and distance, using this turtle interactive. You\'re going to get a chance to do it as well. So here\'s my little turtle. And I\'m going to be watching him move along this ruler that\'s measuring the distance that he\'s traveling. And then that information is going to be graphed. The time here is on the horizontal axis, measured in seconds. And the distance is measured here along the vertical axis, in centimeters. Now this is the distance from a starting point. So I\'m going to click just time. And we\'ll get to distance here in just a minute. I click Walk, and my turtle starts walking. He\'s moving along my ruler. And as he\'s doing so, you\'ll notice that this ruler doesn\'t match up with my time. And that\'s because this is just measuring the time that he\'s spending traveling. So now right as he stops, you\'ll see that that time on the horizontal axis keeps going on.');
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptContentPreviewTab(), 'visible');
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/549855
+        it('CSS of transcript modal', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioPlayerPage.transcriptModal(), {
+                'background-color': css.color.titleContainerBg
+            });
+            utilities.verifyCSS(audioPlayerPage.transcriptTitlePreviewTab(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(audioPlayerPage.transcriptPrintButton().find('svg path'), {
+                'stroke': css.color.activeButtons
+            });
+            utilities.verifyCSS(audioPlayerPage.transcriptModalCloseButton().find('svg path'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of transcript modal', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(audioPlayerPage.transcriptModal());
+        });
+
+        it('The user should be able to close the transcript modal', () => {
+            audioPlayerPage.steps.closeTranscriptModal();
+            utilities.verifyElementVisibilityState(audioPlayerPage.transcriptModal(), 'notExist')
+        });
+    });
+
+    describe('\'Transcript\' with image, equation, link and bold text : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to audio player tool');
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        it('When the user adds an image in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectImageOptionFromCKEditorToolbar()
+            audioPlayerPage.steps.addImageToInputField();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.clickOnTranscriptButton();
+            audioPlayerPage.steps.verifyImageAndAltTextInTranscriptPreviewTab();
+            audioPlayerPage.steps.closeTranscriptModal();
+        });
+
+        it('When the user adds an equation in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearTranscriptInputField();
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            audioPlayerPage.steps.focusAwayFromElement();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.clickOnTranscriptButton();
+            audioPlayerPage.steps.verifyEquationInTranscriptPreviewTab();
+            audioPlayerPage.steps.closeTranscriptModal();
+        });
+
+        it('When the user adds a link in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearTranscriptInputField();
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectLinkOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.addLinkToInputField();
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.clickOnTranscriptButton();
+            audioPlayerPage.steps.verifyLinkInTranscriptPreviewTab();
+            audioPlayerPage.steps.closeTranscriptModal();
+        });
+
+        it('When the user adds a bold text in the transcript input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+            audioPlayerPage.steps.switchToEditTab();
+            audioPlayerPage.steps.clearTranscriptInputField();
+            audioPlayerPage.steps.focusInTranscriptInputField();
+            audioPlayerPage.steps.selectBoldOptionFromCKEditorToolbar();
+            audioPlayerPage.steps.enterTextInTranscriptInputField('This is a bold text in transcript');
+            audioPlayerPage.steps.switchToPreviewTab();
+            audioPlayerPage.steps.clickOnTranscriptButton();
+            audioPlayerPage.steps.verifyBoldTextInTranscriptPreviewTab();
+            audioPlayerPage.steps.closeTranscriptModal();
+        });
+    });
+});

package/cypress/e2e/ILC/DragAndDropIntoCategories/{dragAndDropIntoCategoriesScoringFiles → dragAndDropIntoCategoriesScoring}/groupedOptionsAllOrNothingAlternatePointsGreaterThanCorrectPoints.js

@@ -28,6 +28,6 @@ describe('Create Item page - drag and drop into categories: Preview tab scoring
             dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
         });
 
-        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyAutoScoredAllOrNothingWithAlternateAnswerWhenCorrectPointsAreLessThanAlternatePoints();
+        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyAutoScoredAllOrNothingWithAlternateAnswerWhenAlternatePointsAreGreaterThanCorrectPoints();
     });
 });

package/cypress/e2e/ILC/DragAndDropIntoCategories/{dragAndDropIntoCategoriesScoringFiles → dragAndDropIntoCategoriesScoring}/standardAllOrNothingAlternatePointsGreaterThanCorrectPoints.js

@@ -28,6 +28,6 @@ describe('Create Item page - drag and drop into categories: Preview tab Scoring
             dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
         });
 
-        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyAutoScoredAllOrNothingWithAlternateAnswerWhenCorrectPointsAreLessThanAlternatePoints();
+        dragAndDropIntoCategoriesAllOrNothingScoring.tests.verifyAutoScoredAllOrNothingWithAlternateAnswerWhenAlternatePointsAreGreaterThanCorrectPoints();
     });
 });