itemengine-cypress-automation 1.0.343 → 1.0.344-graph-and-chart-r2-8153722.0

package/cypress/pages/audioPlayerPage.js

@@ -14,11 +14,11 @@ const selectors = {
     uploadAudioFileUploadLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(0),
     uploadAudioFileNameLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(1),
     deleteAudioFileButton: () => cy.get('[aria-label="Delete"]'),
-    sourceUrlLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(0),
-    sourceUrlInputField: () => cy.get('input[aria-label="Source URL"]'),
+    sourceUrlLabel: () => cy.get('[class*="AudioPlayerFormstyles__TextFieldLabel"]').eq(0),
+    sourceUrlInputField: () => cy.get('[class*="AudioPlayerFormstyles__Text"] input[type="text"]'),
     uploadAudioChooseFileButton: () => cy.get('.choose-file-upload-button'),
     uploadAudioNoFileChosenLabel: () => cy.get('[aria-label="No file chosen"]').eq(0),
-    uploadedFileNameLabel: () => cy.get('.selected-file').eq(0),
+    uploadedFileNameLabel: () => cy.get('[class*="AudioPlayerFormstyles__FileInputWrapper"] .selected-file-wrapper').eq(0),
     audioFileUploadProgressBar: () => cy.get('[class*="AudioPlayerstyles__ProgressBar-"]').eq(0),
     inputTypeFile: () => cy.get('input[type="file"]'),
     audioPlayerStyleLabel: () => cy.get('.player-style-label'),
@@ -28,7 +28,7 @@ const selectors = {
     standardStyleToggleButtonLabel: () => cy.get('[data-ngie-testid="standard-toggle-button"] .ngie-toggle-button-label'),
     barStyleToggleButtonLabel: () => cy.get('[data-ngie-testid="bar-toggle-button"] .ngie-toggle-button-label'),
     compactStyleToggleButtonLabel: () => cy.get('[data-ngie-testid="compact-toggle-button"] .ngie-toggle-button-label'),
-    compactPlayerOptionsLabel: () => cy.get('.options-label'),
+    compactPlayerOptionsLabel: () => cy.get('.compact-player-wrapper .options-label'),
     defaultPlayerOptionButton: () => cy.get('[data-ngie-testid="default-toggle-button"]'),
     textPlayerOptionButton: () => cy.get('[data-ngie-testid="text-toggle-button"]'),
     imagePlayerOptionButton: () => cy.get('[data-ngie-testid="image-toggle-button"]'),
@@ -45,28 +45,28 @@ const selectors = {
     customizePlayerLayoutProgressIndicatorButton: () => cy.get('[data-ngie-testid="progressbar-toggle-button"]'),
     customizePlayerLayoutToggleButtonLabel: () => cy.get('[class*="ToggleButtonMUI5style__ButtonLabelWrapper"]'),
     uncheckAllButton: () => cy.get('[class*="AudioPlayerstyles__UncheckButton"]'),
-    uploadTranscriptFileLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(2),
-    uploadTranscriptFileRadioButton: () => cy.get('.ngie-radio-btn input').eq(2),
-    typeInTranscriptLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(3),
-    typeInTranscriptRadioButton: () => cy.get('.ngie-radio-btn input').eq(3),
-    transcriptInputField: () => cy.get('[role="textbox"][title="Transcript"]'),
-    allowStudentsToDownloadAudioLabel: () => cy.get('[data-ngie-testid="allow-students-to-download-the-audio-checkbox"] .MuiFormControlLabel-label'),
-    allowStudentsToDownloadAudioCheckbox: () => cy.get('[data-ngie-testid="allow-students-to-download-the-audio-checkbox"] input'),
-    limitPlayAttemptsLabel: () => cy.get('[data-ngie-testid="limit-play-attempts-checkbox"] .MuiFormControlLabel-label'),
-    limitPlayAttemptsCheckbox: () => cy.get('[data-ngie-testid="limit-play-attempts-checkbox"] input'),
+    uploadTranscriptFileLabel: () => cy.get('.upload-transcript-opt-label'),
+    uploadTranscriptFileRadioButton: () => cy.get('.upload-transcript-opt-label input'),
+    typeInTranscriptLabel: () => cy.get('.type-in-transcript-opt-label'),
+    typeInTranscriptRadioButton: () => cy.get('[aria-label="Type in transcript"][type="radio"]'),
+    transcriptInputField: () => cy.get('[title="Transcript"]'),
+    allowStudentsToDownloadAudioLabel: () => cy.get('.allow-students-to-download-audio .MuiFormControlLabel-label').eq(0),
+    allowStudentsToDownloadAudioCheckbox: () => cy.get('.allow-students-to-download-audio input'),
+    limitPlayAttemptsLabel: () => cy.get('.allow-students-to-download-audio .MuiFormControlLabel-label').eq(1),
+    limitPlayAttemptsCheckbox: () => cy.get('.allow-students-to-download-audio input').eq(1),
     playAttemptsLimitLabel: () => cy.get('.playback-limit-wrapper [class*="Label"]'),
-    playAttemptsLimitInputField: () => cy.get('.playback-limit-wrapper input'),
+    playAttemptsLimitInputField: () => cy.get('.freeResponseAudioFormTextInput input'),
     studentViewSettingsLabel: () => cy.get('[class*="AudioPlayerstyles__TranscriptLabelWrapper"]').eq(0),
     audioOverviewLabel: () => cy.get('.additional-settings-label'),
     audioOverviewInputField: () => cy.get('[title="Description"]'),
-    transcriptLabel: () => cy.get('.audio-resource-label-wrapper').eq(1),
+    transcriptLabel: () => cy.get('.freeResponseAudioFormTextInput .transcript-label'),
     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),
+    transcriptInputTypeFile: () => cy.get('.upload-transcript-file input[type="file"]'),
+    uploadedTranscriptFileNameLabel: () => cy.get('.upload-transcript-file .selected-file-wrapper'),
+    transcriptFileUploadProgressBar: () => cy.get('.audio-player-form-progressbar'),
     transcriptInputFieldLabel: () => cy.get('.additional-settings-label').eq(1),
     deleteTranscriptButton: () => cy.get('[aria-label*="Delete"]'),
 
@@ -788,14 +788,14 @@ const steps = {
         audioPlayerPage.audioOverviewInputField()
             .find('[data-widget="ngie_equation"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyEquationInAudioOverviewPreviewTab: () => {
         audioPlayerPage.audioOverviewPreviewTab()
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInAudioOverviewInputField: () => {
@@ -896,14 +896,14 @@ const steps = {
         audioPlayerPage.transcriptInputField()
             .find('[data-widget="ngie_equation"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyEquationInTranscriptPreviewTab: () => {
         audioPlayerPage.transcriptContentPreviewTab()
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInTranscriptInputField: () => {

package/cypress/pages/chartsBarPage.js

@@ -1306,6 +1306,26 @@ const steps = {
     verifyPenaltyPointsForEachIncorrectBar: (penaltyPoints) => {
         utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.penaltyPointsDetailsSectionAllottedPointsLabel(), `Penalty points for each incorrect bar: ${penaltyPoints}`);
     },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        chartsBarPage.correctIncorrectAnswerTextWrapper()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        chartsBarPage.correctIncorrectAnswerTextWrapper()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        chartsBarPage.correctAnswersLabel()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        chartsBarPage.correctAnswersLabel()
+            .should('not.exist');
+    },
 }
 
 const tests = {

package/cypress/pages/components/additionalSettingsPanel.js

@@ -23,8 +23,8 @@ const selectors = {
             return cy.get('[aria-labelledby*="Font-Size-dropdown-label"] [role="option"]')
         }
     },
-    fontSizeListOptionLabels: () => cy.get('[aria-labelledby="Font-Size-dropdown-label Font-Size-placeholder"] li[role="option"] .dropdown-label-text'),
-    fontSizesLabels: () => cy.get('[aria-labelledby="Font-Size-dropdown-label Font-Size-placeholder"] li[role="option"] .dropdown-post-label-text'),
+    fontSizeListOptionLabels: () => cy.get('[aria-labelledby*="Font-Size-dropdown-label"] li[role="option"] .dropdown-label-text'),
+    fontSizesLabels: () => cy.get('[aria-labelledby*="Font-Size-dropdown-label"] li[role="option"] .dropdown-post-label-text'),
 }
 
 const steps = {
@@ -69,6 +69,7 @@ const steps = {
 
     expandFontSizeDropdown: () => {
         additionalSettingsPanel.fontSizeDropdown()
+            .trigger('mouseover')
             .click();
     }
 }

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -149,6 +149,12 @@ const steps = {
     checkManuallyScoredScoringLabel: () => {
         autoScoredScoringPreviewTab.scoringTypeLabelPreviewTab()
             .should('have.text', 'Manually scored');
+    },
+
+    checkNonScoredScoringLabel: () => {
+        //Need to update once https://weldnorthed.atlassian.net/browse/IEI-5618 is resolved
+        autoScoredScoringPreviewTab.scoringTypeLabelPreviewTab()
+            .contains('Non scored', { matchCase: false });
     }
 }
 
@@ -161,7 +167,7 @@ const tests = {
                 .should('be.checked');
             autoScoredScoringPreviewTab.gradingViewRadioButton()
                 .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.verifyPreviewScore(0, 0);
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
             autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
         });
 

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -76,6 +76,7 @@ const steps = {
 
     expandPenaltyScoringDropdown: () => {
         autoScoredScoringSectionMultiResponseType.penaltyScoringDropdown()
+            .trigger('mouseover')
             .click();
         cy.wait(500);
         utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.penaltyScoringDropdownListOptions(), 'visible');
@@ -147,6 +148,7 @@ const steps = {
 
     expandRoundingDropdown: () => {
         autoScoredScoringSectionMultiResponseType.roundingDropdown()
+            .trigger('mouseover')
             .click();
     },
 

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -326,43 +326,31 @@ const tests = {
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
         });
 
-        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in enabled state', () => {
-            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
-            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
-        });
-
-        it('CSS of warning popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
-                'fill': css.color.closeIcon
-            });
-        });
-
-        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-            dialogBoxBase.steps.closeWarningPopup();
+        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in disabled state', () => {
+            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
         });
     },
 
     verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
-        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
+        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then correct answer accordion should be expanded and alternative 2 accordion should be in collapsed state', () => {
             autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                 .click();
-            dialogBoxBase.steps.closeWarningPopup();
-            //TODO: Need to add error message according to question types
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .should('have.attr', 'aria-expanded', 'false');
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+
+        it('When user tries to expand alternative accordion when all the mandatory fields are not filled in the correct accordion, then correct answer accordion should be collapsed and alternative 2 accordion should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .click();
             autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                 .eq(1)
                 .should('have.attr', 'aria-expanded', 'true');
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'false');
         });
     }
 }

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -59,29 +59,7 @@ const steps = {
 }
 
 const tests = {
-    verifyBackgroundImageSectionContentWithCSSAndA11y: (questionType = null) => {
-        it('\'Background image\' label should be visible', () => {
-            if (questionType === 'graphing') {
-                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background');
-            } else {
-                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background image');
-            }
-        });
-
-        it('\'Upload\' label and \'Choose file\' button should be displayed', () => {
-            utilities.verifyInnerText(backgroundImageUploadComponent.uploadLabel(), 'Upload');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadLabel(), 'visible');
-            utilities.verifyInnerText(backgroundImageUploadComponent.chooseFileButton(), 'Choose file');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.chooseFileButton(), 'visible');
-        });
-
-        it('\'File name\' label should be displayed and by default \'No file chosen\' text should be displayed below the \'File name\' label.', () => {
-            utilities.verifyInnerText(backgroundImageUploadComponent.fileNameLabel(), 'File name');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.fileNameLabel(), 'visible');
-            utilities.verifyInnerText(backgroundImageUploadComponent.noFileChosenLabel(), 'No file chosen');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.noFileChosenLabel(), 'visible');
-        });
-
+    verifyCSSAndA11yBeforeUpload: () => {
         it('CSS of upload section', { tags: 'css' }, () => {
             utilities.verifyCSS(backgroundImageUploadComponent.uploadLabel(), {
                 'color': css.color.labels,
@@ -109,12 +87,13 @@ const tests = {
         it('Accessibility of  Upload section before uploading image', { tags: 'a11y' }, () => {
             cy.checkAccessibility(backgroundImageUploadComponent.uploadLabel().parents('.edit-question-edit-tab-wrapper'));
         });
+    },
 
+    verifyImageUploadFunctionality: (questionType = null) => {
         it('When the user adds the image file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded and uploaded image should be displayed', () => {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
-            if (questionType !== 'graphing' && questionType !== 'grid fill' && questionType !== 'image highlight') {
+            if (!['graphing', 'grid fill', 'image highlight', 'thinkSphere'].includes(questionType)) {
                 imageCanvasComponent.steps.verifyImageIsUploaded();
             }
         });
@@ -129,6 +108,34 @@ const tests = {
         });
     },
 
+    verifyBackgroundImageSectionContentWithCSSAndA11y: (questionType = null) => {
+        it('\'Background image\' label should be visible', () => {
+            if (questionType === 'graphing') {
+                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background');
+            } else {
+                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background image');
+            }
+        });
+
+        it('\'Upload\' label and \'Choose file\' button should be displayed', () => {
+            utilities.verifyInnerText(backgroundImageUploadComponent.uploadLabel(), 'Upload');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadLabel(), 'visible');
+            utilities.verifyInnerText(backgroundImageUploadComponent.chooseFileButton(), 'Choose file');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.chooseFileButton(), 'visible');
+        });
+
+        it('\'File name\' label should be displayed and by default \'No file chosen\' text should be displayed below the \'File name\' label.', () => {
+            utilities.verifyInnerText(backgroundImageUploadComponent.fileNameLabel(), 'File name');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.fileNameLabel(), 'visible');
+            utilities.verifyInnerText(backgroundImageUploadComponent.noFileChosenLabel(), 'No file chosen');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.noFileChosenLabel(), 'visible');
+        });
+
+        tests.verifyCSSAndA11yBeforeUpload();
+
+        tests.verifyImageUploadFunctionality(questionType);
+    },
+
     verifyDeleteImagePopupContentAndFunctionality: () => {
         it('When the user hovers on \'Delete\' button, \'Delete image\' text should be displayed in tooltip', () => {
             backgroundImageUploadComponent.deleteImageIcon()