itemengine-cypress-automation 1.0.349-TEMRegression4-f1b48a1.0 → 1.0.349-miscellaneous-questions-r2-a9064f0.0

package/cypress/e2e/ILC/VideoResponseNew/editTabBasicSection.js

@@ -159,31 +159,21 @@ describe('Create item page - Video response: Question instructions, Maximum reco
             });
         });
 
-        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
+        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, Validation error should not be displayed below the \'Maximum recording duration\' input field and it should take up default value i.e. 300', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
         it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Maximum recording duration is required.\' should disappear.', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(1000);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), error message should not be displayed and it should take default value i.e 300', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(0);
-            videoResponsePage.steps.verifyMaximumRecordingDuration(0);
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
-        });
-
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Value must be greater than 0 secs.\' should disappear', () => {
-            videoResponsePage.steps.setMaximumRecordingDuration(1000);
-            videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
         it('When user adds decimal values or alphanumeric values then only numeric values should be displayed in the maximum recording length input field', () => {
@@ -204,32 +194,27 @@ describe('Create item page - Video response: Question instructions, Maximum reco
             videoResponsePage.steps.verifyMaximumRecordingDuration(5);
         });
 
-        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
+        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, validation error should not be displayed below the \'Maximum recording duration\' input field', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Secs');
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Maximum recording duration is required.\' should disappear.', () => {
+        it('When the user updates the \'Maximum recording duration\' value, then the validation message should not be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(5);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 mins.\' should be displayed', () => {
-            videoResponsePage.steps.setMaximumRecordingDurationNew(0);
-            videoResponsePage.steps.verifyMaximumRecordingDuration(0);
+        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message should not be displayed and it should take default value i.e. 300', () => {
+            videoResponsePage.steps.setMaximumRecordingDuration(0);
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
             // Uncomment once https://redmine.zeuslearning.com/issues/583618 is resolved
             // utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 mins.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Value must be greater than 0 mins.\' should disappear', () => {
+        it('When the user updates the \'Maximum recording duration\' value, then the validation message should not be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(5);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Mins');

package/cypress/e2e/ILC/chartsDotsPlot/headerSection.js

@@ -98,7 +98,22 @@ describe('Create item page - Charts - Dot plot: Header section and saving questi
             chartsDotPlotPage.steps.selectDotPlot();
         });
 
-        chartsDotPlotPage.tests.verifyCreateItemWrapperContentsA11y();
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                chartsDotPlotPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                chartsDotPlotPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+                chartsDotPlotPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                chartsDotPlotPage.steps.allotPoints(10);
+                chartsDotPlotPage.steps.verifyErrorMessageIsNotDisplayed();
+            });
+
+            chartsDotPlotPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
 
         describe('Saving a question', () => {
             it('When user clicks on "Save question" button, then the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {

package/cypress/e2e/Sessions/fetchResponses.js

@@ -15,7 +15,7 @@ describe('Fetch Responses API', () => {
     let activityTemplateIdNew1;
     before(() => {
         cy.loginAs('admin');
-        cy.createItem('FetchResponseTest1');
+        cy.createItem('FetchResponseTest12');
         cy.wait(5000)
         cy.visit(`${Cypress.env('itemEngineHomePage')}`);
     });
@@ -40,7 +40,7 @@ describe('Fetch Responses API', () => {
             .click();
         cy.get('textarea[class="body-param__text"]')
             .clear()
-            .fill(`{\n  "item_references": ["FetchResponseTest1"],\n  "references": [],\n  "types": [],\n  "limit": 50,\n  "sort_field": "created",\n  "sort": "desc"\n}\n`);
+            .fill(`{\n  "item_references": ["FetchResponseTest12"],\n  "references": [],\n  "types": [],\n  "limit": 50,\n  "sort_field": "created",\n  "sort": "desc"\n}\n`);
         cy.get('.execute')
             .click();
         cy.wait(2000);
@@ -52,7 +52,7 @@ describe('Fetch Responses API', () => {
             .then((text) => {
                 // Parse the JSON from the DOM
                 const actualResponse = JSON.parse(text);
-                const test1Data = actualResponse.data.FetchResponseTest1[0];
+                const test1Data = actualResponse.data.FetchResponseTest12[0];
                 const { reference: ref1 } = test1Data;
                 itemReferenceIdNew = ref1;
             });

package/cypress/e2e/Sessions/scores.js

@@ -6,7 +6,14 @@ describe('Scores API cases', () => {
     var timestamp;
     var dtScoreUpdateArray = [];
 
-    let itemReferenceIdNew = "cd2f017-4f0-33b3-062b-ab6150047a83";
+    let itemReferenceIdNew;
+    const domainMapping = {
+        'sandbox.itemengine-qa.il-apps.com': "0ee6c7-ef6e-717-4b8-cda87eaac101",
+        'sandbox.itemengine-staging.il-apps.com': "a50ba14-5603-b55e-7cc-d17404ce5afb",
+        'sandbox.itemengine-prod.il-apps.com': "444d582-3e4-b18f-e52c-5c8c732717"
+    };
+
+    itemReferenceIdNew = domainMapping[domainName] || null;
     let dt_score_update;
     let response_id;
     let dt_saved;
@@ -120,17 +127,8 @@ describe('Scores API cases', () => {
     });
 
     it('If the user clicks on the Scores option from the menu bar, user should be navigated to the Scores API page', () => {
-        cy.get('[aria-label="Navigation Drawer List"]')
-            .contains('Sessions')
-            .click()
-            .parents('[class*="MuiListItemButton-gutters"]')
-            .should('have.attr', 'aria-expanded', 'true');
         cy.contains('Scores')
             .click();
-        cy.contains('Scores')
-            .parent()
-            .parent()
-            .should('have.class', 'Mui-selected');
         cy.url()
             .should('eq', Cypress.config().baseUrl + '/item-engine/data-api/sessions/fetch-scores');
     });

package/cypress/e2e/applitools.config.js

@@ -3,9 +3,9 @@ module.exports = {
 	serverUrl: 'https://eyes.applitools.com',
 	browser: [
 		{ width: 1366, height: 609, name: 'chrome' },
-		// { width: 1280, height: 832, name: 'edgechromium' },
-		// { width: 1536, height: 960, name: 'safari' },
-		// { width: 1024, height: 1366, name: 'safari' }
+		{ width: 1280, height: 832, name: 'edgechromium' },
+		{ width: 1536, height: 960, name: 'safari' },
+		{ width: 1024, height: 1366, name: 'safari' }
 	],
 	//Configuration options: https://applitools.com/tutorials/sdks/cypress/configuration
 	APPLITOOLS_IS_DISABLED: true

package/cypress/fixtures/theme/ilc.json

@@ -1,5 +1,6 @@
 {
     "color": {
+        "boxShadow": "rgba(82, 0, 255, 0.1)",
         "primaryBtn": "rgb(255, 255, 255)",
         "primaryBtnBg": "rgb(82, 0, 255)",
         "primaryBtnBorder": "rgb(0, 0, 124)",
@@ -157,7 +158,19 @@
         "newFontColor": "rgb(128, 25, 0)",
         "newResponseFieldColor": "rgb(119, 60, 60)",
         "blackText": "rgb(0, 0, 0)",
-        "blackTextBoxText":"rgba(0, 0, 0, 0.38)"
+        "blackTextBoxText":"rgba(0, 0, 0, 0.38)",
+        "whiteColor": "rgba(255, 255, 255, 1)",
+        "phasesSectionBorderColor": "rgba(186, 201, 255, 1)",
+        "optionColor": "rgb(13, 71, 161)",
+        "borderColor": "rgb(205, 205, 206)",
+        "buttonHoverColor": "rgb(68, 0, 211)",
+        "tableRowHoverColor": "rgba(0, 0, 0, 0.04)",
+        "dialogBoxBoxShadow": "rgba(0, 0, 0, 0.25)",
+        "desktopMobileViewtoggleButtonSelectedBg": "rgb(227, 242, 253)",
+        "progressBarBackgroundColor": "rgba(0, 0, 46, 0.7)",
+        "questionInstructionBG": "rgb(235, 239, 255)",
+        "deletePageColor": "rgb(124, 0, 0)",
+        "dropdownDefaultBG": "rgb(227, 240, 237)"
     },
     "fontSize": {
         "extraSmall": "10px",

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,30 @@ 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"]'),
+    cKEditorTranscriptInputField: () => cy.get('textarea[aria-label="Transcript"]'),
+    ckEditorPlayAttemptsLimitInputField: () => cy.get('input[aria-label="Playback Limit"]'),
+    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"]'),
 
@@ -166,6 +168,13 @@ const steps = {
             .blur();
     },
 
+    enterTextInCKEditorTranscriptInputField: (text) => {
+        audioPlayerPage.cKEditorTranscriptInputField()
+            .type(text)
+            .blur();
+    },
+
+
     verifyTextInTranscriptInputField: (text) => {
         audioPlayerPage.transcriptInputField()
             .should('have.text', text);
@@ -706,6 +715,20 @@ const steps = {
             .type(value)
     },
 
+    /**
+     * Sets the playback limit value in the audio player's input field.
+     * @param {string|number} value - The value to set as the playback limit.
+     * @returns {void}
+     */
+    setCKEditorPlaybackLimit: (value) => {
+        audioPlayerPage.ckEditorPlayAttemptsLimitInputField()
+            .clear()
+            .type(value);
+        cy.wait(2000);
+        audioPlayerPage.ckEditorPlayAttemptsLimitInputField()
+            .blur();
+    },
+
     /**
      * Verify the playback limit help text in preview tab
      * @param {string|number} value - The value to set as the playback limit.
@@ -788,14 +811,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 +919,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/brainingCampManipulativePage.js

@@ -20,7 +20,7 @@ const selectors = {
     selectAManipulativeLabel: () => cy.get('[class*="SelectManipulativeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
     enterAShareCodeLabel: () => cy.get('[class*="EnterShareCodeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
     enterAShareCodeInputField: () => cy.get('[class*="EnterShareCodeWrapper"] input'),
-    previewTabCanvas: () => cy.get('.canvas'),
+    previewTabCanvas: () => cy.get('.bcm-inner')
 }
 
 const steps = {

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()