itemengine-cypress-automation 1.0.279-4092Changes-71debc9.0 → 1.0.282-applitools-8c400f4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js +40 -26
  2. package/cypress/e2e/ILC/AudioResponseNew/compactRecorderStyle.smoke.js +17 -4
  3. package/cypress/e2e/ILC/AudioResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +14 -2
  4. package/cypress/e2e/ILC/AudioResponseNew/previewContentsForAllViews.smoke.js +12 -2
  5. package/cypress/e2e/ILC/BrainingCampManipulative/gradingViewAndCorrectAnswerViewContents.smoke.js +10 -0
  6. package/cypress/e2e/ILC/BrainingCampManipulative/previewTabContent.smoke.js +10 -1
  7. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js +24 -8
  8. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  9. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/previewContentsForAllViews.smoke.js +18 -5
  10. package/cypress/e2e/ILC/ChartsBar/allOrNothingScoringForAllViews.smoke.js +24 -8
  11. package/cypress/e2e/ILC/ChartsBar/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  12. package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js +19 -6
  13. package/cypress/e2e/ILC/ChartsLine/allOrNothingScoringForAllViews.smoke.js +24 -8
  14. package/cypress/e2e/ILC/ChartsLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  15. package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js +18 -5
  16. package/cypress/e2e/ILC/Compass/compassPreviewContent.smoke.js +10 -1
  17. package/cypress/e2e/ILC/ContentBlocks/previewContents.smoke.js +10 -1
  18. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/allOrNothingBasicForAllViews.smoke.js +20 -6
  19. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/previewContentsForAllViews.smoke.js +16 -4
  20. package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js +12 -2
  21. package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +54 -21
  22. package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js +8 -0
  23. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/allOrNothingForAllViews.smoke.js +20 -6
  24. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViews.smoke.js +14 -3
  25. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/allOrNothingForAllView.smoke.js +16 -4
  26. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViews.smoke.js +13 -2
  27. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/allOrNothingForAllViews.smoke.js +18 -5
  28. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/previewContentsForAllViews.smoke.js +16 -4
  29. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/allOrNothingForAllView.smoke.js +16 -4
  30. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/previewContentsForAllViews.smoke.js +12 -2
  31. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/allOrNothingForAllViews.smoke.js +16 -4
  32. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/previewContentsForAllViews.smoke.js +14 -3
  33. package/cypress/e2e/ILC/FillInTheGapsTextNew/allOrNothingForAllViews.smoke.js +16 -4
  34. package/cypress/e2e/ILC/FillInTheGapsTextNew/previewContentsForAllViews.smoke.js +14 -3
  35. package/cypress/e2e/ILC/Graphing/allOrNothingForAllViews.smoke.js +18 -5
  36. package/cypress/e2e/ILC/Graphing/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  37. package/cypress/e2e/ILC/Graphing/previewContentsForAllViews.smoke.js +16 -4
  38. package/cypress/e2e/ILC/GridFill/allOrNothingBasicForAllViews.smoke.js +21 -6
  39. package/cypress/e2e/ILC/GridFill/previewContentsForAllViews.smoke.js +20 -0
  40. package/cypress/e2e/ILC/ImageHighlight/allOrNothingForAllViews.smoke.js +19 -5
  41. package/cypress/e2e/ILC/ImageHighlight/previewContentsForAllViews.smoke.js +16 -4
  42. package/cypress/e2e/ILC/ListOrderingDropdown/allOrNothingForAllViews.smoke.js +16 -4
  43. package/cypress/e2e/ILC/ListOrderingDropdown/previewContentsForAllViews.smoke.js +16 -4
  44. package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js +13 -2
  45. package/cypress/e2e/ILC/ListOrderingNew/allOrNothingForAllViews.smoke.js +16 -4
  46. package/cypress/e2e/ILC/ListOrderingNew/horizontalOrientationAllOrNothingForAllViews.smoke.js +17 -5
  47. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/horizontalOrientationAllOrNothingForAllViews.smoke.js +18 -5
  48. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/previewContentsForAllViews.smoke.js +16 -4
  49. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/allOrNothingForAllViews.smoke.js +17 -4
  50. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/previewContentsForAllViews.smoke.js +16 -4
  51. package/cypress/e2e/ILC/Matching/allOrNothingScoringForAllViews.smoke.js +18 -5
  52. package/cypress/e2e/ILC/Matching/previewTabContentsForAllViews.smoke.js +18 -5
  53. package/cypress/e2e/ILC/MatchingDropdown/allOrNothingScoringForAllViews.smoke.js +18 -5
  54. package/cypress/e2e/ILC/MatchingDropdown/previewContentsForAllViews.smoke.js +16 -4
  55. package/cypress/e2e/ILC/MultipleSelection/allOrNothingBasicForAllViews.smoke.js +22 -10
  56. package/cypress/e2e/ILC/MultipleSelection/previewContentsForAllViews.smoke.js +19 -6
  57. package/cypress/e2e/ILC/MultipleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +18 -5
  58. package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js +20 -6
  59. package/cypress/e2e/ILC/NumberLine/allOrNothingScoringForAllViews.smoke.js +18 -5
  60. package/cypress/e2e/ILC/NumberLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  61. package/cypress/e2e/ILC/NumberLine/previewTabContentsForAllViews.smoke.js +16 -4
  62. package/cypress/e2e/ILC/NumberLine/verticalNumberLine/allOrNothingScoringForAllViews.smoke.js +18 -5
  63. package/cypress/e2e/ILC/NumberLine/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  64. package/cypress/e2e/ILC/NumberLine/verticalNumberLine/previewTabContentsForAllViews.smoke.js +16 -4
  65. package/cypress/e2e/ILC/NumberLineLabel/allOrNothingForAllViews.smoke.js +18 -5
  66. package/cypress/e2e/ILC/NumberLineLabel/gradingViewAndCorrectAnswerView.smoke.js +10 -0
  67. package/cypress/e2e/ILC/NumberLineLabel/previewContentsForAllViews.smoke.js +10 -1
  68. package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/allOrNothingForAllViews.smoke.js +18 -5
  69. package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  70. package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/previewContentsForAllViews.smoke.js +10 -1
  71. package/cypress/e2e/ILC/Protractor/protractorPreviewContents.smoke.js +10 -1
  72. package/cypress/e2e/ILC/ReadingRuler/readingrulerPreviewContents.smoke.js +10 -1
  73. package/cypress/e2e/ILC/Ruler/rulerPreviewContents.smoke.js +10 -1
  74. package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js +14 -3
  75. package/cypress/e2e/ILC/ShortTextResponseNew/previewContentsForAllViews.smoke.js +17 -7
  76. package/cypress/e2e/ILC/SimpleCalculator/previewContents.smoke.js +10 -1
  77. package/cypress/e2e/ILC/SingleSelection/allOrNothingBasicForAllViews.smoke.js +14 -3
  78. package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js +16 -4
  79. package/cypress/e2e/ILC/SingleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +18 -5
  80. package/cypress/e2e/ILC/SingleSelectionGridNew/previewContentsForAllViews.smoke.js +16 -4
  81. package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViews.smoke.js +27 -14
  82. package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViewsFormulaTemplate.smoke.js +21 -9
  83. package/cypress/e2e/ILC/TextEntryMath/previewContentsForAllViews.smoke.js +14 -3
  84. package/cypress/e2e/ILC/TextEntryMathWithImage/allOrNothingScoringForAllViews.smoke.js +26 -13
  85. package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js +15 -5
  86. package/cypress/e2e/ILC/TextSelection/ScoringGeneric/basicScoringForAllTextSelectionTypes.smoke.js +16 -4
  87. package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js +20 -6
  88. package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.smoke.js +19 -7
  89. package/cypress/e2e/ILC/ToolAudioPlayerNew/previewContents.smoke.js +14 -3
  90. package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js +13 -3
  91. package/cypress/e2e/ILC/UploadResponse/gradingViewAndCorrectAnswerViewContents.smoke.js +11 -1
  92. package/cypress/e2e/ILC/UploadResponse/previewContentsForAllViews.smoke.js +18 -5
  93. package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js +19 -6
  94. package/cypress/e2e/ILC/VideoResponseNew/compactRecorderStyle.smoke.js +14 -3
  95. package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +16 -4
  96. package/cypress/e2e/ILC/VideoResponseNew/previewContentsForAllViews.smoke.js +14 -3
  97. package/cypress/e2e/ILC/chartsDotsPlot/allOrNothingForAllViews.smoke.js +25 -9
  98. package/cypress/e2e/ILC/chartsDotsPlot/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  99. package/cypress/e2e/ILC/chartsDotsPlot/previewContentsForAllViews.smoke.js +16 -4
  100. package/cypress/e2e/applitools.config.js +14 -0
  101. package/cypress/pages/components/equationEditorSectionCommonComponent.js +3 -1
  102. package/cypress/support/commands.js +11 -0
  103. package/cypress/support/e2e.js +1 -0
  104. package/package.json +4 -1
@@ -12,6 +12,14 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
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
  views.forEach((view) => {
16
24
  describe(`Preview tab contents - Edit line graphs, graph labels, locked graph ${view}`, { tags: 'smoke' }, () => {
17
25
  abortEarlySetup();
@@ -93,9 +101,10 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
93
101
  utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.previewTabPointLabel(), 3), 'Point 4');
94
102
  });
95
103
 
96
- it('The graph max value should be as set in the Max Y input field and it should affect the chart division', () => {
104
+ it(`${view} - Charts line: The graph max value should be as set in the Max Y input field and it should affect the chart division`, () => {
97
105
  utilities.verifyTextContent(utilities.getNthElement(chartsLinePage.previewTabYAxisCoordinate(), 0), 20);
98
106
  utilities.verifyElementCount(chartsLinePage.previewTabChartRowHeaderContainer(), 21);
107
+ cy.eyesCheckWindow(`${view} view: Charts Line - Question instructions, Graph title, Y axis label, X axis label and point labels`);
99
108
  });
100
109
 
101
110
  it('User should be able to edit the Y axis and X axis labels in preview tab', () => {
@@ -142,8 +151,9 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
142
151
 
143
152
  chartsLinePage.tests.verifyPointTooltipContentsCSSAndA11yInPreviewTab('0', 'Point 1');
144
153
 
145
- it('User should be able to edit the point label', () => {
154
+ it(`${view} - Charts line: User should be able to edit the point label`, () => {
146
155
  chartsLinePage.steps.editPointLabelInPreviewTab(0, '2000');
156
+ cy.eyesCheckWindow(`${view} - Charts line after editing the point height and labels`);
147
157
  });
148
158
 
149
159
  it('CSS of preview tab contents', { tags: 'css' }, () => {
@@ -277,10 +287,11 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
277
287
  cy.checkAccessibility(chartsLinePage.previewTabGraphTitle().parents('[class*="ChartsPreviewstyles__PreviewWrapper"]'));
278
288
  });
279
289
 
280
- it('When user deletes a point, then that point should be deleted and the add point button should be enabled again', () => {
290
+ it(`${view}: Charts line - When user deletes a point, then that point should be deleted and the add point button should be enabled again`, () => {
281
291
  chartsLinePage.steps.deletePointInPreviewTab(3);
282
292
  utilities.verifyElementCount(chartsLinePage.previewTabPoint(), 3);
283
293
  utilities.verifyElementVisibilityState(utilities.getNthElement(chartsLinePage.previewTabPointLabel(), 4), 'notExist');
294
+ cy.eyesCheckWindow(`${view} - Charts Line: Charts bar after adding and deleting points`);
284
295
  });
285
296
  });
286
297
  });
@@ -333,10 +344,11 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
333
344
  });
334
345
 
335
346
  //Point labels
336
- it('When user updates a point label, then the undo and reset button should be displayed in enabled state', () => {
347
+ it(`${view}: Charts line - When user updates a point label, then the undo and reset button should be displayed in enabled state`, () => {
337
348
  chartsLinePage.steps.editPointLabelInPreviewTab(0, 'Edited point 1');
338
349
  utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsUndoButton());
339
350
  utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsResetButton());
351
+ cy.eyesCheckWindow(`${view}: Charts line - Bar label updated`);
340
352
  });
341
353
 
342
354
  it('When user hovers on the enabled undo and reset button, then tooltips \'Undo\' and \'Reset\' should be displayed', () => {
@@ -561,7 +573,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
561
573
  chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 3, value: 6, range: 10 });
562
574
  });
563
575
 
564
- it('When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state', () => {
576
+ it(`${view}: Charts line - When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state`, () => {
565
577
  chartsLinePage.steps.clickOnResetButtonPreviewTab();
566
578
  chartsLinePage.steps.confirmReset();
567
579
  utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsAddBarOrPointButton());
@@ -579,6 +591,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
579
591
  chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 1, value: 2, range: 10 });
580
592
  chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 2, value: 3, range: 10 });
581
593
  chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 3, value: 4, range: 10 });
594
+ cy.eyesCheckWindow(`${view} view: Charts line - Chart reset to default state`);
582
595
  });
583
596
 
584
597
  it('CSS of preview tab contents', { tags: 'css' }, () => {
@@ -12,6 +12,14 @@ describe('Preview tab contents for all views', () => {
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
  views.forEach((view) => {
16
24
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
17
25
  abortEarlySetup();
@@ -61,11 +69,12 @@ describe('Preview tab contents for all views', () => {
61
69
  compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Show');
62
70
  });
63
71
 
64
- it('When user clicks on \'Show compass\' button then \'Compass\' should be displayed and \'Show compass\' button should change to \'Hide compass\'', () => {
72
+ it(`${view} When user clicks on \'Show compass\' button then \'Compass\' should be displayed and \'Show compass\' button should change to \'Hide compass\'`, () => {
65
73
  compassPage.steps.clickOnCompassToolVisibilityButton();
66
74
  compassPage.steps.verifyCompassToolIsVisible();
67
75
  compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Hide');
68
76
  compassPage.steps.clickOnCompassToolVisibilityButton();
77
+ cy.eyesCheckWindow(`${view} - Check compass visibility`);
69
78
  });
70
79
 
71
80
  it('CSS of preview tab basic section', { tags: 'css' }, () => {
@@ -12,6 +12,14 @@ describe('Preview tab contents for all views', () => {
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
  views.forEach((view) => {
16
24
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
17
25
  abortEarlySetup();
@@ -68,12 +76,13 @@ describe('Preview tab contents for all views', () => {
68
76
  utilities.verifyElementVisibilityState(contentBlocksPage.subTitleLabelPreviewTab(), 'visible');
69
77
  });
70
78
 
71
- it('Text block, solid group divider and subtitle text should be displayed', () => {
79
+ it(`${view} - Text block, solid group divider and subtitle text should be displayed`, () => {
72
80
  utilities.verifyInnerText(contentBlocksPage.textBlockPreviewTab(), 'This is text block text');
73
81
  utilities.verifyElementVisibilityState(contentBlocksPage.textBlockPreviewTab(), 'visible');
74
82
  utilities.verifyElementVisibilityState(contentBlocksPage.groupDividerPreviewTab(), 'visible');
75
83
  utilities.verifyInnerText(contentBlocksPage.bodySubTitlePreviewTab(), 'This is body subtitle text');
76
84
  utilities.verifyElementVisibilityState(contentBlocksPage.bodySubTitlePreviewTab(), 'visible');
85
+ cy.eyesCheckWindow(`${view} - Title, text block, solid group divider and subtitle text should be displayed`);
77
86
  });
78
87
 
79
88
  it('CSS of Preview tab', { tags: 'css' }, () => {
@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: 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();
@@ -95,7 +103,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
95
103
  });
96
104
  };
97
105
 
98
- it('When the user selects \'Grading\' view without attempting the question, cell numeration should be displayed, correct answers section should be displayed with correct answers, correct/incorrect status message should not be displayed and respective cell numeration', () => {
106
+ it(`${view} - When the user selects 'Grading' view without attempting the question, cell numeration should be displayed, correct answers section should be displayed with correct answers, correct/incorrect status message should not be displayed and respective cell numeration`, () => {
99
107
  if (view === 'Grading view') {
100
108
  studentViewPage.steps.submitResponse();
101
109
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -111,10 +119,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
111
119
  utilities.verifyInnerText(dragAndDropIntoCategoriesPage.correctAnswersLabel(), 'Correct answers');
112
120
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
113
121
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectIconsNotExist();
122
+ cy.eyesCheckWindow(`${view} - Grading view without attempting the question`);
114
123
  dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
115
124
  });
116
125
 
117
- 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 dropzone cell numeration should be displayed', () => {
126
+ it(`${view} - 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 dropzone cell numeration should be displayed`, () => {
118
127
  dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
119
128
  if (view === 'Grading view') {
120
129
  studentViewPage.steps.submitResponse();
@@ -128,10 +137,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
128
137
  };
129
138
  dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
130
139
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
140
+ cy.eyesCheckWindow(`${view} - Incorrect attempt`);
131
141
  dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
132
142
  });
133
143
 
134
- it('When the user attempts the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with 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 dropzone cell numeration should be displayed', () => {
144
+ it(`${view} - When the user attempts the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with 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 dropzone cell numeration should be displayed`, () => {
135
145
  if (view === 'Grading view') {
136
146
  studentViewPage.steps.clearResponses();
137
147
  };
@@ -151,10 +161,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
151
161
  dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
152
162
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
153
163
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
164
+ cy.eyesCheckWindow(`${view} - Partially correct attempt with incorrect options`);
154
165
  dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
155
166
  });
156
167
 
157
- it('When the user attempts the question partially correct with all the cells correctly attempted but one cell 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 dropzone cell numeration should be displayed', () => {
168
+ it(`${view} - When the user attempts the question partially correct with all the cells correctly attempted but one cell 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 dropzone cell numeration should be displayed`, () => {
158
169
  if (view === 'Grading view') {
159
170
  studentViewPage.steps.clearResponses();
160
171
  };
@@ -175,10 +186,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
175
186
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
176
187
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
177
188
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
189
+ cy.eyesCheckWindow(`${view} - Partially correct attempt with incomplete cell`);
178
190
  dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
179
191
  });
180
192
 
181
- it('When the user attempts the question partially correct with all the cells 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 with all correct answers along with dropzone cell numeration should be displayed', () => {
193
+ it(`${view} - When the user attempts the question partially correct with all the cells 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 with all correct answers along with dropzone cell numeration should be displayed`, () => {
182
194
  if (view === 'Grading view') {
183
195
  studentViewPage.steps.clearResponses();
184
196
  };
@@ -201,10 +213,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
201
213
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
202
214
  dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
203
215
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
216
+ cy.eyesCheckWindow(`${view} - Partially correct attempt with extra option`);
204
217
  dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
205
218
  });
206
219
 
207
- 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', () => {
220
+ it(`${view} - 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
221
  if (view === 'Grading view') {
209
222
  studentViewPage.steps.clearResponses();
210
223
  };
@@ -229,6 +242,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
229
242
  //Need to remove comment once https://redmine.zeuslearning.com/issues/577009 is resolved
230
243
  // dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
231
244
  dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
245
+ cy.eyesCheckWindow(`${view} - Correct attempt`);
232
246
  });
233
247
  });
234
248
  });
@@ -11,6 +11,14 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
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
  views.forEach((view) => {
15
23
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
16
24
  abortEarlySetup();
@@ -82,7 +90,7 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
82
90
  utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsText(), 'visible');
83
91
  });
84
92
 
85
- it(`The category table as set by the user should be displayed in the ${view}`, () => {
93
+ it(`DND into categories: The category table as set by the user should be displayed in the ${view}`, () => {
86
94
  dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(0, 'None');
87
95
  utilities.verifyInnerText(utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), 0), '');
88
96
  dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(1, 'Heading');
@@ -95,6 +103,7 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
95
103
  utilities.verifyInnerText(utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), 6), 'Can walk');
96
104
  dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(9, 'Text');
97
105
  dragAndDropIntoCategoriesPage.steps.verifyTextContentOfTableCellPreviewTab(9, 'Can swim');
106
+ cy.eyesCheckWindow(`DND into categories: ${view} Checking category table visibility`);
98
107
  });
99
108
 
100
109
  if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -107,16 +116,18 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
107
116
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionPreviewTab(5, 'Eagle');
108
117
  });
109
118
 
110
- it(`User should able to drag and drop options in the ${view}`, () => {
119
+ it(`DND into categories: User should able to drag and drop options in the ${view}`, () => {
111
120
  dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Eagle': 1, 'Bat': 0 });
112
121
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
113
122
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Eagle']);
123
+ cy.eyesCheckWindow(`DND into categories: ${view} Checking drag and drop functionality along with contents`);
114
124
  });
115
125
  } else if (view === 'Grading view') {
116
- it(`The submitted options should be in the respective dropzones and the options container should not be displayed`, () => {
126
+ it(`DND into categories: ${view} The submitted options should be in the respective dropzones and the options container should not be displayed`, () => {
117
127
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
118
128
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Eagle']);
119
129
  utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.optionContainerItemListPreviewTab(), 'notExist');
130
+ cy.eyesCheckWindow(`DND into categories: ${view} Checking submitted options in dropzones`);
120
131
  });
121
132
 
122
133
  it('The content in the dropzones should not be editable', () => {
@@ -124,12 +135,13 @@ describe('Create item page - Drag and drop into categories: Preview contents', (
124
135
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Eagle']);
125
136
  });
126
137
  } else {
127
- it(`The correct options should be in their respective dropzones, correct icons should be displayed besides them and the options container should not be displayed`, () => {
138
+ it(`DND into categories: ${view} The correct options should be in their respective dropzones, correct icons should be displayed besides them and the options container should not be displayed`, () => {
128
139
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
129
140
  dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Eagle']);
130
141
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
131
142
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
132
143
  utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.optionContainerItemListPreviewTab(), 'notExist');
144
+ cy.eyesCheckWindow(`DND into categories: ${view} Checking correct options in dropzones`);
133
145
  });
134
146
  }
135
147
 
@@ -13,6 +13,14 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
13
13
  cy.loginAs('admin');
14
14
  });
15
15
 
16
+ beforeEach(() => {
17
+ cy.startApplitools();
18
+ });
19
+
20
+ afterEach(() => {
21
+ cy.eyesClose();
22
+ });
23
+
16
24
  if (views.includes('Grading view')) {
17
25
  describe('Grading view contents', { tags: 'smoke' }, () => {
18
26
  abortEarlySetup();
@@ -50,10 +58,11 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
50
58
  utilities.verifyElementVisibilityState(drawingResponsePage.questionInstructionsText(), 'visible');
51
59
  });
52
60
 
53
- it('A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
61
+ it('Drawing response: A preview of the canvas along with the play button should be displayed and user should be able to click on the play button', () => {
54
62
  utilities.verifyElementVisibilityState(drawingResponsePage.gradingViewPlayFeatureButton(), 'visible');
55
63
  utilities.verifyElementVisibilityState(drawingResponsePage.previewTabLowerCanvas(), 'visible');
56
64
  drawingResponsePage.steps.clickOnPlayButtonInGradingView();
65
+ cy.eyesCheckWindow(`${view} Checking grading view for drawing response`);
57
66
  });
58
67
 
59
68
  it('Empty score input field and total score should be displayed', () => {
@@ -91,9 +100,10 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
91
100
  utilities.verifyElementVisibilityState(correctAnswerViewPage.correctAnswerViewQuestionInstructions(), 'visible');
92
101
  });
93
102
 
94
- it('\'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
103
+ it('Drawing response: \'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
95
104
  utilities.verifyTextContent(correctAnswerViewPage.manualScoredQuestionHelpText(), 'This is a manual scored question.');
96
105
  utilities.verifyElementVisibilityState(correctAnswerViewPage.manualScoredQuestionHelpText(), 'visible');
106
+ cy.eyesCheckWindow(`${view} Checking correct answer view for drawing response`);
97
107
  });
98
108
 
99
109
  it('The points alloted to the question should be displayed', () => {