itemengine-cypress-automation 1.0.209-graphqlStagingUpdate-7ab593a.0 → 1.0.209

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

@@ -410,7 +410,7 @@ describe('Bar audio player style: Preview tab functionality', () => {
             });
         });
 
-        it('Accessibility of add pin section and add pin button in selected state', () => {
+        it('Accessibility of add pin section and add pin button in selected state', { tags: 'a11y' }, () => {
             cy.checkAccessibility(audioPlayerPage.pinsPanelAddPinButton().parents('[class*="AddPinstyles__PinsCollectionWrapper"]'));
         });
 

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

@@ -582,7 +582,7 @@ describe('Standard audio player style: Edit tab contents and preview tab functio
             });
         });
 
-        it('Accessibility of add pin section and add pin button in selected state', () => {
+        it('Accessibility of add pin section and add pin button in selected state', { tags: 'a11y' }, () => {
             cy.checkAccessibility(audioPlayerPage.pinsPanelAddPinButton().parents('[class*="AddPinstyles__PinsCollectionWrapper"]'));
         });
 

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

@@ -73,7 +73,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
 
         it('When correct answers and points are set in alternate answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternate answer accordion should be collapsed', () => {
             fillInTheGapsOverImageDropdownPage.steps.expandCorrectAnswerAccordion();
-            fillInTheGapsOverImageDropdownPage.steps.verifyAlternateAnswerAccordionIsCollapsed(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
         });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/styleAndLayoutCustomization.js

@@ -40,13 +40,13 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
 
         fillInTheGapsOverImageTextPage.tests.verifyBorderColorSectionContents();
 
-        fillInTheGapsOverImageTextPage.tests.verifyBorderStyleSectionContents('Solid');
+        fillInTheGapsOverImageTextPage.tests.verifyBorderStyleSectionContents('Dashed');
 
         fillInTheGapsOverImageTextPage.tests.verifyFillColorTooltips();
 
         fillInTheGapsOverImageTextPage.tests.verifyBorderColorTooltips();
 
-        fillInTheGapsOverImageTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('Solid');
+        fillInTheGapsOverImageTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('dashed');
     });
 
     describe('Fill color - Edit tab', () => {
@@ -62,25 +62,25 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the canvas image should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.optionsBg);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaFillColor(0, css.color.optionsBg);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the canvas image', () => {
             fillInTheGapsOverImageTextPage.steps.selectColorBlock(1);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.transparent);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaFillColor(0, css.color.transparent);
         });
 
         it('When the user clicks on the "Edit color" button, modifies color for the selected color block, then the background color of the text containers in the canvas image should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.editColor(0);
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaFillColor(0, modifiedColor);
         });
 
         it('When the adds a new text container, then the background color of the newly added text container should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(1, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaFillColor(0, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaFillColor(1, modifiedColor);
         });
     });
 
@@ -139,25 +139,25 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the canvas image should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${css.color.activeComponentBorder}`);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the canvas image', () => {
             fillInTheGapsOverImageTextPage.steps.selectColorBlock(3);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${css.color.transparent}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${css.color.transparent}`);
         });
 
         it('When the user clicks on the "Edit color" button, modifies color for the selected color block, then the background color of the text containers in the canvas image should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.editColor(1);
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${modifiedColor}`);
         });
 
         it('When the adds a new text container, then the background color of the newly added text container should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${modifiedColor}`);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(1, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(1, `1px dashed ${modifiedColor}`);
         });
     });
 
@@ -175,7 +175,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the preview tab should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${css.color.activeComponentBorder}`);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the preview tab', () => {
@@ -191,15 +191,15 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${modifiedColor}`);
         });
 
         it('The background color of the text containers in the preview tab should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${modifiedColor}`);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(1, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(1, `1px dashed ${modifiedColor}`);
         });
     });
 
@@ -308,8 +308,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.expandStyleAndLayoutCustomizationAccordion();
         });
 
-        it('When the "Solid" border style is in selected state, then the border style of the text containers in the canvas image should be "Solid"', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'solid');
+        it('When the "dashed" border style is in selected state, then the border style of the text containers in the canvas image should be "dashed"', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'dashed');
         });
 
         borderStyles.forEach((style) => {
@@ -332,8 +332,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
         });
 
-        it('When the "Solid" border style is in selected state, then the border style of the text containers in the preview tab should be "Solid"', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'solid');
+        it('When the "dashed" border style is in selected state, then the border style of the text containers in the preview tab should be "dashed"', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'dashed');
         });
 
         borderStyles.forEach((style) => {
@@ -440,7 +440,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.selectResponseAreaPointerStyle('left');
         });
 
-        it('When the "Circle" connector style is in selected state, then the connector style of the text containers in the canvas image should be "Solid"', () => {
+        it('When the "Circle" connector style is in selected state, then the connector style of the text containers in the canvas image should be "dashed"', () => {
             fillInTheGapsOverImageTextPage.steps.verifyResponseAreaConnectorEndPointShape('Circle');
         });
 
@@ -466,7 +466,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
         });
 
-        it('When the "Circle" connector style is in selected state, then the connector style of the text containers in the canvas image should be "Solid"', () => {
+        it('When the "Circle" connector style is in selected state, then the connector style of the text containers in the canvas image should be "dashed"', () => {
             fillInTheGapsOverImageTextPage.steps.verifyResponseAreaConnectorEndPointShapePreviewTab('Circle');
         });
 

package/cypress/e2e/ILC/Graphing/Scoring/allOrNothingWithAlternativePointsGreaterThanCorrectPoints.js

@@ -64,7 +64,7 @@ describe('Create Item page - Graphing: All or nothing with alternative answer',
             graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
 
             //Correct/incorrect icon
-            utilities.verifyElementVisibilityState(graphingPage.correctIncorrectStatusMessageText(), 'notExist');
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
             graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();

package/cypress/e2e/ILC/Graphing/Scoring/allOrNothingWithCorrectPointsEqualToAlternatePoints.js

@@ -65,7 +65,7 @@ describe('Create Item page - Graphing: All or nothing with alternative answer',
             utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
 
             //Correct/incorrect icon
-            utilities.verifyElementVisibilityState(graphingPage.correctIncorrectStatusMessageText(), 'notExist');
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();

package/cypress/e2e/ILC/Graphing/Scoring/allOrNothingWithCorrectPointsGreaterThanAlternativePoints.js

@@ -65,7 +65,7 @@ describe('Create Item page - Graphing: All or nothing with alternative answer',
             utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
 
             //Correct/incorrect icon
-            utilities.verifyElementVisibilityState(graphingPage.correctIncorrectStatusMessageText(), 'notExist');
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();

package/cypress/e2e/ILC/Graphing/Scoring/manuallyAndNonScoredScoring.js

@@ -87,7 +87,7 @@ describe('Create Item page - Graphing: Manually and non scored', () => {
             utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
 
             //Correct/incorrect icon
-            utilities.verifyElementVisibilityState(graphingPage.correctIncorrectStatusMessageText(), 'notExist');
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
             graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
             graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();