itemengine-cypress-automation 1.0.194-packageUpdate1-2424cfe.0 → 1.0.194

package/cypress/e2e/ILC/AudioPlayerNew/audioOverviewAndTranscript.js

@@ -118,7 +118,7 @@ describe('Audio player: Audio overview and Transcript section', () => {
             audioPlayerPage.steps.verifyImageAndAltTextInAudioOverviewPreviewTab();
         });
 
-        it('When the user adds an equation in the audio overview input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+        it('When the user adds an equation in the audio overview input field using the equation editor option from ckEditor toolbar, the equation should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.clearAudioOverviewInputField();
             audioPlayerPage.steps.focusInAudioOverviewInputField();
@@ -129,7 +129,7 @@ describe('Audio player: Audio overview and Transcript section', () => {
             audioPlayerPage.steps.verifyEquationInAudioOverviewPreviewTab();
         });
 
-        it('When the user adds a link in the audio overview input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+        it('When the user adds a link in the audio overview input field using the link option from ckEditor toolbar, the link should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.clearAudioOverviewInputField();
             audioPlayerPage.steps.focusInAudioOverviewInputField();
@@ -139,7 +139,7 @@ describe('Audio player: Audio overview and Transcript section', () => {
             audioPlayerPage.steps.verifyLinkInAudioOverviewPreviewTab();
         });
 
-        it('When the user adds a bold text in the audio overview input field using the image option from ckEditor toolbar, the image should be displayed in the preview tab', () => {
+        it('When the user adds a bold text in the audio overview input field, the bold text should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.clearAudioOverviewInputField();
             audioPlayerPage.steps.focusInAudioOverviewInputField();
@@ -528,7 +528,7 @@ describe('Audio player: Audio overview and Transcript section', () => {
             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', () => {
+        it('When the user adds an equation in the transcript input field using the equation editor option from ckEditor toolbar, the equation should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.clearTranscriptInputField();
             audioPlayerPage.steps.focusInTranscriptInputField();
@@ -541,7 +541,7 @@ describe('Audio player: Audio overview and Transcript section', () => {
             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', () => {
+        it('When the user adds a link in the transcript input field using the link option from ckEditor toolbar, the link should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.clearTranscriptInputField();
             audioPlayerPage.steps.focusInTranscriptInputField();
@@ -553,7 +553,7 @@ describe('Audio player: Audio overview and Transcript section', () => {
             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', () => {
+        it('When the user adds a bold text in the transcript input field, the bold text should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.clearTranscriptInputField();
             audioPlayerPage.steps.focusInTranscriptInputField();

package/cypress/e2e/ILC/AudioPlayerNew/barAudioPlayerStyle.js

@@ -237,7 +237,7 @@ describe('Bar audio player style: Preview tab functionality', () => {
             audioPlayerPage.steps.switchToPreviewTab();
         });
 
-        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward by 10s\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioPlayerPage.backwardButton()
                 .verifyTooltip('Backward by 10s');
         });
@@ -320,7 +320,7 @@ describe('Bar audio player style: Preview tab functionality', () => {
         abortEarlySetup();
         before(() => {
             audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.uploadAudioFile('uploads/sample.mp3');
             audioPlayerPage.steps.switchToPreviewTab();
         });
 
@@ -372,7 +372,7 @@ describe('Bar audio player style: Preview tab functionality', () => {
             });
             audioPlayerPage.pinsPanelAddPinButton()
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
-            utilities.verifyCSS(audioPlayerPage.pinsPanelTimeLabel().find('span'), {
+            utilities.verifyCSS(audioPlayerPage.pinsPanelTimeLabel(), {
                 'color': css.color.labels,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
@@ -428,7 +428,7 @@ describe('Bar audio player style: Preview tab functionality', () => {
             audioPlayerPage.steps.verifyMaximumAndMinimumValueOfMinutesTimeInputField(0, 0);
             audioPlayerPage.steps.verifyMaximumAndMinimumValueOfSecondsTimeInputField(0, 45);
             audioPlayerPage.steps.switchToEditTab();
-            audioPlayerPage.steps.uploadFile('uploads/sample1.mp3');
+            audioPlayerPage.steps.uploadAudioFile('uploads/sample1.mp3');
             utilities.verifyTextContent(audioPlayerPage.uploadedFileNameLabel(), 'sample1.mp3');
             audioPlayerPage.steps.switchToPreviewTab();
             audioPlayerPage.steps.resetQuestionPreview();   //Added as audio does not load when quickly switched to preview tab

package/cypress/e2e/ILC/AudioPlayerNew/compactAudioPlayerStyle.js

@@ -333,14 +333,14 @@ describe('Compact audio player style - Default : Preview tab functionality', ()
             audioPlayerPage.steps.waitForPlaybackToBegin();
         });
 
-        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward by 10s\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioPlayerPage.backwardButton()
-                .verifyTooltip('Backward Button');
+                .verifyTooltip('Backward by 10s');
         });
 
-        it('When the user hovers over the \'Forward\' button, a tooltip \'Forward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+        it('When the user hovers over the \'Forward\' button, a tooltip \'Forward by 10s\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioPlayerPage.forwardButton()
-                .verifyTooltip('Forward Button');
+                .verifyTooltip('Forward by 10s');
         });
 
         it('CSS of \'Backward\' and \'Forward\' button in default and hover state', { tags: 'css' }, () => {

package/cypress/e2e/ILC/AudioPlayerNew/customizePlayerLayoutSettings.js

@@ -168,12 +168,12 @@ describe('Create Item page - Audio player: Customize player layout settings', ()
             audioPlayerPage.steps.startPlayback();
             audioPlayerPage.steps.waitForPlaybackToBegin();
             audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPauseButton());
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
             audioPlayerPage.steps.pausePlayback();
             audioPlayerPage.steps.verifyAudioPlaybackTimer('00:04', '00:10');
         });
 
-        it('In standard mode, when the pause option is deselected the pause button should be disabled in the preview tab', () => {
+        it('In standard mode, when the pause option is deselected the pause button should not be displayed in the preview tab', () => {
             cy.log('Pre-step: Switching to Edit tab');
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.deselectPlayerLayoutSettingButton('Pause');
@@ -181,11 +181,18 @@ describe('Create Item page - Audio player: Customize player layout settings', ()
             audioPlayerPage.steps.switchToPreviewTab();
             audioPlayerPage.steps.startPlayback();
             audioPlayerPage.steps.waitForPlaybackToBegin();
-            audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            utilities.verifyElementDisabled(audioPlayerPage.playbackPauseButton());
+            audioPlayerPage.steps.addWaitToPlayAudio(2000);
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+        });
+
+        it('In standard mode, when the pause option is deselected and audio is in playback state, then the enabled play button should be displayed and upon clicking on it the audio playback should restart', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPlayButton());
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
         });
 
-        it('In bar mode, when the \'Pause\' option is selected the pause button should be enabled in the preview tab', () => {
+        it('In bar mode, when the \'Pause\' option is selected the pause button should be displayed in the preview tab', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Bar');
             audioPlayerPage.steps.selectPlayerLayoutSettingButton('Pause');
@@ -193,12 +200,12 @@ describe('Create Item page - Audio player: Customize player layout settings', ()
             audioPlayerPage.steps.startPlayback();
             audioPlayerPage.steps.waitForPlaybackToBegin();
             audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPauseButton());
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'visible');
             audioPlayerPage.steps.pausePlayback();
             audioPlayerPage.steps.verifyAudioPlaybackTimer('00:04', '00:10');
         });
 
-        it('In bar mode, when the pause option is deselected the pause button should be disabled in the preview tab', () => {
+        it('In bar mode, when the pause option is deselected the pause button should not be displayed in the preview tab', () => {
             cy.log('Pre-step: Switching to Edit tab');
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.deselectPlayerLayoutSettingButton('Pause');
@@ -206,8 +213,15 @@ describe('Create Item page - Audio player: Customize player layout settings', ()
             audioPlayerPage.steps.switchToPreviewTab();
             audioPlayerPage.steps.startPlayback();
             audioPlayerPage.steps.waitForPlaybackToBegin();
-            audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            utilities.verifyElementDisabled(audioPlayerPage.playbackPauseButton());
+            audioPlayerPage.steps.addWaitToPlayAudio(2000);
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+        });
+
+        it('In bar mode, when the pause option is deselected and audio is in playback state, then the enabled play button should be displayed and upon clicking on it the audio playback should restart', () => {
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
+            utilities.verifyElementNotDisabled(audioPlayerPage.playbackPlayButton());
+            audioPlayerPage.steps.startPlayback();
+            audioPlayerPage.steps.waitForPlaybackToBegin();
         });
 
         it('In compact mode, when the pause option is selected the pause button should be enabled in the preview tab', () => {
@@ -225,7 +239,7 @@ describe('Create Item page - Audio player: Customize player layout settings', ()
             audioPlayerPage.steps.verifyAudioPlaybackTimer('00:04', '00:10');
         });
 
-        it('In compact mode, when the pause option is deselected the pause button should be disabled in the preview tab', () => {
+        it('In compact mode, when the pause option is deselected, then the player toolbar pause and play button should not be displayed in the preview tab', () => {
             cy.log('Pre-step: Switching to Edit tab');
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.deselectPlayerLayoutSettingButton('Pause');
@@ -233,8 +247,9 @@ describe('Create Item page - Audio player: Customize player layout settings', ()
             audioPlayerPage.steps.switchToPreviewTab();
             audioPlayerPage.steps.clickOnPlayButton();
             audioPlayerPage.steps.waitForPlaybackToBegin();
-            audioPlayerPage.steps.addWaitToPlayAudio(3000);
-            utilities.verifyElementDisabled(audioPlayerPage.playbackPauseButton());
+            audioPlayerPage.steps.addWaitToPlayAudio(2000);
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPauseButton(), 'notExist');
+            utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'notExist');
         });
     });
 

package/cypress/e2e/ILC/AudioPlayerNew/standardAudioPlayerStyle.js

@@ -27,7 +27,7 @@ describe('Standard audio player style: Edit tab contents and preview tab functio
             utilities.verifyInnerText(audioPlayerPage.compactStyleToggleButtonLabel(), 'Compact');
             utilities.verifyElementVisibilityState(audioPlayerPage.compactStyleToggleButton(), 'visible');
             audioPlayerPage.steps.verifyAudioPlayerStyleToggleButtonIsNotSelected('Standard');
-            audioPlayerPage.steps.verifyAudioPlayerStyleToggleButtonIsNotSelected('Bar');
+            audioPlayerPage.steps.verifyAudioPlayerStyleToggleButtonIsSelected('Bar');
             audioPlayerPage.steps.verifyAudioPlayerStyleToggleButtonIsNotSelected('Compact');
         });
 
@@ -408,14 +408,14 @@ describe('Standard audio player style: Edit tab contents and preview tab functio
             audioPlayerPage.steps.switchToPreviewTab();
         });
 
-        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+        it('When the user hovers over the \'Backward\' button, a tooltip \'Backward by 10s\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioPlayerPage.backwardButton()
-                .verifyTooltip('Backward Button');
+                .verifyTooltip('Backward by 10s');
         });
 
-        it('When the user hovers over the \'Forward\' button, a tooltip \'Forward Button\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+        it('When the user hovers over the \'Forward\' button, a tooltip \'Forward by 10s\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
             audioPlayerPage.forwardButton()
-                .verifyTooltip('Forward Button');
+                .verifyTooltip('Forward by 10s');
         });
 
         it('CSS of \'Backward\' and \'Forward\' button in default and hover state', { tags: 'css' }, () => {
@@ -491,7 +491,7 @@ describe('Standard audio player style: Edit tab contents and preview tab functio
         abortEarlySetup();
         before(() => {
             audioPlayerPage.steps.navigateToCreateResource('audio player');
-            audioPlayerPage.steps.uploadFile('uploads/sample.mp3');
+            audioPlayerPage.steps.uploadAudioFile('uploads/sample.mp3');
             audioPlayerPage.steps.selectAudioPlayerStyleToggleButton('Standard');
             audioPlayerPage.steps.switchToPreviewTab();
         });
@@ -600,7 +600,7 @@ describe('Standard audio player style: Edit tab contents and preview tab functio
             audioPlayerPage.steps.verifyMaximumAndMinimumValueOfMinutesTimeInputField(0, 0);
             audioPlayerPage.steps.verifyMaximumAndMinimumValueOfSecondsTimeInputField(0, 45);
             audioPlayerPage.steps.switchToEditTab();
-            audioPlayerPage.steps.uploadFile('uploads/sample1.mp3');
+            audioPlayerPage.steps.uploadAudioFile('uploads/sample1.mp3');
             utilities.verifyTextContent(audioPlayerPage.uploadedFileNameLabel(), 'sample1.mp3');
             audioPlayerPage.steps.switchToPreviewTab();
             audioPlayerPage.steps.resetQuestionPreview();   //Added as audio does not load when quickly switched to preview tab

package/cypress/e2e/ILC/AudioPlayerNew/uploadAndAddAudioFile.js

@@ -81,7 +81,7 @@ describe('Audio player: Edit tab', () => {
         });
 
         it('When the user adds the audio 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', () => {
-            audioPlayerPage.steps.uploadAudioFile('uploads/sample.mp3');
+            audioPlayerPage.steps.attachFile('uploads/sample.mp3');
             utilities.verifyElementVisibilityState(audioPlayerPage.audioFileUploadProgressBar(), 'visible');
             utilities.verifyInnerText(audioPlayerPage.uploadedFileNameLabel(), 'sample.mp3');
             utilities.verifyElementVisibilityState(audioPlayerPage.uploadedFileNameLabel(), 'visible');

package/cypress/e2e/ILC/AudioResponseNew/customizePlaybackControls.js

@@ -262,7 +262,7 @@ describe('Create Item page - Audio response: Customize playback controls', () =>
         });
 
         it('In standard mode, when the \'Seek\' option is deselected, the progress bar should not have a slider handle and waveform should not have cursor if user hover on it and user should not be able to seek the audio from the progress bar and waveform', () => {
-            let actualAudioSeekedInPercent = 25
+            let actualAudioSeekedInPercent = 15
             cy.log('Pre-step: Switching to Edit tab, deselecting \'Seek\' button, switching back to Preview tab and saving a record response');
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.deselectControlsForPlaybackSeekButton();
@@ -317,7 +317,7 @@ describe('Create Item page - Audio response: Customize playback controls', () =>
         });
 
         it('In compact mode, when \'Seek\' option is deselected, on hover the progress bar should not have a slider handle and waveform should not have cursor if user hover on it and user should not able to change the play pointer position on the progress bar and waveform', () => {
-            let actualAudioSeekedInPercent = 25
+            let actualAudioSeekedInPercent = 15
             cy.log('Pre-step : Switching to Edit tab, deselecting \'Seek\' and switching back to Preview tab and saving a recording response');
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.deselectControlsForPlaybackSeekButton();

package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js

@@ -238,6 +238,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                         break;
                     case 'Student view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        utilities.verifyElementVisibilityState(chartsBarPage.previewTabBar(), 'visible');
                         break;
                     default:
                         throw new Error('Invalid view');
@@ -449,7 +450,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
             });
 
-            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled' ,() => {
+            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled', () => {
                 cy.log('Pre-step: Reset the chart');
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
@@ -485,7 +486,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
             });
 
-            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled' ,() => {
+            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled', () => {
                 cy.log('Reset the chart');
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
@@ -520,7 +521,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
             });
 
-            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled' ,() => {
+            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled', () => {
                 cy.log('Reset the chart');
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
@@ -556,7 +557,7 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsBarPage.previewTabToolsUndoButton());
             });
 
-            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled' ,() => {
+            it('When user performs more than 1 actions and then clicks on undo button, then undo button should be enabled', () => {
                 cy.log('Pre-step: Reset the chart');
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 chartsBarPage.steps.confirmReset();
@@ -574,10 +575,10 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
             //Reset button
             it('When the user clicks on Reset button then reset popup should be displayed', () => {
                 cy.log('Pre-step: Editing the graph');
-                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, barValue: 20, range: 20 });
-                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 1, barValue: 2, range: 20 });
-                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, barValue: 0, range: 20 });
-                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, barValue: 6, range: 20 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 20, range: 20 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 1, value: 2, range: 20 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 0, range: 20 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 6, range: 20 });
                 chartsBarPage.steps.clickOnResetButtonPreviewTab();
                 utilities.verifyElementVisibilityState(chartsBarPage.dialogBox(), 'visible');
             });

package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js

@@ -3,7 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
-const previewContentViews = ['Question preview'];
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
 

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/studentViewSettings.js

@@ -90,7 +90,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
         });
     });
 
-    describe('Enable outer border : Edit tab', () => {
+    describe('Enable outer border for question : Edit tab', () => {
         abortEarlySetup();
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
@@ -100,7 +100,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
         dragAndDropIntoCategoriesPage.tests.verifyEnableOuterBorderContents();
     });
 
-    describe('Enable outer border : Preview tab', () => {
+    describe('Enable outer border for question : Preview tab', () => {
         abortEarlySetup();
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
@@ -108,7 +108,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
             dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
         });
 
-        it('When the \'Enable outer border\' checkbox is in checked state, an outer border over the question preview should be visible', () => {
+        it('When the "Enable outer border for question" checkbox is in checked state, an outer border over the question preview should be visible', () => {
             utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.tableOuterBorder(), 'visible');
         });
 
@@ -118,22 +118,22 @@ describe('Create Item page - drag and drop into categories: Student view setting
             });
         });
 
-        it('When the user unchecks the \'Enable outer border\' checkbox, then the outer border over the question preview should not be displayed', () => {
+        it('When the user unchecks the "Enable outer border for question" checkbox, then the outer border over the question preview should not be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.switchToEditTab();
             dragAndDropIntoCategoriesPage.steps.uncheckEnableOuterBorderCheckbox();
             dragAndDropIntoCategoriesPage.steps.switchToPreviewTab()
             utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.tableOuterBorder(), 'notExist');
         });
 
-        it('CSS of \'Enable outer border\' checkbox - unchecked state', { tags: 'css' }, () => {
+        it('CSS of "Enable outer border for question" checkbox - unchecked state', { tags: 'css' }, () => {
             dragAndDropIntoCategoriesPage.steps.switchToEditTab();
             utilities.verifyCSS(dragAndDropIntoCategoriesPage.enableOuterBorderCheckbox().parent().find('svg'), {
                 'fill': css.color.uncheckedCheckbox
             });
         });
 
-        it('Accessibility of \'Enable outer border\' checkbox - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.enableOuterBorderCheckbox().parents('[data-ngie-testid="enable-outer-border-checkbox"]'));
+        it('Accessibility of "Enable outer border for question" checkbox - unchecked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dragAndDropIntoCategoriesPage.enableOuterBorderCheckbox().parents('[data-ngie-testid="enable-outer-border-for-question-checkbox"]'));
         });
     });
 

package/cypress/e2e/ILC/DrawingResponse/drawingResponseAdditionalSettings.js

@@ -208,7 +208,7 @@ describe('Drawing response - Additional settings', () => {
         });
 
         it('When all line type buttons are selected by default then all the line type options should be displayed in secondary toolbar in the preview tab', () => {
-            drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Line type');
+            drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Line Type');
             lineTypeOptionsPreviewTab.forEach((lineType, index) => {
                 drawingResponsePage.steps.verifySecondaryPopupLineType(lineType, index)
             });
@@ -220,7 +220,7 @@ describe('Drawing response - Additional settings', () => {
             drawingResponsePage.steps.unselectSetLineTypeOption(lineTypeOptionsEditTab[1]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption('Line');
-            drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Line type');
+            drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Line Type');
             //Need to add step once https://redmine.zeuslearning.com/issues/555345 is fixed 
         });
     });

package/cypress/e2e/ILC/DrawingResponse/drawingResponseCustomizeAdditionalOptions.js

@@ -350,7 +350,7 @@ describe('Create item page - Drawing response: Customize special characters, Cus
             utilities.verifyElementVisibilityState(drawingResponsePage.editTabColorPickerPopupCancelButton(), 'visible');
             utilities.verifyInnerText(drawingResponsePage.editTabColorPickerPopupCancelButton(), 'Cancel');
             utilities.verifyElementVisibilityState(drawingResponsePage.editTabColorPickerPopupOkButton(), 'visible');
-            utilities.verifyInnerText(drawingResponsePage.editTabColorPickerPopupOkButton(), 'OK');
+            utilities.verifyInnerText(drawingResponsePage.editTabColorPickerPopupOkButton(), 'Ok');
             colorPopupComponent.steps.verifySelectedColorBlock('rgb(0, 112, 128)');
             colorPopupComponent.steps.verifyHexValue('#007080');
         });
@@ -524,7 +524,7 @@ describe('Create item page - Drawing response: Customize special characters, Cus
             utilities.verifyElementVisibilityState(drawingResponsePage.editTabColorPickerPopupCancelButton(), 'visible');
             utilities.verifyInnerText(drawingResponsePage.editTabColorPickerPopupCancelButton(), 'Cancel');
             utilities.verifyElementVisibilityState(drawingResponsePage.editTabColorPickerPopupOkButton(), 'visible');
-            utilities.verifyInnerText(drawingResponsePage.editTabColorPickerPopupOkButton(), 'OK');
+            utilities.verifyInnerText(drawingResponsePage.editTabColorPickerPopupOkButton(), 'Ok');
             colorPopupComponent.steps.verifySelectedColorBlock('rgb(0, 224, 255)');
             colorPopupComponent.steps.verifyHexValue('#00E0FF');
         });

package/cypress/e2e/ILC/EssayResponse/editCategoryFlyout.js

@@ -43,7 +43,7 @@ describe('Create question page - Essay Response: Edit category', () => {
         it(`All the ${equationEditorCategoriesAndSymbols['general'].displayName} characters should be displayed and should be in selected state`, () => {
             const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['general'].symbols);
             editCategoryFlyout.steps.verifyCategoryCharactersAndSelectedState(symbolsArray);
-            editCategoryFlyout.steps.verifyCategoryCharactersDragIconAndTitle(symbolsArray);
+            editCategoryFlyout.steps.verifyCategoryCharactersDragIcon();
         });
 
         it('Reset button should be displayed in the flyout', () => {
@@ -173,15 +173,17 @@ describe('Create question page - Essay Response: Edit category', () => {
 
         it('When user clicks on all the selected characters then the category checkbox should get unchecked', () => {
             editCategoryFlyout.steps.verifyCategoryCheckboxIsChecked();
-            editCategoryFlyout.steps.deselectCategoryCharacters(equationEditorCategoriesAndSymbols.general.symbols.questionMark);
-            editCategoryFlyout.steps.deselectCategoryCharacters(equationEditorCategoriesAndSymbols.general.symbols.cents);
-            editCategoryFlyout.steps.deselectCategoryCharacters(equationEditorCategoriesAndSymbols.general.symbols.dollar);
-            editCategoryFlyout.steps.deselectCategoryCharacters(equationEditorCategoriesAndSymbols.general.symbols.colonRatio);
+            editCategoryFlyout.steps.deselectCategoryCharacter('QuestionMark selected');
+            editCategoryFlyout.steps.deselectCategoryCharacters(equationEditorCategoriesAndSymbols.general.symbols.cents.ariaLabel);
+            editCategoryFlyout.steps.deselectCategoryCharacters(equationEditorCategoriesAndSymbols.general.symbols.dollar.ariaLabel);
+            editCategoryFlyout.steps.deselectCategoryCharacters('colon');
             editCategoryFlyout.steps.verifyCategoryCheckboxIsUnchecked();
         });
 
         it('When user clicks on all the de-selected characters the category checkbox should get checked', () => {
-            editCategoryFlyout.steps.selectAllCategoryCharacters();
+            for (let i = 3; i < 0; i--) {
+                editCategoryFlyout.steps.selectCategoryCharactersUsingIndex(i);
+            }
             editCategoryFlyout.steps.verifyCategoryCheckboxIsChecked();
         });
     });
@@ -267,7 +269,7 @@ describe('Create question page - Essay Response: Edit category', () => {
 
         it('When user edits a category and saves it then the changes should be displayed in the Equation editor flyout', () => {
             const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['general'].symbols);
-            editCategoryFlyout.steps.deselectCategoryCharacters(`${equationEditorCategoriesAndSymbols.general.symbols.questionMark.ariaLabel}`)
+            editCategoryFlyout.steps.deselectCategoryCharacter('QuestionMark selected');
             editCategoryFlyout.steps.clickOnSaveButton();
             utilities.verifyElementVisibilityState(editCategoryFlyout.dialogBox(), 'notExist');
             essayResponsePage.steps.switchToPreviewTab();
@@ -281,8 +283,8 @@ describe('Create question page - Essay Response: Edit category', () => {
             const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['general'].symbols)
             essayResponsePage.steps.switchToEditTab()
             editCategoryFlyout.steps.openEditCategoryFlyout();
-            editCategoryFlyout.steps.verifyCategoryCharacterNotSelected(`${equationEditorCategoriesAndSymbols.general.symbols.dollar.ariaLabel}`);
-            editCategoryFlyout.steps.verifyCategoryCharactersAndSelectedState(symbolsArray);
+            utilities.verifyElementVisibilityState(editCategoryFlyout.categoryCharacters('QuestionMark not-selected'), 'exist');
+            editCategoryFlyout.steps.verifyCategoryCharactersAndSelectedStateForEditedCategory(symbolsArray);
         });
     });
 });

package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js

@@ -213,7 +213,6 @@ describe('Create question page - Essay Response: Equation Editor functionality',
                 essayResponsePage.steps.verifyDefaultCategoriesDisplayedInEquationEditorSectionEditTab();
             });
 
-            //Failing due to https://redmine.zeuslearning.com/issues/564604
             it('When user hovers on a category with a long name, then a tooltip should be displayed.', () => {
                 let categoriesWithTooltip = [`${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols['measurement'].displayName}`, `${equationEditorCategoriesAndSymbols['otherSymbols'].displayName}`];
                 essayResponsePage.steps.verifyTooltipsOfCategoryTilesInEquationEditorSectionEditTab(categoriesWithTooltip);

package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions1.smoke.js

@@ -155,6 +155,7 @@ describe('Create question page - Essay Response: Customize formatting options (f
         });
     });
 
+    //Failing due https://weldnorthed.atlassian.net/browse/IEI-2433
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Bold, Italic, Underline, Strikethrough formatting options - Preview tab', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/EssayResponse/previewHyperlink.js

@@ -98,7 +98,7 @@ describe('Essay Response Preview: Hyperlink', () => {
         it('\'Cancel\' button should be displayed in the popup and when user clicks on it then the popup should close', () => {
             utilities.verifyElementVisibilityState(essayResponsePage.hyperlinkDialogboxButtonCancel(), 'visible');
             essayResponsePage.steps.clickOnHyperLinkDialogBoxCancelButton();
-            utilities.verifyElementVisibilityState(essayResponsePage.hyperlinkDialogboxButtonCancel(), 'notExist');
+            utilities.verifyElementVisibilityState(essayResponsePage.hyperlinkDialogBoxWrapper(), 'notExist');
         });
     });
 

package/cypress/e2e/ILC/FeedbackScaleNew/numbersFeedbackScaleStyle.js

@@ -301,8 +301,8 @@ describe('Create item page: Feedback scale - Numbers feedback scale style - Edit
             colorPopupComponent.steps.clickOnOkButton();
             feedbackScalePage.steps.switchToPreviewTab();
             feedbackScalePage.steps.clickOnNumberFeedbackButton(1);
-            feedbackScalePage.steps.verifyFeedbackButtonSelectedState(1);
-            feedbackScalePage.steps.verifyFeedbackButtonSelectedStateColor(1, modifiedColor);
+            feedbackScalePage.steps.verifyFeedbackNumberButtonSelectedState(1);
+            feedbackScalePage.steps.verifyFeedbackNumberButtonSelectedStateColor(1, modifiedColor);
         });
     });
 });

package/cypress/e2e/ILC/FeedbackScaleNew/textFeedbackScaleStyle.js

@@ -347,16 +347,14 @@ describe('Create item page: Feedback scale - Text feedback scale style - Edit an
         });
 
         it('When the user deletes an option accordion, then the remaining options should get updated accordingly, the count in the options stepper input field should also update accordingly', () => {
-            feedbackScalePage.steps.deleteOptionAccordion(4);
-            for (let index = 0; index < optionsTextArray.length; index++) {
+            feedbackScalePage.steps.deleteOptionAccordion(2);
+            for (let index = 0; index < 2; index++) {
                 feedbackScalePage.steps.verifyOptionsAccordionProperties(index, { optionLabel: `Option ${index + 1}\n:\n${optionsTextArray[index]}`, Points: `${index + 1}` });
             };
-            feedbackScalePage.steps.verifyCountInOptionsStepperInputField(4);
+            feedbackScalePage.steps.verifyCountInOptionsStepperInputField(2);
         });
 
         it('When the user only keeps two option accordions and deletes all the other options, the decrease stepper count button in the option stepper input field should get disabled and the delete icon buttons on the two option accordions should also get disabled', () => {
-            feedbackScalePage.steps.deleteOptionAccordion(3);
-            feedbackScalePage.steps.deleteOptionAccordion(2);
             utilities.verifyElementDisabled(feedbackScalePage.optionsStepperDecreaseButton());
             utilities.verifyElementDisabled(feedbackScalePage.deleteOptionAccordionButton());
         });
@@ -504,7 +502,7 @@ describe('Create item page: Feedback scale - Text feedback scale style - Edit an
             feedbackScalePage.steps.expandDefaultTextDropdown();
             feedbackScalePage.steps.selectOptionFromDefaultTextDropdown(defaultTextDropdownArray[1][1]);
             for (let index = 0; index < 4; index++) {
-                feedbackScalePage.steps.verifyColorSectionListItemContents(index, { label: `${index + 1}.`, colorBlock: defaultColorBlocks[index] });
+                feedbackScalePage.steps.verifyColorSectionListItemContents(index, { label: `${index + 1}.`, colorBlock: defaultColorBlocks2[index] });
             };
         });
 

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/dropdownSettings.js

@@ -12,6 +12,7 @@ describe('Create item page - Fill in the gaps with dropdown: Dropdown settings',
         abortEarlySetup();
         before(() => {
             fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            fillInTheGapsDropdownPage.steps.selectUserSpecifiedWidthToggleButton();
             cy.barsPreLoaderWait();
         });
 
@@ -119,6 +120,7 @@ describe('Create item page - Fill in the gaps with dropdown: Dropdown settings',
         before(() => {
             fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
             cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.selectUserSpecifiedWidthToggleButton();
             fillInTheGapsDropdownPage.steps.clickOnResponseAreaSettingsButton(0);
         });
 
@@ -155,6 +157,7 @@ describe('Create item page - Fill in the gaps with dropdown: Dropdown settings',
         before(() => {
             fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
             cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.selectUserSpecifiedWidthToggleButton();
             fillInTheGapsDropdownPage.steps.clickOnResponseAreaSettingsButton(0);
         });
 

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

@@ -44,7 +44,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             utilities.verifyElementCount(fillInTheGapsDropdownPage.responseArea(), 2);
         });
 
-        it('The dropdown should be displayed with a settings button, numeric count and a close button in the question input field', () => {
+        it('The dropdown should be displayed with numeric count and a close button in the question input field, dropdown settings button should not be displayed when "User specified width" is in selected state', () => {
             for (let index = 0; index < 2; index++) {
                 fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(index)
             };