itemengine-cypress-automation 1.0.293-e2eUpdates5thFeb-7e9457e.0 → 1.0.294-applitools-09785a6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js +26 -26
  2. package/cypress/e2e/ILC/AudioResponseNew/compactRecorderStyle.smoke.js +4 -4
  3. package/cypress/e2e/ILC/AudioResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +12 -2
  4. package/cypress/e2e/ILC/AudioResponseNew/previewContentsForAllViews.smoke.js +11 -2
  5. package/cypress/e2e/ILC/BrainingCampManipulative/previewTabContent.smoke.js +1 -1
  6. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js +17 -8
  7. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js +3 -3
  8. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/previewContentsForAllViews.smoke.js +14 -5
  9. package/cypress/e2e/ILC/ChartsBar/allOrNothingScoringForAllViews.smoke.js +17 -8
  10. package/cypress/e2e/ILC/ChartsBar/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  11. package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js +15 -6
  12. package/cypress/e2e/ILC/ChartsLine/allOrNothingScoringForAllViews.smoke.js +8 -8
  13. package/cypress/e2e/ILC/ChartsLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  14. package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js +14 -5
  15. package/cypress/e2e/ILC/Compass/compassPreviewContent.smoke.js +1 -1
  16. package/cypress/e2e/ILC/ContentBlocks/previewContents.smoke.js +1 -1
  17. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/allOrNothingBasicForAllViews.smoke.js +15 -6
  18. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/previewContentsForAllViews.smoke.js +12 -3
  19. package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js +12 -2
  20. package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +19 -21
  21. package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js +8 -0
  22. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/allOrNothingForAllViews.smoke.js +15 -6
  23. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViews.smoke.js +13 -3
  24. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/allOrNothingForAllView.smoke.js +13 -4
  25. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViews.smoke.js +12 -3
  26. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/allOrNothingForAllViews.smoke.js +14 -5
  27. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/previewContentsForAllViews.smoke.js +13 -4
  28. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/allOrNothingForAllView.smoke.js +13 -4
  29. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/previewContentsForAllViews.smoke.js +12 -3
  30. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/allOrNothingForAllViews.smoke.js +13 -4
  31. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/previewContentsForAllViews.smoke.js +13 -4
  32. package/cypress/e2e/ILC/FillInTheGapsTextNew/allOrNothingForAllViews.smoke.js +13 -4
  33. package/cypress/e2e/ILC/FillInTheGapsTextNew/previewContentsForAllViews.smoke.js +13 -4
  34. package/cypress/e2e/ILC/Graphing/allOrNothingForAllViews.smoke.js +5 -5
  35. package/cypress/e2e/ILC/Graphing/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  36. package/cypress/e2e/ILC/Graphing/previewContentsForAllViews.smoke.js +13 -4
  37. package/cypress/e2e/ILC/GridFill/allOrNothingBasicForAllViews.smoke.js +15 -5
  38. package/cypress/e2e/ILC/GridFill/previewContentsForAllViews.smoke.js +9 -1
  39. package/cypress/e2e/ILC/ImageHighlight/allOrNothingForAllViews.smoke.js +15 -5
  40. package/cypress/e2e/ILC/ImageHighlight/previewContentsForAllViews.smoke.js +13 -4
  41. package/cypress/e2e/ILC/ListOrderingDropdown/allOrNothingForAllViews.smoke.js +4 -4
  42. package/cypress/e2e/ILC/ListOrderingDropdown/previewContentsForAllViews.smoke.js +12 -3
  43. package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js +11 -2
  44. package/cypress/e2e/ILC/ListOrderingNew/allOrNothingForAllViews.smoke.js +13 -4
  45. package/cypress/e2e/ILC/ListOrderingNew/horizontalOrientationAllOrNothingForAllViews.smoke.js +5 -5
  46. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/horizontalOrientationAllOrNothingForAllViews.smoke.js +6 -5
  47. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/previewContentsForAllViews.smoke.js +12 -3
  48. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/allOrNothingForAllViews.smoke.js +14 -4
  49. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/previewContentsForAllViews.smoke.js +3 -3
  50. package/cypress/e2e/ILC/Matching/allOrNothingScoringForAllViews.smoke.js +14 -5
  51. package/cypress/e2e/ILC/Matching/previewTabContentsForAllViews.smoke.js +12 -3
  52. package/cypress/e2e/ILC/MatchingDropdown/allOrNothingScoringForAllViews.smoke.js +5 -5
  53. package/cypress/e2e/ILC/MatchingDropdown/previewContentsForAllViews.smoke.js +13 -4
  54. package/cypress/e2e/ILC/MultipleSelection/allOrNothingBasicForAllViews.smoke.js +19 -10
  55. package/cypress/e2e/ILC/MultipleSelection/previewContentsForAllViews.smoke.js +11 -2
  56. package/cypress/e2e/ILC/MultipleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +14 -5
  57. package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js +14 -4
  58. package/cypress/e2e/ILC/NumberLine/allOrNothingScoringForAllViews.smoke.js +5 -5
  59. package/cypress/e2e/ILC/NumberLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  60. package/cypress/e2e/ILC/NumberLine/previewTabContentsForAllViews.smoke.js +13 -4
  61. package/cypress/e2e/ILC/NumberLine/verticalNumberLine/allOrNothingScoringForAllViews.smoke.js +5 -5
  62. package/cypress/e2e/ILC/NumberLine/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js +3 -2
  63. package/cypress/e2e/ILC/NumberLine/verticalNumberLine/previewTabContentsForAllViews.smoke.js +4 -4
  64. package/cypress/e2e/ILC/NumberLineLabel/allOrNothingForAllViews.smoke.js +5 -5
  65. package/cypress/e2e/ILC/NumberLineLabel/gradingViewAndCorrectAnswerView.smoke.js +10 -0
  66. package/cypress/e2e/ILC/NumberLineLabel/previewContentsForAllViews.smoke.js +10 -1
  67. package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/allOrNothingForAllViews.smoke.js +5 -5
  68. package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js +2 -2
  69. package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/previewContentsForAllViews.smoke.js +1 -1
  70. package/cypress/e2e/ILC/Protractor/protractorPreviewContents.smoke.js +1 -1
  71. package/cypress/e2e/ILC/ReadingRuler/readingrulerPreviewContents.smoke.js +1 -1
  72. package/cypress/e2e/ILC/Ruler/rulerPreviewContents.smoke.js +1 -1
  73. package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js +12 -3
  74. package/cypress/e2e/ILC/ShortTextResponseNew/previewContentsForAllViews.smoke.js +5 -6
  75. package/cypress/e2e/ILC/SimpleCalculator/previewContents.smoke.js +1 -1
  76. package/cypress/e2e/ILC/SingleSelection/allOrNothingBasicForAllViews.smoke.js +12 -3
  77. package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js +10 -1
  78. package/cypress/e2e/ILC/SingleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +14 -5
  79. package/cypress/e2e/ILC/SingleSelectionGridNew/previewContentsForAllViews.smoke.js +10 -1
  80. package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViews.smoke.js +23 -14
  81. package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViewsFormulaTemplate.smoke.js +5 -6
  82. package/cypress/e2e/ILC/TextEntryMath/previewContentsForAllViews.smoke.js +13 -4
  83. package/cypress/e2e/ILC/TextEntryMathWithImage/allOrNothingScoringForAllViews.smoke.js +17 -17
  84. package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js +13 -5
  85. package/cypress/e2e/ILC/TextSelection/ScoringGeneric/basicScoringForAllTextSelectionTypes.smoke.js +4 -4
  86. package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js +16 -6
  87. package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.smoke.js +8 -8
  88. package/cypress/e2e/ILC/ToolAudioPlayerNew/previewContents.smoke.js +3 -3
  89. package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js +3 -3
  90. package/cypress/e2e/ILC/UploadResponse/gradingViewAndCorrectAnswerViewContents.smoke.js +11 -1
  91. package/cypress/e2e/ILC/UploadResponse/previewContentsForAllViews.smoke.js +13 -4
  92. package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js +16 -6
  93. package/cypress/e2e/ILC/VideoResponseNew/compactRecorderStyle.smoke.js +3 -3
  94. package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +14 -4
  95. package/cypress/e2e/ILC/VideoResponseNew/previewContentsForAllViews.smoke.js +12 -3
  96. package/cypress/e2e/ILC/chartsDotsPlot/allOrNothingForAllViews.smoke.js +9 -9
  97. package/cypress/e2e/ILC/chartsDotsPlot/gradingViewAndCorrectAnswerView.smoke.js +2 -2
  98. package/cypress/e2e/ILC/chartsDotsPlot/previewContentsForAllViews.smoke.js +13 -4
  99. package/cypress/e2e/applitools.config.js +14 -0
  100. package/cypress/pages/components/equationEditorSectionCommonComponent.js +3 -1
  101. package/cypress/support/commands.js +11 -0
  102. package/cypress/support/e2e.js +1 -0
  103. package/package.json +4 -1
@@ -76,7 +76,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
76
76
  });
77
77
 
78
78
  //Will not be able to cover image options as they will open the windows explorer popup and closing the popup is not possible
79
- it('When user clicks on the drawing toolbar options, then the option name and its respective secondary toolbar options should be displayed in the secondary toolbar', () => {
79
+ it(`When user clicks on the drawing toolbar options, then the option name and its respective secondary toolbar options should be displayed in the secondary toolbar`, () => {
80
80
  drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions.forEach((toolbarOption) => {
81
81
  if (toolbarOption.secondaryToolbarOptions !== undefined) {
82
82
  drawingResponsePage.steps.selectPreviewTabToolbarOption(toolbarOption.displayName);
@@ -135,7 +135,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
135
135
  drawingResponsePage.steps.switchToPreviewTab();
136
136
  });
137
137
 
138
- it('User should be able to upload an image', () => {
138
+ it(`User should be able to upload an image`, () => {
139
139
  drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
140
140
  drawingResponsePage.steps.uploadFile('uploads/image.png');
141
141
  });
@@ -145,14 +145,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
145
145
  drawingResponsePage.steps.verifyInsertImageContainerNotExist();
146
146
  });
147
147
 
148
- it('User should be able to attach multiple files at once among the supported file types', () => {
149
- drawingResponsePage.steps.resetQuestionPreview();
148
+ it(`User should be able to attach multiple files at once among the supported file types`, () => {
150
149
  drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
151
150
  drawingResponsePage.steps.uploadFile(['uploads/sample.jpg', 'uploads/sample.gif']);
152
151
  drawingResponsePage.steps.verifyInsertImageContainerNotExist();
153
152
  });
154
153
 
155
- it('When the user tries to upload an image an image more than 5mb then an error should be displayed \'The following files were rejected *filename* is too large. The maximum file size is 5MB\'', () => {
154
+ it(`When the user tries to upload an image more than 5mb then an error should be displayed 'The following files were rejected *filename* is too large. The maximum file size is 5MB'`, () => {
156
155
  drawingResponsePage.steps.resetQuestionPreview();
157
156
  drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[5].displayName);
158
157
  drawingResponsePage.steps.uploadFile('uploads/20mbFile.png');
@@ -194,7 +193,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
194
193
  });
195
194
  });
196
195
 
197
- it('When user clicks on \'Special characters\' secondary toolbar option, then the \'Special characters\' popup should be displayed with \'Special characters\' title and a \'Close\' button', () => {
196
+ it(`When user clicks on 'Special characters' secondary toolbar option, then the 'Special characters' popup should be displayed with 'Special characters' title and a 'Close' button`, () => {
198
197
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]);
199
198
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryPopup(), 'exist');
200
199
  drawingResponsePage.steps.verifySecondaryOptionCharactersPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[0]);
@@ -207,7 +206,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
207
206
  });
208
207
  });
209
208
 
210
- it('All categories and accordions should be displayed in the popup', () => {
209
+ it(`All categories and accordions should be displayed in the popup`, () => {
211
210
  drawingResponsePage.steps.verifySpecialCharactersPopupCategoryTitlesAndAccordions(specialCharacters);
212
211
  });
213
212
 
@@ -242,7 +241,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
242
241
  drawingResponsePage.steps.verifySpecialCharactersPopupCategoryAccordionIsExpanded(2);
243
242
  });
244
243
 
245
- it('When user clicks on any category icon, then the category flyout should stay open', () => {
244
+ it(`When user clicks on any category icon, then the category flyout should stay open`, () => {
246
245
  drawingResponsePage.steps.clickOnCharacterPopupSymbol('Iuml');
247
246
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryPopup(), 'exist');
248
247
  });
@@ -282,13 +281,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
282
281
  cy.barsPreLoaderWait();
283
282
  });
284
283
 
285
- it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should not be displayed`, () => {
284
+ it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should not be displayed`, () => {
286
285
  drawingResponsePage.steps.switchToPreviewTab();
287
286
  drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
288
287
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]), 'notExist');
289
288
  });
290
289
 
291
- it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should be displayed`, () => {
290
+ it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]} secondary toolbar option should be displayed`, () => {
292
291
  drawingResponsePage.steps.switchToEditTab();
293
292
  drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
294
293
  drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[1]}`]);
@@ -307,7 +306,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
307
306
  });
308
307
  });
309
308
 
310
- it('When user clicks on \'Math characters\' secondary toolbar option, then the \'Math characters\' popup should be displayed with \'Math characters\' title and a \'Close\' button', () => {
309
+ it(`${view} When user clicks on \'Math characters\' secondary toolbar option, then the \'Math characters\' popup should be displayed with \'Math characters\' title and a \'Close\' button`, () => {
311
310
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]);
312
311
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryPopup(), 'exist');
313
312
  drawingResponsePage.steps.verifySecondaryOptionCharactersPopupTitle(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[1]);
@@ -361,14 +360,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
361
360
  cy.barsPreLoaderWait();
362
361
  });
363
362
 
364
-
365
- it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should not be displayed`, () => {
363
+ it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should not be displayed`, () => {
366
364
  drawingResponsePage.steps.switchToPreviewTab();
367
365
  drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
368
366
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]), 'notExist');
369
367
  });
370
368
 
371
- it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should be displayed`, () => {
369
+ it(`${view} When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]} secondary toolbar option should be displayed`, () => {
372
370
  drawingResponsePage.steps.switchToEditTab();
373
371
  drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
374
372
  drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[2]}`]);
@@ -391,7 +389,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
391
389
  cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
392
390
  });
393
391
 
394
- it('When user clicks on \'Font size\' secondary toolbar option, then the \'Font size\' popup should be displayed', () => {
392
+ it(`${view} When user clicks on \'Font size\' secondary toolbar option, then the \'Font size\' popup should be displayed`, () => {
395
393
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[2]);
396
394
  });
397
395
 
@@ -463,7 +461,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
463
461
  cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
464
462
  });
465
463
 
466
- 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', () => {
464
+ 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`, () => {
467
465
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[2]);
468
466
  drawingResponsePage.steps.verifySecondaryPopupExist();
469
467
  //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
@@ -481,12 +479,12 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
481
479
  drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(100);
482
480
  });
483
481
 
484
- it('When the user changes value in the opacity input field, the slider value should also change accordingly', () => {
482
+ it(`When the user changes value in the opacity input field, the slider value should also change accordingly`, () => {
485
483
  drawingResponsePage.steps.enterValueInOpacityInputFieldValue(10);
486
484
  drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(10);
487
485
  });
488
486
 
489
- it('When the user changes the opacity slider value, value in the opacity input field should also change', () => {
487
+ it(`When the user changes the opacity slider value, value in the opacity input field should also change`, () => {
490
488
  drawingResponsePage.steps.clickOnSecondaryPopupSlider();
491
489
  drawingResponsePage.steps.verifySecondaryPopupOpacitySliderValue(51);
492
490
  drawingResponsePage.steps.verifySecondaryPopupOpacityInputFieldValue(51);
@@ -566,7 +564,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
566
564
  cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
567
565
  });
568
566
 
569
- 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', () => {
567
+ 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`, () => {
570
568
  drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[1].secondaryToolbarOptions[1]);
571
569
  drawingResponsePage.steps.verifySecondaryPopupExist();
572
570
  //Add here once https://redmine.zeuslearning.com/issues/554508 is resolved
@@ -632,13 +630,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
632
630
  cy.barsPreLoaderWait();
633
631
  });
634
632
 
635
- it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should not be displayed`, () => {
633
+ it(`${view} -When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is not selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should not be displayed`, () => {
636
634
  drawingResponsePage.steps.switchToPreviewTab();
637
635
  drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].displayName);
638
636
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]), 'notExist');
639
637
  });
640
638
 
641
- it(`When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should be displayed`, () => {
639
+ it(`${view} -When ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[6].secondaryToolbarOptions[3]} secondary toolbar option should be displayed`, () => {
642
640
  drawingResponsePage.steps.switchToEditTab();
643
641
  drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
644
642
  drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[3]}`]);
@@ -11,6 +11,14 @@ describe('Create question page - Essay Response: Equation Editor functionality',
11
11
  cy.loginAs('admin');
12
12
  });
13
13
 
14
+ beforeEach(() => {
15
+ cy.startApplitools();
16
+ });
17
+
18
+ afterEach(() => {
19
+ cy.eyesClose();
20
+ });
21
+
14
22
  describe('Preview tab \'Equation Editor\' flyout', { tags: 'smoke' }, () => {
15
23
  abortEarlySetup();
16
24
  before(() => {
@@ -11,6 +11,14 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
11
11
  cy.loginAs('admin');
12
12
  });
13
13
 
14
+ beforeEach(() => {
15
+ cy.startApplitools();
16
+ });
17
+
18
+ afterEach(() => {
19
+ cy.eyesClose();
20
+ });
21
+
14
22
  if (!grepTags || !grepTags.includes('smoke')) {
15
23
  describe('Question preview modes: Student view and Grading view', () => {
16
24
  abortEarlySetup();
@@ -94,7 +102,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
94
102
  });
95
103
  };
96
104
 
97
- it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed and respective option numeration', () => {
105
+ it(`${view}: - FIG drag and drop - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed and respective option numeration`, () => {
98
106
  if (view === 'Grading view') {
99
107
  studentViewPage.steps.submitResponse();
100
108
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -112,7 +120,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
112
120
  fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
113
121
  });
114
122
 
115
- it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
123
+ it(`${view}: - FIG drag and drop - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
116
124
  fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
117
125
  if (view === 'Grading view') {
118
126
  studentViewPage.steps.submitResponse();
@@ -131,7 +139,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
131
139
  fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
132
140
  });
133
141
 
134
- it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
142
+ it(`${view}: - FIG drag and drop - When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with the numeration should be displayed`, () => {
135
143
  if (view === 'Grading view') {
136
144
  studentViewPage.steps.clearResponses();
137
145
  };
@@ -153,7 +161,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
153
161
  fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
154
162
  });
155
163
 
156
- it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
164
+ it(`${view}: - FIG drag and drop - When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
157
165
  if (view === 'Grading view') {
158
166
  studentViewPage.steps.clearResponses();
159
167
  };
@@ -175,7 +183,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
175
183
  fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
176
184
  });
177
185
 
178
- it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
186
+ it(`${view}: - FIG drag and drop - When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration`, () => {
179
187
  if (view === 'Grading view') {
180
188
  studentViewPage.steps.clearResponses();
181
189
  };
@@ -197,7 +205,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
197
205
  fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
198
206
  });
199
207
 
200
- it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
208
+ it(`${view}: - FIG drag and drop - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
201
209
  if (view === 'Grading view') {
202
210
  studentViewPage.steps.clearResponses();
203
211
  };
@@ -218,6 +226,7 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
218
226
  fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
219
227
  fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
220
228
  fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
229
+ cy.eyesCheckWindow(`FIG drag and drop - ${view} view - Attempting the question correctly`);
221
230
  });
222
231
  });
223
232
  });
@@ -10,6 +10,14 @@ describe('Preview tab contents for all views', () => {
10
10
  cy.loginAs('admin');
11
11
  });
12
12
 
13
+ beforeEach(() => {
14
+ cy.startApplitools();
15
+ });
16
+
17
+ afterEach(() => {
18
+ cy.eyesClose();
19
+ });
20
+
13
21
  views.forEach((view) => {
14
22
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
15
23
  abortEarlySetup();
@@ -76,9 +84,10 @@ describe('Preview tab contents for all views', () => {
76
84
  }
77
85
  });
78
86
 
79
- it('Question instructions should be visible', () => {
87
+ it(`Fill in the gaps drag and drop - ${view} - Question instructions should be visible`, () => {
80
88
  utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'Drag and drop the options in appropriate dropzone');
81
89
  utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'visible');
90
+ cy.eyesCheckWindow(`Fill in the gaps drag and drop - ${view} - Options with image, equation, and bold text`);
82
91
  });
83
92
 
84
93
  if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -90,7 +99,7 @@ describe('Preview tab contents for all views', () => {
90
99
  fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
91
100
  });
92
101
 
93
- it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
102
+ it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container`, () => {
94
103
  fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
95
104
  fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
96
105
  fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
@@ -125,7 +134,8 @@ describe('Preview tab contents for all views', () => {
125
134
  fillInTheGapsDragAndDropPage.steps.verifyDropzoneIsNotEditableInGradingView();
126
135
  });
127
136
  } else {
128
- it('The dropzone should be displayed filled with answers', () => {
137
+ it(`The dropzone should be displayed filled with answers`, () => {
138
+ utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
129
139
  fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
130
140
  fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
131
141
  fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
@@ -16,6 +16,14 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
16
16
  cy.loginAs('admin');
17
17
  });
18
18
 
19
+ beforeEach(() => {
20
+ cy.startApplitools();
21
+ });
22
+
23
+ afterEach(() => {
24
+ cy.eyesClose();
25
+ });
26
+
19
27
  if (!grepTags || !grepTags.includes('smoke')) {
20
28
  describe('Question preview modes: Student view and Grading view', () => {
21
29
  abortEarlySetup();
@@ -94,7 +102,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
94
102
  });
95
103
  };
96
104
 
97
- it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
105
+ it(`${view}: FIG Dropdown - When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
98
106
  if (view === 'Grading view') {
99
107
  studentViewPage.steps.submitResponse();
100
108
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -112,7 +120,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
112
120
  fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
113
121
  });
114
122
 
115
- it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
123
+ it(`${view}: FIG Dropdown - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
116
124
  fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
117
125
  if (view === 'Grading view') {
118
126
  studentViewPage.steps.submitResponse();
@@ -130,7 +138,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
130
138
  fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
131
139
  });
132
140
 
133
- it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
141
+ it(`${view}: FIG Dropdown - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
134
142
  if (view === 'Grading view') {
135
143
  studentViewPage.steps.clearResponses();
136
144
  };
@@ -151,7 +159,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
151
159
  fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
152
160
  });
153
161
 
154
- it('When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
162
+ it(`${view}: FIG Dropdown - When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed`, () => {
155
163
  if (view === 'Grading view') {
156
164
  studentViewPage.steps.clearResponses();
157
165
  };
@@ -170,6 +178,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
170
178
  fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
171
179
  fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
172
180
  fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
181
+ cy.eyesCheckWindow(`FIG Dropdown - ${view} - Attempting the question correctly`);
173
182
  });
174
183
  });
175
184
  });
@@ -15,6 +15,14 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
15
15
  cy.loginAs('admin');
16
16
  });
17
17
 
18
+ beforeEach(() => {
19
+ cy.startApplitools();
20
+ });
21
+
22
+ afterEach(() => {
23
+ cy.eyesClose();
24
+ });
25
+
18
26
  views.forEach((view) => {
19
27
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
20
28
  abortEarlySetup();
@@ -64,13 +72,14 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
64
72
  }
65
73
  });
66
74
 
67
- it('Question instructions should be visible', () => {
75
+ it(`${view} - Fill in the gaps dropdown - Question instructions should be visible`, () => {
68
76
  utilities.verifyInnerText(fillInTheGapsDropdownPage.questionInstructionsText(), 'Fill in the gaps');
69
77
  utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.questionInstructionsText(), 'visible');
78
+ cy.eyesCheckWindow(`${view} - Fill in the gaps dropdown - Default state`);
70
79
  });
71
80
 
72
81
  if (view !== 'Grading view' && view !== 'Correct answer view') {
73
- it('The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed', () => {
82
+ it(`The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed`, () => {
74
83
  utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
75
84
  utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​');
76
85
  });
@@ -89,7 +98,7 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
89
98
  fillInTheGapsDropdownPage.steps.verifyDropdownIsDisabled(1);
90
99
  });
91
100
  } else {
92
- it('The dropdowns should be displayed filled with correct answers', () => {
101
+ it(`The dropdowns should be displayed filled with correct answers`, () => {
93
102
  utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
94
103
  fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
95
104
  fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
@@ -12,6 +12,14 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
12
12
  cy.loginAs('admin');
13
13
  });
14
14
 
15
+ beforeEach(() => {
16
+ cy.startApplitools();
17
+ });
18
+
19
+ afterEach(() => {
20
+ cy.eyesClose();
21
+ });
22
+
15
23
  if (!grepTags || !grepTags.includes('smoke')) {
16
24
  describe('Question preview modes: Student view and Grading view', () => {
17
25
  abortEarlySetup();
@@ -102,7 +110,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
102
110
  });
103
111
  };
104
112
 
105
- it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
113
+ it(`${view}: FIG over image Drag and drop - When the user selects \'Grading\' view without attempting the question then dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
106
114
  if (view === 'Grading view') {
107
115
  studentViewPage.steps.submitResponse();
108
116
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -120,7 +128,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
120
128
  fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
121
129
  });
122
130
 
123
- it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
131
+ it(`${view}: FIG over image Drag and drop - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
124
132
  fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
125
133
  if (view === 'Grading view') {
126
134
  studentViewPage.steps.submitResponse();
@@ -139,7 +147,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
139
147
  fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
140
148
  });
141
149
 
142
- it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
150
+ it(`${view}: FIG over image Drag and drop - When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses and incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
143
151
  if (view === 'Grading view') {
144
152
  studentViewPage.steps.clearResponses();
145
153
  };
@@ -161,7 +169,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
161
169
  fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
162
170
  });
163
171
 
164
- it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
172
+ it(`${view}: FIG over image Drag and drop - When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
165
173
  if (view === 'Grading view') {
166
174
  studentViewPage.steps.clearResponses();
167
175
  };
@@ -183,7 +191,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
183
191
  fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
184
192
  });
185
193
 
186
- it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
194
+ it(`${view}: FIG over image Drag and drop - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
187
195
  if (view === 'Grading view') {
188
196
  studentViewPage.steps.clearResponses();
189
197
  };
@@ -205,6 +213,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
205
213
  //Need to remove comment once https://redmine.zeuslearning.com/issues/577009 is resolved
206
214
  //fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
207
215
  fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
216
+ cy.eyesCheckWindow(`FIG Dropdown ${view} view - Attempting the question correctly`);
208
217
  });
209
218
  });
210
219
  });
@@ -10,6 +10,14 @@ describe('Preview tab contents for all views', () => {
10
10
  cy.loginAs('admin');
11
11
  });
12
12
 
13
+ beforeEach(() => {
14
+ cy.startApplitools();
15
+ });
16
+
17
+ afterEach(() => {
18
+ cy.eyesClose();
19
+ });
20
+
13
21
  views.forEach((view) => {
14
22
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
15
23
  abortEarlySetup();
@@ -93,12 +101,13 @@ describe('Preview tab contents for all views', () => {
93
101
  fillInTheGapsOverImageDragAndDropPage.steps.verifyTextInTextAreaPreviewTab('This is a text area');
94
102
  });
95
103
 
96
- it('The image uploaded in the \'Background image\' section should be displayed', () => {
104
+ it(`${view} - Fill in the gaps over image drag and drop - The image uploaded in the \'Background image\' section should be displayed`, () => {
97
105
  utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.canvasImage(), 'exist');
106
+ cy.eyesCheckWindow(`${view} - Fill in the gaps over image drag and drop - default state`);
98
107
  });
99
108
 
100
109
  if (view !== 'Grading view' && view !== 'Correct answer view') {
101
- it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
110
+ it(`Fill in the gaps over image drag and drop When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
102
111
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
103
112
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
104
113
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
@@ -117,7 +126,7 @@ describe('Preview tab contents for all views', () => {
117
126
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
118
127
  });
119
128
  } else if (view === 'Grading view') {
120
- it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
129
+ it(`${view} - Fill in the gaps over image drag and drop: The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
121
130
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'Petals');
122
131
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'This is a bold option');
123
132
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(0);
@@ -135,7 +144,7 @@ describe('Preview tab contents for all views', () => {
135
144
  fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewDropzoneOptionDisabled(2);
136
145
  });
137
146
  } else {
138
- it('The dropzone should be displayed filled with answers', () => {
147
+ it(`${view} - Fill in the gaps over image drag and drop - The dropzone should be displayed filled with answers`, () => {
139
148
  utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab(), 3);
140
149
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'Petals');
141
150
  fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'This is a bold option');
@@ -16,6 +16,14 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
16
16
  cy.loginAs('admin');
17
17
  });
18
18
 
19
+ beforeEach(() => {
20
+ cy.startApplitools();
21
+ });
22
+
23
+ afterEach(() => {
24
+ cy.eyesClose();
25
+ });
26
+
19
27
  if (!grepTags || !grepTags.includes('smoke')) {
20
28
  describe('Question preview modes: Student view and Grading view', () => {
21
29
  abortEarlySetup();
@@ -103,7 +111,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
103
111
  });
104
112
  };
105
113
 
106
- it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
114
+ it(`${view}: FIG over image Dropdown - When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration`, () => {
107
115
  if (view === 'Grading view') {
108
116
  studentViewPage.steps.submitResponse();
109
117
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -121,7 +129,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
121
129
  fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
122
130
  });
123
131
 
124
- it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
132
+ it(`${view}: FIG over image Dropdown - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
125
133
  fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
126
134
  if (view === 'Grading view') {
127
135
  studentViewPage.steps.submitResponse();
@@ -139,7 +147,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
139
147
  fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
140
148
  });
141
149
 
142
- it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
150
+ it(`${view}: FIG over image Dropdown - When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
143
151
  if (view === 'Grading view') {
144
152
  studentViewPage.steps.clearResponses();
145
153
  };
@@ -160,7 +168,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
160
168
  fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
161
169
  });
162
170
 
163
- it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
171
+ it(`${view}: FIG over image Dropdown - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
164
172
  if (view === 'Grading view') {
165
173
  studentViewPage.steps.clearResponses();
166
174
  };
@@ -180,6 +188,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
180
188
  fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
181
189
  fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
182
190
  fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
191
+ cy.eyesCheckWindow(`${view} - Attempting the question correctly`);
183
192
  });
184
193
  });
185
194
  });