itemengine-cypress-automation 1.0.132 → 1.0.133

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. package/cypress/e2e/ILC/DesmosGraphing/previewTabContent.smoke.js +1 -2
  2. package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +53 -54
  3. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/partialDifferentWeightsBasic.js +0 -149
  4. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/partialDifferentWeightsMinimumAndPenaltyScoring.js +312 -0
  5. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/additionalSettingsBasic.js +71 -0
  6. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/minimumScoringPenaltyPointsAndRoundingDropdown.js +194 -0
  7. package/cypress/e2e/ILC/GeogebraActivity/additionalSettings.js +98 -0
  8. package/cypress/e2e/ILC/GeogebraActivity/editTabScoringSection.js +56 -0
  9. package/cypress/e2e/ILC/GeogebraActivity/gradingViewAndCorrectAnswerViewContents.smoke.js +106 -0
  10. package/cypress/e2e/ILC/GeogebraActivity/headerSection.js +74 -0
  11. package/cypress/e2e/ILC/GeogebraActivity/previewTabContent.smoke.js +91 -0
  12. package/cypress/e2e/ILC/GeogebraActivity/questionInstructions.js +28 -0
  13. package/cypress/e2e/ILC/Graphing/Scoring/allOrNothingPenaltyScoring.js +79 -0
  14. package/cypress/e2e/ILC/Graphing/Scoring/manuallyAndNonScoredScoring.js +253 -0
  15. package/cypress/e2e/ILC/Graphing/addBackgroundShapesSection.js +307 -0
  16. package/cypress/e2e/ILC/Graphing/additionalSettingsBasic.js +84 -0
  17. package/cypress/e2e/ILC/Graphing/editTabScoringSection.js +105 -0
  18. package/cypress/e2e/ILC/Graphing/headerSection.js +77 -0
  19. package/cypress/e2e/ILC/Graphing/layoutAndGridOptions.js +916 -0
  20. package/cypress/e2e/ILC/Graphing/minimumScoringPenaltyPointsAndRoundingDropdown.js +57 -0
  21. package/cypress/e2e/ILC/Graphing/previewContentsForAllViews.smoke.js +1 -1
  22. package/cypress/e2e/ILC/Graphing/specifyCorrectAnswerSection.js +72 -0
  23. package/cypress/e2e/ILC/Graphing/studentViewSettings.js +120 -0
  24. package/cypress/e2e/ILC/Graphing/toolsControlsAndBackgroundSection.js +858 -0
  25. package/cypress/e2e/ILC/ShortTextResponseNew/additionalSettings.js +337 -4
  26. package/cypress/fixtures/constants.js +1 -1
  27. package/cypress/fixtures/theme/ilc.json +3 -1
  28. package/cypress/pages/components/additionalSettingsAccessibilitySectionComponent.js +66 -0
  29. package/cypress/pages/components/additionalSettingsPanel.js +95 -90
  30. package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js +9 -7
  31. package/cypress/pages/components/backgroundImageUploadComponent.js +16 -14
  32. package/cypress/pages/components/colorPopupComponent.js +14 -17
  33. package/cypress/pages/components/commonComponents.js +1 -1
  34. package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js +1 -1
  35. package/cypress/pages/components/imageCanvasComponent.js +3 -3
  36. package/cypress/pages/components/index.js +2 -2
  37. package/cypress/pages/components/opacityComponent.js +1 -1
  38. package/cypress/pages/components/scoringSectionBaseEditTab.js +18 -0
  39. package/cypress/pages/components/studentResponseAreaAndLayoutComponent.js +1 -1
  40. package/cypress/pages/dialogBoxBase.js +1 -1
  41. package/cypress/pages/drawingResponsePage.js +35 -4
  42. package/cypress/pages/fillInTheGapsOverImageDropdownPage.js +2 -2
  43. package/cypress/pages/fillInTheGapsOverImageTextPage.js +2 -0
  44. package/cypress/pages/geogebraActivityPage.js +106 -0
  45. package/cypress/pages/graphingPage.js +1458 -77
  46. package/cypress/pages/index.js +1 -0
  47. package/cypress/pages/multipleSelectionPage.js +0 -1
  48. package/cypress/pages/shortTextResponsePage.js +155 -3
  49. package/cypress/pages/uploadResponsePage.js +0 -2
  50. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { desmosGraphingPage, itemPreviewPage, studentViewPage } from "../../../pages";
1
+ import { desmosGraphingPage, itemPreviewPage } from "../../../pages";
2
2
  import abortEarlySetup from "../../../support/helpers/abortEarly";
3
3
  import utilities from "../../../support/helpers/utilities";
4
4
  let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view'];
@@ -16,7 +16,6 @@ describe('Create item page - Desmos graphing: Preview contents', () => {
16
16
  before(() => {
17
17
  switch (view) {
18
18
  case 'Question preview':
19
- cy.log('Navigating to Fill in the gaps over image - text question type');
20
19
  desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
21
20
  cy.barsPreLoaderWait();
22
21
  utilities.verifyElementVisibilityState(desmosGraphingPage.previewTabDesmosToolKeypadButton(), 'visible');
@@ -86,7 +86,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
86
86
  drawingResponsePage.steps.verifyDisplayedSecondaryToolbarOptionsInPreviewTab(toolbarOption.secondaryToolbarOptions);
87
87
  }
88
88
  //Verifying that secondary toolbar options are not displayed for other toolbar options
89
- else if (toolbarOption.toolType === 'action' || toolbarOption.toolType === 'tool') {
89
+ else if (toolbarOption.toolType === 'tool') {
90
90
  drawingResponsePage.steps.selectPreviewTabToolbarOption(toolbarOption.displayName);
91
91
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(), 'notExist');
92
92
  };
@@ -95,10 +95,10 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
95
95
 
96
96
  it('CSS of selected and deselected toolbar option and tooltip', { tags: 'css' }, () => {
97
97
  //Selected state
98
- utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Item eraser'), {
98
+ utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Compass'), {
99
99
  'background-color': css.color.selectToolbarOptionBg
100
100
  });
101
- utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Item eraser').find('path'), {
101
+ utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Compass').find('path'), {
102
102
  'fill': css.color.activeButtons
103
103
  });
104
104
  //Unselected state
@@ -704,7 +704,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
704
704
  drawingResponsePage.steps.verifySelectedColorLabelAndSelectedColorBlock();
705
705
  colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 255, 255)');
706
706
  colorPopupComponent.steps.verifyColorSaturationPaletteAndPicker();
707
- colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 255, 255)');
707
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
708
708
  colorPopupComponent.steps.verifyColorHuePaletteAndPicker();
709
709
  });
710
710
 
@@ -714,34 +714,34 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
714
714
  });
715
715
 
716
716
  it('User should be able to select a different color from the provided default color options inside the \'Text color\' popup', () => {
717
- drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(3);
717
+ drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(2);
718
718
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
719
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(255, 255, 255)');
720
- drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
721
- drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(3);
719
+ drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(128, 25, 0)');
720
+ drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]);
721
+ drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(2);
722
722
  drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(1);
723
723
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
724
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(6, 255, 172)');
725
- drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
724
+ drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(0, 133, 89)');
725
+ drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]);
726
726
  drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
727
727
  });
728
728
 
729
729
  it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
730
730
  colorPopupComponent.steps.clickInColorSaturationPalette();
731
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
732
- colorPopupComponent.steps.verifySaturationPaletteColor('rgba(255, 255, 255, 0.23)');
733
- colorPopupComponent.steps.verifyHuePaletteColor('rgba(255, 255, 255, 0.23)');
731
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
732
+ colorPopupComponent.steps.verifySaturationPaletteColor('rgb(122, 62, 62)');
733
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
734
734
  });
735
735
 
736
736
  it('When user clicks on the \'Cancel\' button, then the popup should be closed.', () => {
737
- drawingResponsePage.steps.clickOnCancelButton();
737
+ drawingResponsePage.steps.clickOnColorPopupCancelButton();
738
738
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
739
739
  });
740
740
 
741
741
  it('When user reopens the \'Text color\' popup by clicking on the toolbar option, the popup should reopen and all its settings should be in their default states', () => {
742
742
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]);
743
743
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
744
- drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(0);
744
+ drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
745
745
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
746
746
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
747
747
  drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(3);
@@ -750,13 +750,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
750
750
 
751
751
  it('When user makes some changes in the \'Text color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
752
752
  colorPopupComponent.steps.clickInColorSaturationPalette();
753
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
754
- drawingResponsePage.steps.clickOnOkButton();
753
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
754
+ drawingResponsePage.steps.clickOnColorPopupOkButton();
755
755
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
756
756
  });
757
757
 
758
758
  it('The updated text color should be displayed under the \'Text color\' secondary toolbar option', () => {
759
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(3, 'rgb(120, 60, 60)');
759
+ drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(121, 61, 61)');
760
760
  });
761
761
 
762
762
  it('When user reopens the \'Text color\' popup by clicking on the toolbar option, the popup should reopen and all its previously made changes should be retained/present', () => {
@@ -764,10 +764,9 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
764
764
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
765
765
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
766
766
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
767
- drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
768
- drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
769
- drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(3);
770
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
767
+ drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(121, 61, 61)');
768
+ drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
769
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
771
770
  });
772
771
 
773
772
  it('CSS of color popup', { tags: 'css' }, () => {
@@ -777,7 +776,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
777
776
  'font-weight': css.fontWeight.semibold,
778
777
  });
779
778
  utilities.verifyCSS(drawingResponsePage.previewTabColorPickerLabel(), {
780
- 'color': css.color.normal,
779
+ 'color': css.color.labels,
781
780
  'font-size': css.fontSize.default,
782
781
  'font-weight': css.fontWeight.semibold,
783
782
  });
@@ -833,7 +832,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
833
832
  });
834
833
 
835
834
  it('The default fill color should be displayed under the \'Fill color\' secondary toolbar option', () => {
836
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(0, 224, 255)');
835
+ drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(0, 224, 255)');
837
836
  });
838
837
 
839
838
  it('CSS of \'Fill color\' secondary toolbar option in deselected state', { tags: 'css' }, () => {
@@ -878,30 +877,30 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
878
877
  it('The \'Select color\' heading, color picker pallette, \'Selected color\' heading and the default selected color should be displayed in the popup in their default states', () => {
879
878
  drawingResponsePage.steps.verifyPreviewTabColorPickerLabel();
880
879
  drawingResponsePage.steps.verifySelectedColorLabelAndSelectedColorBlock();
881
- colorPopupComponent.steps.verifySaturationPaletteColor('rgba(255, 255, 255, 0.23)');
880
+ colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 255, 255)');
882
881
  colorPopupComponent.steps.verifyColorSaturationPaletteAndPicker();
883
- colorPopupComponent.steps.verifyHuePaletteColor('rgba(255, 255, 255, 0.23)');
882
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
884
883
  colorPopupComponent.steps.verifyColorHuePaletteAndPicker();
885
884
  });
886
885
 
887
886
  it('User should be able to select a different color from the provided default color options inside the \'Fill color\' popup', () => {
888
- drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(3);
887
+ drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(2);
889
888
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
890
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(255, 255, 255)');
889
+ drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(255, 90, 51)');
891
890
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
892
- drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(3);
891
+ drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(2);
893
892
  drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(1);
894
893
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
895
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(6, 255, 172)');
894
+ drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(6, 255, 172)');
896
895
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
897
896
  drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
898
897
  });
899
898
 
900
899
  it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
901
900
  colorPopupComponent.steps.clickInColorSaturationPalette();
902
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
903
- colorPopupComponent.steps.verifySaturationPaletteColor('rgba(255, 255, 255, 0.23)');
904
- colorPopupComponent.steps.verifyHuePaletteColor('rgba(255, 255, 255, 0.23)');
901
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
902
+ colorPopupComponent.steps.verifySaturationPaletteColor('rgb(122, 62, 62)');
903
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
905
904
  });
906
905
 
907
906
  it('\'Ok\' and \'Cancel\' button should be displayed in the popup', () => {
@@ -910,14 +909,14 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
910
909
  });
911
910
 
912
911
  it('When user clicks on the \'Cancel\' button, then the popup should be closed.', () => {
913
- drawingResponsePage.steps.clickOnCancelButton();
912
+ drawingResponsePage.steps.clickOnColorPopupCancelButton();
914
913
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
915
914
  });
916
915
 
917
916
  it('When user reopens the \'Fill color\' popup, the popup should be displayed with all its default settings', () => {
918
917
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]);
919
918
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 224, 255)');
920
- drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(0);
919
+ drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
921
920
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');
922
921
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(255, 90, 51)');
923
922
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(255, 255, 255)');
@@ -927,13 +926,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
927
926
 
928
927
  it('When user makes some changes in the \'Fill color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
929
928
  colorPopupComponent.steps.clickInColorSaturationPalette();
930
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
931
- drawingResponsePage.steps.clickOnOkButton();
929
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
930
+ drawingResponsePage.steps.clickOnColorPopupOkButton();
932
931
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
933
932
  });
934
933
 
935
934
  it('The updated fill color should be displayed under the \'Fill color\' secondary toolbar option', () => {
936
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(120, 60, 60)');
935
+ drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(121, 61, 61)');
937
936
  });
938
937
 
939
938
  it('When user reopens the \'Fill color\' popup, the popup should reopen and all its previous changes should be retained', () => {
@@ -941,10 +940,10 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
941
940
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 224, 255)');
942
941
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');
943
942
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(255, 90, 51)');
944
- drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
943
+ drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(121, 61, 61)');
945
944
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
946
945
  drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
947
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
946
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
948
947
  });
949
948
 
950
949
  it('CSS of color popup contents', { tags: 'css' }, () => {
@@ -1055,21 +1054,21 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1055
1054
  it('The \'Select color\' heading, color picker pallette, \'Selected color\' heading and the default selected color should be displayed in the popup in their default states', () => {
1056
1055
  drawingResponsePage.steps.verifyPreviewTabColorPickerLabel();
1057
1056
  drawingResponsePage.steps.verifySelectedColorLabelAndSelectedColorBlock();
1058
- colorPopupComponent.steps.verifySaturationPaletteColor('rgba(255, 255, 255, 0.23)');
1057
+ colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 255, 255)');
1059
1058
  colorPopupComponent.steps.verifyColorSaturationPaletteAndPicker();
1060
- colorPopupComponent.steps.verifyHuePaletteColor('rgba(255, 255, 255, 0.23)');
1059
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
1061
1060
  colorPopupComponent.steps.verifyColorHuePaletteAndPicker();
1062
1061
  });
1063
1062
 
1064
1063
  it('User should be able to select a different color from the provided default color options inside the \'Fill color\' popup', () => {
1065
- drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(3);
1064
+ drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(2);
1066
1065
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
1067
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(1, 'rgb(255, 255, 255)');
1066
+ drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(128, 25, 0)');
1068
1067
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]);
1069
- drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(3);
1068
+ drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(2);
1070
1069
  drawingResponsePage.steps.selectOptionFromSecondaryOptionPopup(1);
1071
1070
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
1072
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(1, 'rgb(0, 133, 89)');
1071
+ drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(0, 133, 89)');
1073
1072
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]);
1074
1073
  drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
1075
1074
  });
@@ -1077,7 +1076,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1077
1076
  //Update below test case as per https://redmine.zeuslearning.com/issues/550787
1078
1077
  it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
1079
1078
  colorPopupComponent.steps.clickInColorSaturationPalette();
1080
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
1079
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
1081
1080
  });
1082
1081
 
1083
1082
  it('\'Ok\' and \'Cancel\' button should be displayed in the popup', () => {
@@ -1086,13 +1085,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1086
1085
  });
1087
1086
 
1088
1087
  it('When user clicks on the \'Cancel\' button, then the popup should be closed.', () => {
1089
- drawingResponsePage.steps.clickOnCancelButton();
1088
+ drawingResponsePage.steps.clickOnColorPopupCancelButton();
1090
1089
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
1091
1090
  });
1092
1091
 
1093
1092
  it('When user reopens the \'Stroke color\' popup , the popup should be displayed with all its default settings', () => {
1094
1093
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]);
1095
- drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(0);
1094
+ drawingResponsePage.steps.verifySelectedOptionFromSecondaryOptionPopup(1);
1096
1095
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
1097
1096
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
1098
1097
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
@@ -1102,23 +1101,23 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1102
1101
 
1103
1102
  it('When user makes some changes in the \'Stroke color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
1104
1103
  colorPopupComponent.steps.clickInColorSaturationPalette();
1105
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
1106
- drawingResponsePage.steps.clickOnOkButton();
1104
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
1105
+ drawingResponsePage.steps.clickOnColorPopupOkButton();
1107
1106
  drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
1108
1107
  });
1109
1108
 
1110
1109
  it('The updated stroke color should be displayed under the \'Stroke color\' secondary toolbar option', () => {
1111
- drawingResponsePage.steps.verifySecondaryOptionStrokeColor(1, 'rgb(120, 60, 60)');
1110
+ drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(121, 61, 61)');
1112
1111
  });
1113
1112
 
1114
1113
  it('When user reopens the \'Stroke color\' popup, the popup should reopen and all its previous changes should be retained', () => {
1115
1114
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]);
1116
1115
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
1117
1116
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
1118
- drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
1117
+ drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(121, 61, 61)');
1119
1118
  drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
1120
1119
  drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
1121
- drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
1120
+ drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
1122
1121
  });
1123
1122
 
1124
1123
  it('CSS of color popup contents', { tags: 'css' }, () => {
@@ -90,153 +90,4 @@ describe('Create item page - Fill in the gaps over image - text: Partial differe
90
90
  fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
91
91
  });
92
92
  });
93
-
94
- describe('Question preview: Auto scored - Partial different weights: Minimum scoring', () => {
95
- abortEarlySetup();
96
- before(() => {
97
- fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
98
- cy.barsPreLoaderWait();
99
- fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
100
- fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
101
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
102
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
103
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
104
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
105
- fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
106
- fillInTheGapsOverImageTextPage.steps.allotPartialDifferentWeightsPoints({ 0: 1, 1: 6, 2: 5 });
107
- fillInTheGapsOverImageTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
108
- });
109
-
110
- it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
111
- fillInTheGapsOverImageTextPage.steps.expandMinimumScoringDropdown();
112
- fillInTheGapsOverImageTextPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
113
- fillInTheGapsOverImageTextPage.steps.allotMinimumPoints(2);
114
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
115
- fillInTheGapsOverImageTextPage.steps.switchToGradingView();
116
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 12);
117
- fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
118
- });
119
-
120
- it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
121
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
122
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Roots' }]);
123
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 12);
124
- fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
125
- });
126
-
127
- it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
128
- fillInTheGapsOverImageTextPage.steps.switchToEditTab();
129
- fillInTheGapsOverImageTextPage.steps.expandMinimumScoringDropdown();
130
- fillInTheGapsOverImageTextPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
131
- fillInTheGapsOverImageTextPage.steps.allotMinimumPoints(2);
132
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
133
- fillInTheGapsOverImageTextPage.steps.switchToGradingView();
134
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 12);
135
- fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
136
- });
137
-
138
- it('When the user has selected \'Award minimum score only if attempted\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
139
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
140
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Roots' }]);
141
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 12);
142
- });
143
-
144
- it('When the user attempts the question partially correct such that points of the correctly attempted option are greater than minimum points, then the user should be awarded with points as per the correctly attempted response', () => {
145
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
146
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
147
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(5, 12);
148
- });
149
-
150
- it('When the user attempts the question partially correct such that minimum points are greater than points of the correctly attempted option, then the user should be awarded with minimum points', () => {
151
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
152
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
153
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 12);
154
- });
155
- });
156
-
157
- describe('Question preview: Auto scored - Partial different weights: Rounding', () => {
158
- abortEarlySetup();
159
- before(() => {
160
- fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
161
- cy.barsPreLoaderWait();
162
- fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
163
- fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
164
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
165
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
166
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
167
- fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
168
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }, { responseIndex: 3, responseText: 'Roots' }]);
169
- fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
170
- fillInTheGapsOverImageTextPage.steps.allotPartialDifferentWeightsPoints({ 0: 2.67, 1: 1.99, 2: 1.34, 3: 4.5 });
171
- });
172
-
173
- it('When the user sets \'Rounding\' to \'Round down if <=0.99\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value greater than 0.5 and less than 0.99, then the points awarded should be rounded down to the nearest integer value', () => {
174
- fillInTheGapsOverImageTextPage.steps.expandRoundingDropdown();
175
- fillInTheGapsOverImageTextPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.99');
176
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
177
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
178
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(2, 10.5);
179
- });
180
-
181
- it('When the user has set \'Rounding\' to \'Round down if <=0.99\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value equal to 0.99, then the points awarded should be rounded down to the nearest integer value', () => {
182
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
183
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 1, responseText: 'Leaf' }]);
184
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(1, 10.5);
185
- });
186
-
187
- it('When the user sets \'Rounding\' to \'Round down if <=0.50\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value less than 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
188
- fillInTheGapsOverImageTextPage.steps.switchToEditTab();
189
- fillInTheGapsOverImageTextPage.steps.expandRoundingDropdown();
190
- fillInTheGapsOverImageTextPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.50');
191
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
192
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
193
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(1, 10.5);
194
- });
195
-
196
- it('When the user has set \'Rounding\' to \'Round down if <=0.50\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value equal to 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
197
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
198
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 3, responseText: 'Roots' }]);
199
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(4, 10.5);
200
- });
201
-
202
- it('When the user sets \'Rounding\' to \'Round down if <=0.50, Round up if > 0.50\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value less than 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
203
- fillInTheGapsOverImageTextPage.steps.switchToEditTab();
204
- fillInTheGapsOverImageTextPage.steps.expandRoundingDropdown();
205
- fillInTheGapsOverImageTextPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.50; Round up if > 0.50');
206
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
207
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
208
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(1, 10.5);
209
- });
210
-
211
- it('When the user has set \'Rounding\' to \'Round down if <=0.50, Round up if > 0.50\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value equal to 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
212
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
213
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 3, responseText: 'Roots' }]);
214
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(4, 10.5);
215
- });
216
-
217
- it('When the user has set \'Rounding\' to \'Round down if <=0.50, Round up if > 0.50\', attempts the question partially correct with an option such that points of the correctly attempted options has decimal value greater than 0.50, then the points awarded should be rounded down to the nearest integer value', () => {
218
- fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
219
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
220
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(3, 10.5);
221
- });
222
-
223
- it('When \'Round negative score to zero\' is in checked state and the user attempts the question incorrectly, then the user should be awarded with 0 points', () => {
224
- cy.log('Pre-step: Setting penalty scoring to \'Penalty points for the entire question\', allotting penalty points')
225
- fillInTheGapsOverImageTextPage.steps.switchToEditTab();
226
- fillInTheGapsOverImageTextPage.steps.expandPenaltyScoringDropdown();
227
- fillInTheGapsOverImageTextPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
228
- fillInTheGapsOverImageTextPage.steps.allotPenaltyPoints(4);
229
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
230
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Seed' }]);
231
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 10.5);
232
- });
233
-
234
- it('When the user unchecks \'Round negative score to zero\' checkbox and the user attempts the question incorrectly, then the user should be awarded with negative points', () => {
235
- fillInTheGapsOverImageTextPage.steps.switchToEditTab();
236
- fillInTheGapsOverImageTextPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
237
- fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
238
- fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Seed' }]);
239
- fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(-4, 10.5);
240
- });
241
- });
242
93
  });