itemengine-cypress-automation 1.0.193-packageUpdated-b3f3d0b.0 → 1.0.193-packageUpdated-0af2e49.0

package/cypress/pages/audioPlayerPage.js

@@ -1,11 +1,10 @@
+import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { commonComponents, createQuestionBasePage, playbackControlsBaseComponent } from "./components";
-import { dialogBoxBase } from "./dialogBoxBase";
+import { ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, playbackControlsBaseComponent } from "./components";
 
 const selectors = {
     ...playbackControlsBaseComponent,
     ...commonComponents,
-    ...dialogBoxBase,
     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),
@@ -44,7 +43,6 @@ const selectors = {
     customizePlayerLayoutProgressIndicatorButton: () => cy.get('[data-ngie-testid="progressbar-toggle-button"]'),
     customizePlayerLayoutToggleButtonLabel: () => cy.get('[class*="ToggleButtonMUI5style__ButtonLabelWrapper"]'),
     uncheckAllButton: () => cy.get('[class*="AudioPlayerstyles__UncheckButton"]'),
-    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),
@@ -57,7 +55,18 @@ const selectors = {
     playAttemptsLimitLabel: () => cy.get('.playback-limit-wrapper [class*="Label"]'),
     playAttemptsLimitInputField: () => cy.get('.playback-limit-wrapper input'),
     studentViewSettingsLabel: () => cy.get('[class*="AudioPlayerstyles__TranscriptLabelWrapper"]').eq(0),
-    deleteTranscriptButton: () => cy.get('[aria-label*="Delete transcript]'),
+    audioOverviewLabel: () => cy.get('.additional-settings-label'),
+    audioOverviewInputField: () => cy.get('[title="Description"]'),
+    transcriptLabel: () => cy.get('.audio-resource-label-wrapper').eq(1),
+    uploadTranscriptUploadLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(2),
+    uploadTranscriptFileNameLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(3),
+    uploadTranscriptChooseFileButton: () => cy.get('.upload-audio-file-input-wrapper button').eq(1),
+    uploadTranscriptNoFileChosenLabel: () => cy.get('[aria-label="No file chosen"]').eq(1),
+    transcriptInputTypeFile: () => cy.get('input[type="file"]').eq(1),
+    uploadedTranscriptFileNameLabel: () => cy.get('.selected-file').eq(1),
+    transcriptFileUploadProgressBar: () => cy.get('[class*="AudioPlayerstyles__ProgressBar-"]').eq(1),
+    transcriptInputFieldLabel: () => cy.get('.additional-settings-label').eq(1),
+    deleteTranscriptButton: () => cy.get('[aria-label*="Delete"]'),
 
     //Preview tab
     backwardButton: () => cy.get('.forward-backward-buttons-wrapper [aria-label*="Backward"]'),
@@ -67,7 +76,7 @@ const selectors = {
     playbackTotalTime: () => cy.get('.audio-player-duration').eq(0),
     addPinButton: () => cy.get('.audio-add-pin-wr button'),
     audioFileSrc: () => cy.get('.audio-player-toolbar audio'),
-    descriptionPreviewTab: () => cy.get('.audio-resource-preview-wrapper .question-text-wrapper'),
+    audioOverviewPreviewTab: () => 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"]'),
@@ -108,13 +117,15 @@ const selectors = {
 const steps = {
     ...playbackControlsBaseComponent.steps,
     ...createQuestionBasePage.steps,
-    ...dialogBoxBase.steps,
+    ...ckEditorToolbar.steps,
+    ...equationEditorFlyout.steps,
+    ...commonComponents.steps,
     /**
     * 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) => {
+    uploadAudioFile: (filePath) => {
         audioPlayerPage.inputTypeFile()
             .attachFile(filePath);
         utilities.verifyElementVisibilityState(audioPlayerPage.audioFileUploadProgressBar(), 'hidden');
@@ -147,10 +158,14 @@ const steps = {
     enterTextInTranscriptInputField: (text) => {
         audioPlayerPage.transcriptInputField()
             .type(text)
-            .should('have.text', text)
             .blur();
     },
 
+    verifyTextInTranscriptInputField: (text) => {
+        audioPlayerPage.transcriptInputField()
+            .should('have.text', text);
+    },
+
     verifyUploadAudioFileRadioButtonIsSelected: () => {
         audioPlayerPage.uploadAudioFileRadioButton()
             .should('be.checked');
@@ -573,6 +588,11 @@ const steps = {
             .click();
     },
 
+    deleteTranscriptFile: () => {
+        audioPlayerPage.deleteTranscriptButton()
+            .click();
+    },
+
     //Preview tab
     waitForPlaybackToBegin: () => {
         steps.waitForAudioFileSrcToLoad();
@@ -719,6 +739,205 @@ const steps = {
             .should('be.calledWith', '');
     },
 
+    focusInAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .click();
+    },
+
+    focusOutOfAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .blur();
+    },
+
+    clearAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .clear()
+            .blur();
+    },
+
+    /**
+     * @description add input to audio overview input field
+     * @param {string} text text input to be given in audio overview input field
+     */
+    addInputToAudioOverviewInputField: (text) => {
+        audioPlayerPage.audioOverviewInputField()
+            .type(text)
+            .blur();
+    },
+
+    verifyImageAndAltTextInAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .find('img')
+            .should('have.attr', 'src', constants.foxImageLink)
+            .and('have.attr', 'alt', constants.foxImageAltText);
+    },
+
+    verifyImageAndAltTextInAudioOverviewPreviewTab: () => {
+        audioPlayerPage.audioOverviewPreviewTab()
+            .find('img')
+            .should('have.attr', 'src', constants.foxImageLink)
+            .and('have.attr', 'alt', constants.foxImageAltText);
+    },
+
+    verifyEquationInAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .find('[data-widget="ngie_equation"]')
+            .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
+            .contains(constants.CKEditorInputFieldEnteredEquationText);
+    },
+
+    verifyEquationInAudioOverviewPreviewTab: () => {
+        audioPlayerPage.audioOverviewPreviewTab()
+            .find('[role="math"]')
+            .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
+            .contains(constants.CKEditorInputFieldEnteredEquationText);
+    },
+
+    verifyLinkInAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .find('a')
+            .should('have.text', 'lorem')
+            .and('have.attr', 'href', `${Cypress.config().baseUrl}`);
+    },
+
+    verifyLinkInAudioOverviewPreviewTab: () => {
+        audioPlayerPage.audioOverviewPreviewTab()
+            .find('a')
+            .should('have.text', 'lorem')
+            .and('have.attr', 'href', `${Cypress.config().baseUrl}`);
+    },
+
+    verifyBoldTextInAudioOverviewInputField: () => {
+        audioPlayerPage.audioOverviewInputField()
+            .find('strong')
+            .should('exist')
+            .should('have.text', '​​​​​​​This is a bold text in audio overview input field');
+    },
+
+    verifyBoldTextInAudioOverviewPreviewTab: () => {
+        audioPlayerPage.audioOverviewPreviewTab()
+            .find('strong')
+            .should('exist')
+            .should('have.text', 'This is a bold text in audio overview input field');
+    },
+
+    focusAwayFromElement: () => {
+        cy.get('body')
+            .click({ position: 'topLeft' });
+    },
+
+    verifyUploadTranscriptFileRadioButtonIsSelected: () => {
+        audioPlayerPage.uploadTranscriptFileRadioButton()
+            .should('be.checked');
+    },
+
+    verifyUploadTranscriptFileRadioButtonIsNotSelected: () => {
+        audioPlayerPage.uploadTranscriptFileRadioButton()
+            .should('not.be.checked');
+    },
+
+    verifyTypeInTranscriptRadioButtonIsNotSelected: () => {
+        audioPlayerPage.typeInTranscriptRadioButton()
+            .should('not.be.checked');
+    },
+
+    /**
+    * Uploads a file to the audio player transcript by attaching the file located at the specified filePath.
+    * @param {string} filePath - The file path to the file to be uploaded.
+    * @returns {void}
+    */
+    uploadTranscriptFile: (filePath) => {
+        audioPlayerPage.transcriptInputTypeFile()
+            .attachFile(filePath);
+        utilities.verifyElementVisibilityState(audioPlayerPage.transcriptFileUploadProgressBar(), 'hidden');
+    },
+
+    /**
+    * Attaches a transcript file at the specified filePath.
+    * @param {string} filePath - The file path to the file to be attached.
+    * @returns {void}
+    */
+    attachTranscriptFile: (filePath) => {
+        audioPlayerPage.transcriptInputTypeFile()
+            .attachFile(filePath);
+    },
+
+    focusInAndFocusOutOfTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .click()
+            .blur();
+    },
+
+    focusInTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .click();
+    },
+
+    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');
+    },
+    
+    clearTranscriptInputField: () => {
+        audioPlayerPage.transcriptInputField()
+            .clear();
+    },
+    
+    closeTranscriptModal: () => {
+        audioPlayerPage.transcriptModalCloseButton()
+            .click();
+    },
     clickOnAddPinButton: () => {
         audioPlayerPage.addPinButton()
             .click();
@@ -843,6 +1062,7 @@ const steps = {
 const tests = {
     ...commonComponents.tests,
     ...playbackControlsBaseComponent.tests,
+    ...createQuestionBasePage.tests,
 }
 
 export const audioPlayerPage = {

package/cypress/pages/chartsBarPage.js

@@ -11,8 +11,6 @@ const selectors = {
     ...dialogBoxBase,
     barDragHandle: () => cy.get('.bar-drag-handle'),
     bar: () => cy.get('.ngie-chart-point'),
-    selectChartTypeMaxYLabel: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldLabel"]'),
-    selectChartTypeMaxYInputField: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldWrapper"] input'),
     selectChartTypeMaxXLabel: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldLabel"]'),
     selectChartTypeMaxXInputField: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldWrapper"] input'),
     selectChartTypeBarDragHandle: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .bar-drag-handle'),
@@ -24,7 +22,6 @@ const selectors = {
     specifyCorrectAnswerBarDragHandle: () => cy.get('.ngie-accordion .bar-drag-handle'),
     specifyCorrectAnswerBar: () => cy.get('.ngie-accordion .ngie-chart-point'),
 
-    //TODO - Update selector after https://redmine.zeuslearning.com/issues/570603 is resolved
     //Preview tab
     previewTabBarDragHandle: () => cy.get('[class*="ChartsPreviewstyles__PreviewWrapper"]:visible .bar-drag-handle'),
     previewTabBar: () => cy.get('[class*="ChartsPreviewstyles__PreviewWrapper"]:visible .ngie-chart-point'),
@@ -137,18 +134,6 @@ const steps = {
         utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.selectChartTypeBarLabel(), barIndex), barLabel);
     },
 
-    /**
-     * @description Set the Max Y value in its input field
-     * @param {number} value Max Y value to be set 
-     */
-    setMaxYValue: (value) => {
-        chartsBarPage.selectChartTypeMaxYInputField()
-            .clear()
-            .type(value)
-            .should('have.value', value)
-            .blur();
-    },
-
     /**
      * @description Set the Max bar count value in its input field
      * @param {number} value Max bar value to be set 
@@ -196,10 +181,10 @@ const steps = {
             .invoke('attr', 'height')
             .then((barValue) => {
                 let originalBarValue = parseFloat(barValue)
-                utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
+                utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
                     .focus()
                     .type('{upArrow}{upArrow}{upArrow}{downArrow}{downArrow}{downArrow}', { force: true });
-                utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBar(), barIndex)
+                utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
                     .should('have.attr', 'height', originalBarValue);
             });
     },
@@ -369,22 +354,6 @@ const steps = {
             });
     },
 
-    /**
-     * Verify the bar is locked in correct answer section
-     * @param {number} barIndex index of the bar
-     */
-    verifyBarIsLockedInCorrectAnswerSection: (barIndex) => {
-        chartsBarPage.previewTabChartWrapper()
-            .eq(1)
-            .within(() => {
-                utilities.getNthElement(chartsBarPage.bar(), barIndex)
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(chartsBarPage.barLockIcon(), 'visible');
-                        utilities.verifyElementVisibilityState(chartsBarPage.barDragHandle().find('svg'), 'notExist');
-                    });
-            });
-    },
-
     /**
      * @description Verify chart range in correct answer section
      * @param {number} maximumValue maximum value of range
@@ -397,43 +366,6 @@ const steps = {
             });
     },
 
-    /**
-     * @description Verify graph title in correct answer section
-     * @param {string} graphTitle Title of graph
-     */
-    verifyGraphTitleInCorrectAnswerSection: (graphTitle) => {
-        chartsBarPage.previewTabChartWrapper()
-            .eq(1)
-            .within(() => {
-                utilities.verifyTextContent(utilities.getNthElement(chartsBarPage.graphTitle(), 0), graphTitle);
-            });
-    },
-
-    /**
-     * @description Verify Y axis label in correct answer section
-     * @param {string} yAxisLabel
-     */
-    verifyYAxisLabelInCorrectAnswerSection: (yAxisLabel) => {
-        chartsBarPage.previewTabChartWrapper()
-            .eq(1)
-            .within(() => {
-                utilities.verifyTextContent(utilities.getNthElement(chartsBarPage.yAxisLabel(), 0), yAxisLabel);
-            });
-    },
-
-    /**
-     * @description Verify X axis label in correct answer section
-     * @param {string} yAxisLabel
-     */
-    verifyXAxisLabelInCorrectAnswerSection: (XAxisLabel) => {
-        chartsBarPage.previewTabChartWrapper()
-            .eq(1)
-            .within(() => {
-                utilities.verifyTextContent(utilities.getNthElement(chartsBarPage.xAxisLabel(), 0), XAxisLabel);
-            });
-    },
-
-
     /**
      * @description verify bar in correct answer section
      * @param {Object} barProperties - The properties and changes to be done on the bar