itemengine-cypress-automation 1.0.94 → 1.0.95

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

@@ -14,7 +14,7 @@ var itemReferenceID = "";
 const thickness = ['5', '10', '15', '20', '25'];
 const fontSizePopupOptions = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
 const defaultUnselectedEditTabCustomizeOptionTiles = ['Item eraser', 'Rectangle', 'Ellipse', 'Polygon', 'Compass'];
-const lineTypeOptions = ['Line', 'Dashed Line', 'Dotted Line', 'Single Arrow', 'Double Arrow'];
+const lineTypeOptions = ['basic line', 'dashed line', 'dotted line', 'single arrow line', 'double arrow line'];
 
 describe('Preview tab contents - primary toolbar options, secondary toolbar options', () => {
     before(() => {
@@ -151,25 +151,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToPreviewTab();
         });
 
-        it('When user selects \'Insert image\' option then the canvas should have text \'Upload, or drag and drop, an image from your device.\' should be displayed', () => {
-            drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
-            drawingResponsePage.steps.verifyInsertImageContainerIsVisible();
-            utilities.verifyInnerText(drawingResponsePage.insertImageContainerTitle(), 'Upload, or drag and drop, an image from your device.');
-            utilities.verifyElementVisibilityState(drawingResponsePage.insertImageContainerTitle(), 'visible');
-        });
-
-        it('\'Only JPEG, PNG and GIF file formats will be accepted. Maximum file size - 5MB\' helptext should be displayed on the canvas', () => {
-            utilities.verifyInnerText(drawingResponsePage.insertImageContainerHelptext(), 'Only JPEG, PNG and GIF file formats will be accepted.\nMaximum file size - 5MB');
-            utilities.verifyElementVisibilityState(drawingResponsePage.insertImageContainerHelptext(), 'visible');
-        });
-
-        it('\'Select image\' button and a \'Close\' button should be displayed', () => {
-            utilities.verifyInnerText(drawingResponsePage.insertImageContainerSelectButton(), 'Select image');
-            utilities.verifyElementVisibilityState(drawingResponsePage.insertImageContainerSelectButton(), 'visible');
-            utilities.verifyElementVisibilityState(drawingResponsePage.insertImageContainerCloseButton(), 'visible');
-        });
-
         it('User should be able to upload an image', () => {
+            drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
             drawingResponsePage.steps.uploadFile('uploads/image.png');
         });
 
@@ -222,7 +205,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('CSS of \'Special characters\' secondary toolbar option in deselected state', { tags: 'css' }, () => {
-            utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]), {
+            utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]), {
                 'background-color': css.color.defaultToolbarOptionBg
             });
         });
@@ -385,6 +368,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
     });
 
     describe('Preview tab - secondary toolbar option - \'Font size\' - content and functionality', { tags: 'smoke' }, () => {
+        abortEarlySetup();
         before(() => {
             cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
@@ -418,7 +402,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user clicks on \'Font size\' secondary toolbar option, then the \'Font size\' popup should be displayed', () => {
@@ -491,7 +475,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[2]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user clicks on \'Opacity\' secondary toolbar option, then the \'Opacity\' popup should be displayed and \'Opacity\' secondary toolbar option should be in selected state', () => {
@@ -530,7 +514,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[2]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user makes some changes in the \'Opacity\' popup and clicks anywhere outside the popup, then the popup should closed.', () => {
@@ -581,7 +565,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             drawingResponsePage.steps.switchToPreviewTab();
-            drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndSpecialAndMathCharacters.drawingToolbarOptions[1].displayName);
+            drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].displayName);
         });
 
         it('By default the \'Stroke thickness\' secondary toolbar option should be in deselected state', () => {
@@ -595,7 +579,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[1]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user clicks on \'Stroke thickness\' secondary toolbar option, then the \'Stroke thickness\' popup should be displayed and \'Stroke thickness\' secondary toolbar option should be in selected state', () => {
@@ -629,7 +613,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[1]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user makes some changes in the \'Stroke thickness\' popup and clicks anywhere outside the popup, then the popup should close.', () => {
@@ -675,6 +659,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.switchToEditTab();
             drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[3]}`]);
+            drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[4]}`]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
             utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]), 'visible');
@@ -695,7 +680,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user clicks on \'Text color\' secondary toolbar option, then the \'Text color\' popup should be displayed with \'Text color\' title', () => {
@@ -705,7 +690,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             //Selected state of secondary toolbar option. Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
         });
 
-        it('The \'Text color\' popup should contain 4 default color options for the author to choose from and the first color option should be selected by default', () => {
+        it('The \'Text color\' popup should contain 3 default color options for the author to choose from and the first color option should be selected by default', () => {
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
             drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(0);
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
@@ -858,16 +843,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it(`In preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]} secondary toolbar option \'Fill color\' popup should contain three default color options and a \'No color\' option for the author to choose from and the first color option should be selected by default`, () => {
-            drawingResponsePage.steps.switchToEditTab();
-            drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[5]}`]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].displayName);
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
-            drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 224, 255)');
             drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(0);
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');
@@ -1015,7 +997,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[3]}`]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].displayName);
-            utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]), 'notExist');
+            utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]), 'visible');
         });
 
         it('By default the \'Stroke color\' secondary toolbar option should be in deselected state', () => {
@@ -1023,7 +1005,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('The default stroke color should be displayed under the \'Stroke color\' secondary toolbar option', () => {
-            drawingResponsePage.steps.verifySecondaryOptionStrokeColor(1, 'rgb(0, 112, 128)');
+            drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(0, 112, 128)');
         });
 
         it('CSS of \'Stroke color\' secondary toolbar option in deselected state', { tags: 'css' }, () => {
@@ -1033,7 +1015,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it(`In preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]} secondary toolbar option popup should contain four default color options and a \'No color\' option for the author to choose from and the first color option should be selected by default`, () => {
@@ -1043,9 +1025,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
-            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(255, 255, 255)');
-            drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
-            utilities.verifyElementCount(drawingResponsePage.previewTabSecondaryOptionPopupOptions(), '5');
+            drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(3);
+            utilities.verifyElementCount(drawingResponsePage.previewTabSecondaryOptionPopupOptions(), '4');
         });
 
         it(`When \'Stroke color picker\'additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]} secondary toolbar option popup should not display color picker and its related components`, () => {
@@ -1189,7 +1170,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of \'Line type\' secondary toolbar option', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[2].secondaryToolbarOptions[2]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user clicks on \'Line type\' secondary toolbar option, then the \'Line type\' popup should be displayed and \'Line type\' secondary toolbar option should be in selected state', () => {
@@ -1199,7 +1180,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it(`A \'Line type\' title along with the five line type options - ${lineTypeOptions.join(', ')} should be displayed`, () => {
-            drawingResponsePage.steps.verifySecondaryOptionPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[1]);
+            drawingResponsePage.steps.verifySecondaryOptionPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[2].secondaryToolbarOptions[2]);
             lineTypeOptions.forEach((thickness, index) => {
                 drawingResponsePage.steps.verifySecondaryPopupLineType(thickness, index);
             });
@@ -1223,7 +1204,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption());
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user makes some changes in the \'Line type\' popup, then the popup should close.', () => {
@@ -1272,7 +1253,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[7].secondaryToolbarOptions[0]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user clicks on \'Eraser thickness\' secondary toolbar option, then the \'Eraser thickness\' popup should be displayed and \'Eraser thickness\' secondary toolbar option should be in selected state', () => {
@@ -1305,7 +1286,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[7].secondaryToolbarOptions[0]));
+            cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
         });
 
         it('When user makes some changes in the \'Eraser thickness\' popup and clicks anywhere outside the popup, then the popup should close.', () => {

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

@@ -79,6 +79,7 @@ describe('Create question page - Essay response: Scoring', () => {
             cy.barsPreLoaderWait();
             essayResponsePage.steps.expandScoringTypeDropdown();
             essayResponsePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            essayResponsePage.steps.switchToPreviewTab();
         });
 
         essayResponsePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');

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

@@ -165,12 +165,6 @@ describe('Create question page - Essay Response: Equation Editor functionality',
             it('By default, the \'Previous button\' should be disabled and \'Next button\' should be enabled on opening the flyout as user is at the beginning of the tablist', () => {
                 utilities.verifyElementDisabled(equationEditorFlyout.buttonPrevious());
                 utilities.verifyElementNotDisabled(equationEditorFlyout.buttonNext());
-                // equationEditorFlyout.buttonPrevious()
-                //     .should('have.class', 'disabled')
-                //     .and('be.disabled');
-                // equationEditorFlyout.buttonNext()
-                //     .should('not.have.class', 'disabled')
-                //     .and('be.enabled');
             });
 
             it('When user clicks on the \'Next button\', the \'Previous button\' and the \'Next button\' both should get enabled, When the user reaches end of the tablist the \'Next button\' should get disabled and \'Previous button\' should remain enabled.', () => {

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

@@ -51,7 +51,7 @@ describe('Essay Response Preview: Edit Table functionality', () => {
                 });
             });
             customizationLabelSelectors.forEach((label) => {
-                utilities.verifyCSS(label().find('label'), {
+                utilities.verifyCSS(label(), {
                     'color': css.color.labelText,
                     'font-size': css.fontSize.normal,
                     'font-weight': css.fontWeight.regular

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js

@@ -223,7 +223,6 @@ describe('Create item page - Fill in the gaps over image with drag and drop: Par
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.deleteAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.expandAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 0, 'Stem': 1, 'Seed': 2 });
             fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 11.4, 1: 1.2, 2: 10.4 });
             fillInTheGapsOverImageDragAndDropPage.steps.expandCorrectAnswerAccordion();

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/partialDifferentWeightsWithCorrectPointsGreaterThanAlternativePoints.js

@@ -223,7 +223,6 @@ describe('Create item page - Fill in the gaps over image with drag and drop: Par
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.deleteAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.expandAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 0, 'Stem': 1, 'Seed': 2 });
             fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 1.2, 1: 2.2, 2: 1.6 });
             fillInTheGapsOverImageDragAndDropPage.steps.expandCorrectAnswerAccordion();

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/partialEqualWeightsWithAlternativePointsGreaterThanCorrectPoints.js

@@ -202,7 +202,6 @@ describe('Create item page - Fill in the gaps over image with drag and drop: Par
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.deleteAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.expandAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 0, 'Stem': 1, 'Seed': 2 });
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(23);
             fillInTheGapsOverImageDragAndDropPage.steps.expandCorrectAnswerAccordion();

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePoints.js

@@ -202,7 +202,6 @@ describe('Create item page - Fill in the gaps over image with drag and drop: Par
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.deleteAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.expandAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 0, 'Stem': 1, 'Seed': 2 });
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(5);
             fillInTheGapsOverImageDragAndDropPage.steps.expandCorrectAnswerAccordion();

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/backgroundImageAndCanvasProperties.js

@@ -353,6 +353,8 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         before(() => {
             fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
         });
 
         it('When user clicks inside canvas, then one dropzone should be added with pointer, close button and numeration.', () => {
@@ -403,8 +405,8 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         });
 
         it('When the user has not made any changes in the canvas, the \'Undo\' and \'Redo\' button should be in disabled state', () => {
-           fillInTheGapsOverImageDragAndDropPage.steps.verifyUndoButtonDisabled();
-           fillInTheGapsOverImageDragAndDropPage.steps.verifyRedoButtonDisabled();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyUndoButtonDisabled();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRedoButtonDisabled();
         });
 
         it('When user adds dropzone inside canvas, the \'Undo\' button should get enabled but the \'Redo\' button should continue to stay in disabled state', () => {
@@ -457,6 +459,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         it('When user clicks on undo button, then previously added dropzones should be restored and error message should disappear', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.undoAction();
             utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzone(), 4);
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'notExist');
         });
     });
 

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/clickAndDrop.js

@@ -670,7 +670,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
         });
 
         it('When user has dropped all the options from a group in the response areas, then empty group should be displayed in the options container', () => {
-            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 0, 'Seed': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 0, 'Seed': 2 });
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(0, 'Group A')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyEmptyGroupInPreviewTab(0);
         });

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/draggableOptions.js

@@ -38,7 +38,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
 
         fillInTheGapsOverImageDragAndDropPage.tests.verifyAddOptionFunctionality();
 
-        fillInTheGapsOverImageDragAndDropPage.tests.verifyOptionInputFieldErrorState();
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyOptionInputFieldErrorState(0);
 
         fillInTheGapsOverImageDragAndDropPage.tests.verifyEnabledDeleteButtonAndTooltip();
 

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/editTabScoring.js

@@ -110,32 +110,32 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
 
         it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(6);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
         });
 
         it('When the user inserts one more dropzone, then points per response should get updated accordingly', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(60);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('1.5');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('1.5');
         });
 
         it('When the user deletes a dropzone, then points per response should get updated accordingly', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.removeDropzone(3);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
         });
 
         it('When the user adds another option in the dropzone, then points per response should remain the same', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 1 });
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
         });
 
         it('When the user adds an option in the options section then the points should not change', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.addOption();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
         });
 
         it('When the user deletes an option in the options section then the points should not change', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.deleteOption(4);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
         });
 
         it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
@@ -147,7 +147,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
         it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(12);
             fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('4');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
         });
 
         it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {

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

@@ -32,7 +32,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: Header
             fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
         });
 
-        fillInTheGapsOverImageDragAndDropPage.tests.verifyCancelButton('fill in the gaps over image - drag and drop')
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyCancelButton('fill in the gaps over image with drag and drop')
     });
 
     describe('Save Question button', () => {

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/specifyCorrectAnswerSection.js

@@ -67,7 +67,10 @@ describe('Create Item page - Fill in the gaps over image with drag and drop: Spe
         });
 
         it('When the user has added options in the options sections then they should be displayed in the \'Alternative\' accordion options section', () => {
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Roots': 2, 'Stem': 3 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(0, 'Petals');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(1, 'Leaves');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(2, 'Roots');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(3, 'Stem');
         });
 
         fillInTheGapsOverImageDragAndDropPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/studentViewSettingsForGroupedLayout.js

@@ -3,7 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 let flowers = [['Flower', 'Petals', 'Seed', 'Pollen'],
 ['Leaflet', 'Leaves', 'Leaf', 'Green'],
 ['Stem', 'Branch', 'Trunk', 'Tree'],
-['Rose', 'Lily', 'Orchid', 'Tulip']
+['Rose', 'Lily', 'Orchid', 'Petals']
 ];
 let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
 

package/cypress/e2e/ILC/MultipleSelection/partialDifferentWeightsBasic.js

@@ -41,6 +41,7 @@ describe('Create Item page - Multiple selection: Partial - different weights ',
             multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
             multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotVisible();
+            multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should only be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer label and border should not be displayed')
             multipleSelectionPage.steps.checkAnswer();
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
@@ -82,6 +83,7 @@ describe('Create Item page - Multiple selection: Partial - different weights ',
             multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
             multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotVisible();
+            multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question question correctly and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer label and border should not be displayed')
             multipleSelectionPage.steps.checkAnswer();
             multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);

package/cypress/e2e/ILC/MultipleSelection/partialEqualWeightsBasic.js

@@ -41,6 +41,7 @@ describe('Create Item page - Multiple selection: Partial equal weights ', () =>
             multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
             multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotVisible();
+            multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should only be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer label and border should not be displayed')
             multipleSelectionPage.steps.checkAnswer();
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
@@ -82,6 +83,7 @@ describe('Create Item page - Multiple selection: Partial equal weights ', () =>
             multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
             multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotVisible();
+            multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question question correctly and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer label and border should not be displayed')
             multipleSelectionPage.steps.checkAnswer();
             multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);

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

@@ -339,7 +339,7 @@ describe('Create Item page - Multiple selection: Student view settings', () => {
             for (let index = 1; index < options.length + 1; index++) {
                 utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.minimumNumberOfAnswersDropdownOptions(), index), `${index}`);
             }
-            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('None')
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('None');
             multipleSelectionPage.steps.expandMaximumNumberOfAnswersDropdown();
             utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.maximumNumberOfAnswersDropdownOptions(), 0), 'None');
             for (let index = 1; index < options.length + 1; index++) {

package/cypress/e2e/ILC/Protractor/protractorEditTabBasicsSection.js

@@ -7,6 +7,10 @@ const angleTypeOptions = ['Acute', 'Obtuse', 'Both acute and obtuse'];
 const rotationOptions = ['None', 'Allow rotation']
 
 describe('Create Item page - Protractor : Edit Tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
     describe('\'Angle type\' section - Edit tab', () => {
         abortEarlySetup();
         before(() => {
@@ -214,10 +218,9 @@ describe('Create Item page - Protractor : Edit Tab', () => {
             protractorPage.steps.verifyOpacityInputFieldValue(50);
         });
 
-        //Failed due to https://redmine.zeuslearning.com/issues/553920
         it('\'Protractor Color\' label and 6 solid color should be displayed and by default \'White\' color radio button should be selected', () => {
-            utilities.verifyInnerText(protractorPage.protractorColorLabel(), 'Protractor color');
-            utilities.verifyElementVisibilityState(protractorPage.protractorColorLabel(), 'visible');
+            utilities.verifyInnerText(protractorPage.toolColorLabel(), 'Protractor color');
+            utilities.verifyElementVisibilityState(protractorPage.toolColorLabel(), 'visible');
             utilities.verifyElementCount(protractorPage.toolColorBlock(), 6);
             protractorPage.steps.verifyToolColorBlocksVisibility();
             protractorPage.steps.verifyToolColorSelectedState(0);
@@ -230,7 +233,7 @@ describe('Create Item page - Protractor : Edit Tab', () => {
         });
 
         it('CSS of \'Color\' Section in Edit tab', { tags: 'css' }, () => {
-            utilities.verifyCSS(protractorPage.protractorColorLabel(), {
+            utilities.verifyCSS(protractorPage.toolColorLabel(), {
                 'color': css.color.labels,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
@@ -238,7 +241,7 @@ describe('Create Item page - Protractor : Edit Tab', () => {
         });
 
         it('Accessibility of newly selected color', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(protractorPage.protractorColorLabel().parents('[class*="Protractorstyle__ProtractorColorWrapper"] '));
+            cy.checkAccessibility(protractorPage.toolColorLabel().parents('[class*="Protractorstyle__ProtractorColorWrapper"] '));
         });
     });
 
@@ -255,7 +258,8 @@ describe('Create Item page - Protractor : Edit Tab', () => {
         });
 
         it('\'Add show/hide button\' label and checkbox should be displayed and by default the checkbox should be unchecked', () => {
-            protractorPage.steps.verifyAddShowHideButtonLabelAndCheckbox();
+            protractorPage.steps.verifyAddShowHideButtonLabel();
+            protractorPage.steps.verifyAddShowHideButtonCheckboxUnchecked();
         });
 
         it('CSS of \'Protractor visibility\' section', { tags: 'css' }, () => {
@@ -284,7 +288,8 @@ describe('Create Item page - Protractor : Edit Tab', () => {
 
         it('When user checks \'Add show/hide button\' checkbox, then \'Launch the Protractor by default\' label and checkbox should be displayed and by default the checkbox should be unchecked', () => {
             protractorPage.steps.checkAddShowHideButtonCheckbox();
-            protractorPage.steps.verifyLaunchToolByDefaultLabelAndCheckbox('protractor');
+            protractorPage.steps.verifyLaunchToolByDefaultLabel('protractor');
+            protractorPage.steps.verifyLaunchToolByDefaultCheckboxUnchecked();
         });
 
         it('User should be able to check \'Launch the Protractor by default\' checkbox', () => {

package/cypress/e2e/ILC/Ruler/rulerEditTabBasicsSection.js

@@ -5,8 +5,6 @@ const css = Cypress.env('css');
 
 const rotationOptions = ['None', 'Allow rotation', 'Allow rotation and display angle'];
 const unitOfMeasurementOptions = ['Centimeter', 'Inch', 'Pixel', 'Both centimeter and inch', 'Custom image'];
-const colors = ['White', 'Purple', 'Light blue', 'Orange', 'Yellow', 'Grey'];
-const colorValues = ['rgba(255, 255, 255, 1)', 'rgb(186, 201, 255)', 'rgb(128, 239, 255)', 'rgb(255, 238, 215)', 'rgb(255, 238, 78)', 'rgb(220, 223, 230)'];
 const rulerOptions = [
     {
         displayName: 'Centimeter',
@@ -279,7 +277,7 @@ describe('Create Item page - Ruler: Edit Tab', () => {
         it('When user locks the aspect ratio button and changes the value in the width input field, the height input field should be updated accordingly to maintain the updated aspect ratio', () => {
             rulerPage.steps.lockAspectRatio();
             rulerPage.steps.updateImageWidth(600);
-            rulerPage.steps.verifyUpdatedHeightInImageHeightInputField(600);
+            rulerPage.steps.verifyUpdatedHeightInImageHeightInputField(480);
         });
 
         it('When user selects the \'Reset dimensions\' button the height and width should reset to the original values', () => {
@@ -468,10 +466,9 @@ describe('Create Item page - Ruler: Edit Tab', () => {
             rulerPage.steps.verifyOpacityInputFieldValue(50);
         });
 
-        //Failed due to https://redmine.zeuslearning.com/issues/556472
         it('\'Ruler Color\' label and 6 solid color should be displayed and by default \'White\' color radio button should be selected', () => {
-            utilities.verifyInnerText(rulerPage.rulerColorLabel(), 'Ruler Color');
-            utilities.verifyElementVisibilityState(rulerPage.rulerColorLabel(), 'visible');
+            utilities.verifyInnerText(rulerPage.toolColorLabel(), 'Ruler Color');
+            utilities.verifyElementVisibilityState(rulerPage.toolColorLabel(), 'visible');
             rulerPage.steps.verifyToolColorBlocksVisibility();
             rulerPage.steps.verifyToolColorSelectedState(0);
         });
@@ -483,7 +480,7 @@ describe('Create Item page - Ruler: Edit Tab', () => {
         });
 
         it('CSS of \'Color\' Section in Edit tab', { tags: 'css' }, () => {
-            utilities.verifyCSS(rulerPage.rulerColorLabel(), {
+            utilities.verifyCSS(rulerPage.toolColorLabel(), {
                 'color': css.color.labels,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
@@ -501,7 +498,8 @@ describe('Create Item page - Ruler: Edit Tab', () => {
 
         it('\'Add show/hide button\' label and checkbox should be displayed and by default the checkbox should be unchecked', () => {
             utilities.verifyElementVisibilityState(rulerPage.addShowHideButtonCheckbox(), 'exist');
-            rulerPage.steps.verifyAddShowHideButtonLabelAndCheckbox();
+            rulerPage.steps.verifyAddShowHideButtonLabel();
+            rulerPage.steps.verifyAddShowHideButtonCheckboxUnchecked();
         });
 
         it('CSS of \'Ruler visibility\' section', { tags: 'css' }, () => {
@@ -520,7 +518,8 @@ describe('Create Item page - Ruler: Edit Tab', () => {
         it('When user checks \'Add show/hide button\' checkbox, then \'Launch the ruler by default\' label and checkbox should be displayed and by default the checkbox should be unchecked', () => {
             rulerPage.steps.checkAddShowHideButtonCheckbox();
             utilities.verifyElementVisibilityState(rulerPage.launchToolByDefaultCheckbox(), 'exist');
-            rulerPage.steps.verifyLaunchToolByDefaultLabelAndCheckbox('ruler');
+            rulerPage.steps.verifyLaunchToolByDefaultLabel('ruler');
+            rulerPage.steps.verifyLaunchToolByDefaultCheckboxUnchecked();
         });
 
         it('User should be able to check \'Launch the ruler by default\' checkbox', () => {