itemengine-cypress-automation 1.0.294 → 1.0.295-applitools-78e9d04.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js +19 -19
  2. package/cypress/e2e/ILC/AudioResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +12 -2
  3. package/cypress/e2e/ILC/AudioResponseNew/previewContentsForAllViews.smoke.js +10 -1
  4. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js +10 -1
  5. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js +1 -1
  6. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/previewContentsForAllViews.smoke.js +10 -1
  7. package/cypress/e2e/ILC/ChartsBar/allOrNothingScoringForAllViews.smoke.js +10 -1
  8. package/cypress/e2e/ILC/ChartsBar/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  9. package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js +10 -1
  10. package/cypress/e2e/ILC/ChartsLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  11. package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js +12 -3
  12. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/allOrNothingBasicForAllViews.smoke.js +10 -1
  13. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/editQuestion.smoke.js +2 -2
  14. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/previewContentsForAllViews.smoke.js +10 -1
  15. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/studentViewSettingsForGroupedLayout.js +0 -4
  16. package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js +12 -2
  17. package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +19 -21
  18. package/cypress/e2e/ILC/EditItem/editItem.ts +7 -7
  19. package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js +8 -0
  20. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/allOrNothingForAllViews.smoke.js +10 -1
  21. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/editQuestion.smoke.js +2 -2
  22. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViews.smoke.js +11 -1
  23. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/allOrNothingForAllView.smoke.js +10 -1
  24. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViews.smoke.js +10 -1
  25. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/allOrNothingForAllViews.smoke.js +10 -1
  26. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/editQuestion.smoke.js +2 -2
  27. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/previewContentsForAllViews.smoke.js +10 -1
  28. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/allOrNothingForAllView.smoke.js +10 -1
  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/autoScoredScoringPreviewTab.js +0 -1
  101. package/cypress/pages/components/equationEditorSectionCommonComponent.js +3 -1
  102. package/cypress/pages/components/gridQuestionCommonComponent.js +1 -39
  103. package/cypress/pages/components/optionsWrapperComponent.js +3 -0
  104. package/cypress/pages/createItemPage.js +2 -2
  105. package/cypress/pages/multipleSelectionPage.js +1 -39
  106. package/cypress/pages/singleSelectionPage.js +1 -39
  107. package/cypress/support/commands.js +11 -0
  108. package/cypress/support/e2e.js +1 -0
  109. package/package.json +4 -1
@@ -12,6 +12,14 @@ describe('Create item page - List ordering - 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 - ${view}`, { tags: 'smoke' }, () => {
17
25
  abortEarlySetup();
@@ -77,10 +85,11 @@ describe('Create item page - List ordering - Preview contents in all views', ()
77
85
  it('Question instructions should be visible', () => {
78
86
  utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
79
87
  utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
88
+ cy.eyesCheckWindow(`List ordering: dropdown - ${view} - Options with image, bold text, and equation`);
80
89
  });
81
90
 
82
91
  if (view !== 'Grading view' && view !== 'Correct answer view') {
83
- 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}`, () => {
92
+ it(`List ordering: dropdown 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}`, () => {
84
93
  listOrderingPage.steps.verifyOptionWithImageInPreviewTab(0);
85
94
  listOrderingPage.steps.verifyOptionWithBoldTextInPreviewTab(1);
86
95
  listOrderingPage.steps.verifyOptionWithEquationTextInPreviewTab(2);
@@ -105,7 +114,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
105
114
  listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '');
106
115
  });
107
116
 
108
- it('User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed', () => {
117
+ it(`User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed`, () => {
109
118
  listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }])
110
119
  listOrderingPage.steps.verifyAlertMessageNotExists();
111
120
  });
@@ -128,7 +137,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
128
137
  utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.positionDropdownListOption(), 2), '3');
129
138
  });
130
139
  } else {
131
- it('The order of the options should be as per the correct answer order', () => {
140
+ it(`The order of the options should be as per the correct answer order`, () => {
132
141
  listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '2');
133
142
  listOrderingPage.steps.verifySelectedOptionPositionDropdown(1, '1');
134
143
  listOrderingPage.steps.verifySelectedOptionPositionDropdown(2, '3');
@@ -14,6 +14,14 @@ describe('Create item page - List ordering - Preview contents in all views', ()
14
14
  cy.loginAs('admin');
15
15
  });
16
16
 
17
+ beforeEach(() => {
18
+ cy.startApplitools();
19
+ });
20
+
21
+ afterEach(() => {
22
+ cy.eyesClose();
23
+ });
24
+
17
25
  views.forEach((view) => {
18
26
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
19
27
  abortEarlySetup();
@@ -80,6 +88,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
80
88
  it('Question instructions should be visible', () => {
81
89
  utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
82
90
  utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
91
+ cy.eyesCheckWindow(`${view} - List ordering: Horizontal orientation - Default question view`);
83
92
  });
84
93
 
85
94
  if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -89,7 +98,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
89
98
  listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(2);
90
99
  });
91
100
 
92
- it('User should be able to reorder options containing image, bold text and equation options in the list', () => {
101
+ it(`${view} - List ordering: Horizontal orientationUser should be able to reorder options containing image, bold text and equation options in the list`, () => {
93
102
  listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('This is a bold option', 0);
94
103
  listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('Solve the following', 1);
95
104
  listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('This is a bold option', 0);
@@ -99,7 +108,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
99
108
  listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('alpha', 3);
100
109
  });
101
110
  } else if (view === 'Grading view') {
102
- it(`The order of the responses should be as per the submitted response`, () => {
111
+ it(`${view} - List ordering: Horizontal orientation The order of the responses should be as per the submitted response`, () => {
103
112
  listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(0);
104
113
  listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(1);
105
114
  listOrderingPage.steps.verifyHorizontalOptionWithImageInPreviewTab(2);
@@ -14,6 +14,14 @@ describe('Create item page - List ordering: All or nothing ', () => {
14
14
  cy.loginAs('admin');
15
15
  });
16
16
 
17
+ beforeEach(() => {
18
+ cy.startApplitools();
19
+ });
20
+
21
+ afterEach(() => {
22
+ cy.eyesClose();
23
+ });
24
+
17
25
  if (!grepTags || !grepTags.includes('smoke')) {
18
26
  describe('Question preview modes: Student view and Grading view', () => {
19
27
  abortEarlySetup();
@@ -96,7 +104,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
96
104
  });
97
105
  };
98
106
 
99
- it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
107
+ it(`${view}: List ordering - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
100
108
  if (view === 'Grading view') {
101
109
  studentViewPage.steps.submitResponse();
102
110
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -114,7 +122,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
114
122
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
115
123
  });
116
124
 
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 should be displayed', () => {
125
+ it(`${view}: List ordering - 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 should be displayed`, () => {
118
126
  listOrderingPage.steps.clickAndReorderOptionInPreviewTab('sprout', 3);
119
127
  listOrderingPage.steps.clickAndReorderOptionInPreviewTab('flower', 0);
120
128
  if (view === 'Grading view') {
@@ -135,7 +143,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
135
143
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
136
144
  });
137
145
 
138
- 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 should be displayed', () => {
146
+ it(`${view}: List ordering - 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 should be displayed`, () => {
139
147
  if (view === 'Grading view') {
140
148
  studentViewPage.steps.clearResponses();
141
149
  };
@@ -159,7 +167,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
159
167
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
160
168
  });
161
169
 
162
- 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', () => {
170
+ it(`${view}: List ordering - 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`, () => {
163
171
  if (view === 'Grading view') {
164
172
  studentViewPage.steps.clearResponses();
165
173
  };
@@ -182,6 +190,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
182
190
  listOrderingPage.steps.verifyCorrectOptionIcon('flower');
183
191
  listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
184
192
  listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
193
+ cy.eyesCheckWindow(`List ordering -${view} view - Attempting the question correctly`);
185
194
  });
186
195
  });
187
196
  });
@@ -15,7 +15,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
15
15
  });
16
16
 
17
17
  views.forEach((view) => {
18
- describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
18
+ describe(`${view}: List ordering: Horizontal orientation - Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
19
19
  abortEarlySetup();
20
20
  before(() => {
21
21
  switch (view) {
@@ -66,7 +66,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
66
66
  });
67
67
  };
68
68
 
69
- it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
69
+ it(`${view}: List ordering: Horizontal orientation - When the user selects 'Grading' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
70
70
  if (view === 'Grading view') {
71
71
  utilities.verifyElementVisibilityState(studentViewPage.submitButton(), 'visible');
72
72
  studentViewPage.steps.submitResponse();
@@ -85,7 +85,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
85
85
  listOrderingPage.steps.verifyCorrectOptionIconsCorrectAnswerSection();
86
86
  });
87
87
 
88
- 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 should be displayed', () => {
88
+ it(`${view}: List ordering: Horizontal orientation - 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 should be displayed`, () => {
89
89
  listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('sprout', 3);
90
90
  listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 0);
91
91
  if (view === 'Grading view') {
@@ -106,7 +106,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
106
106
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
107
107
  });
108
108
 
109
- 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 should be displayed', () => {
109
+ it(`${view}: List ordering: Horizontal orientation - 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 should be displayed`, () => {
110
110
  if (view === 'Grading view') {
111
111
  studentViewPage.steps.clearResponses();
112
112
  };
@@ -132,7 +132,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
132
132
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
133
133
  });
134
134
 
135
- 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', () => {
135
+ it(`${view}: List ordering: Horizontal orientation - 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`, () => {
136
136
  if (view === 'Grading view') {
137
137
  studentViewPage.steps.clearResponses();
138
138
  };
@@ -9,7 +9,7 @@ var itemReferenceID = "";
9
9
  const options = ['sprout', 'plant', 'flower', 'seed'];
10
10
  const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
11
11
 
12
- describe('Create item page - List ordering: All or nothing for "Horizontal" option orientation', () => {
12
+ describe('Create item page - List ordering - Reorder as a separate list: All or nothing for "Horizontal" option orientation', () => {
13
13
  before(() => {
14
14
  cy.loginAs('admin');
15
15
  });
@@ -69,7 +69,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
69
69
  });
70
70
  };
71
71
  if (view === 'Question preview' || view === 'Item preview') {
72
- it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
72
+ it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
73
73
  listOrderingPage.steps.verifyPreviewScore(0, 20);
74
74
  listOrderingPage.steps.switchToGradingView();
75
75
  listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
@@ -78,7 +78,8 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
78
78
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
79
79
  });
80
80
  }
81
- 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 should be displayed', () => {
81
+
82
+ it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - 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 should be displayed`, () => {
82
83
  listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
83
84
  listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
84
85
  listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
@@ -101,7 +102,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
101
102
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
102
103
  });
103
104
 
104
- 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 should be displayed', () => {
105
+ it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - 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 should be displayed`, () => {
105
106
  if (view === 'Grading view') {
106
107
  studentViewPage.steps.clearResponses();
107
108
  };
@@ -127,7 +128,7 @@ describe('Create item page - List ordering: All or nothing for "Horizontal" opti
127
128
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
128
129
  });
129
130
 
130
- 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', () => {
131
+ it(`${view}: List ordering - Reorder as a separate list:Reorder as a separate list- Horizontal - 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`, () => {
131
132
  if (view === 'Grading view') {
132
133
  studentViewPage.steps.clearResponses();
133
134
  };
@@ -14,6 +14,14 @@ describe('Create item page - List ordering - Preview contents in all views', ()
14
14
  cy.loginAs('admin');
15
15
  });
16
16
 
17
+ beforeEach(() => {
18
+ cy.startApplitools();
19
+ });
20
+
21
+ afterEach(() => {
22
+ cy.eyesClose();
23
+ });
24
+
17
25
  views.forEach((view) => {
18
26
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
19
27
  abortEarlySetup();
@@ -83,9 +91,10 @@ describe('Create item page - List ordering - Preview contents in all views', ()
83
91
  }
84
92
  });
85
93
 
86
- it('Question instructions should be visible', () => {
94
+ it(`List ordering - Reorder as a separate list: ${view} - Question instructions should be visible`, () => {
87
95
  utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
88
96
  utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
97
+ cy.eyesCheckWindow(`List ordering - Reorder as a separate list: ${view} - Options with image, bold text and equation`);
89
98
  });
90
99
 
91
100
  if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -96,7 +105,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
96
105
  listOrderingPage.steps.verifyTextContentOfOptionInPreviewTabSeperateList('alpha', 3);
97
106
  });
98
107
 
99
- it('User should be able to drop the options in the dropzone containing image, bold text and equation options in the list', () => {
108
+ it(`User should be able to drop the options in the dropzone containing image, bold text and equation options in the list`, () => {
100
109
  listOrderingPage.steps.clickAndDropOptionSeperateList('This is a bold option');
101
110
  listOrderingPage.steps.clickAndDropOptionSeperateList('Fox');
102
111
  listOrderingPage.steps.clickAndDropOptionSeperateList('Solve the following');
@@ -130,7 +139,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
130
139
  });
131
140
 
132
141
  } else {
133
- it('The order of the options should be as per the correct answer order', () => {
142
+ it(`The order of the options should be as per the correct answer order`, () => {
134
143
  listOrderingPage.steps.verifyOptionWithBoldTextInDropzoneCorrectAnswerSectionSeperateList(0);
135
144
  listOrderingPage.steps.verifyOptionWithImageInDropzoneCorrectAnswerSectionTabSeperateList(1);
136
145
  listOrderingPage.steps.verifyOptionWithEquationTextInDropzoneCorrectAnswerSectionSeperateList(2);
@@ -14,6 +14,14 @@ describe('Create item page - List ordering: All or nothing ', () => {
14
14
  cy.loginAs('admin');
15
15
  });
16
16
 
17
+ beforeEach(() => {
18
+ cy.startApplitools();
19
+ });
20
+
21
+ afterEach(() => {
22
+ cy.eyesClose();
23
+ });
24
+
17
25
  if (!grepTags || !grepTags.includes('smoke')) {
18
26
  describe('Question preview modes: Student view and Grading view', () => {
19
27
  abortEarlySetup();
@@ -109,8 +117,9 @@ describe('Create item page - List ordering: All or nothing ', () => {
109
117
  itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
110
118
  });
111
119
  };
120
+
112
121
  if (view === 'Question preview' || view === 'Item preview') {
113
- it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
122
+ it(`${view}: List ordering:Reorder as a separate list - When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed`, () => {
114
123
  listOrderingPage.steps.verifyPreviewScore(0, 20);
115
124
  listOrderingPage.steps.switchToGradingView();
116
125
  listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
@@ -120,7 +129,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
120
129
  });
121
130
  };
122
131
 
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 should be displayed', () => {
132
+ it(`${view}: List ordering:Reorder as a separate list - 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 should be displayed`, () => {
124
133
  listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
125
134
  listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
126
135
  listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
@@ -143,7 +152,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
143
152
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
144
153
  });
145
154
 
146
- 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 should be displayed', () => {
155
+ it(`${view}: List ordering:Reorder as a separate list - 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 should be displayed`, () => {
147
156
  if (view === 'Grading view') {
148
157
  studentViewPage.steps.clearResponses();
149
158
  };
@@ -169,7 +178,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
169
178
  listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
170
179
  });
171
180
 
172
- 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', () => {
181
+ it(`${view}: List ordering:Reorder as a separate list - 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`, () => {
173
182
  if (view === 'Grading view') {
174
183
  studentViewPage.steps.clearResponses();
175
184
  };
@@ -194,6 +203,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
194
203
  listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
195
204
  listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
196
205
  listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
206
+ cy.eyesCheckWindow(`List ordering:Reorder as a separate list ${view} view - Attempting the question correctly`);
197
207
  });
198
208
  });
199
209
  });
@@ -81,7 +81,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
81
81
  }
82
82
  });
83
83
 
84
- it('Question instructions should be visible', () => {
84
+ it(`List ordering: Reorder as a separate list - ${view} - Question instructions should be visible`, () => {
85
85
  utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
86
86
  utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
87
87
  });
@@ -93,7 +93,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
93
93
  listOrderingPage.steps.verifyOptionWithEquationTextInOptionsContainerPreviewTabSeperateList(2);
94
94
  });
95
95
 
96
- it('User should be able to drop the options in the dropzone containing image, bold text and equation options in the list', () => {
96
+ it(`User should be able to drop the options in the dropzone containing image, bold text and equation options in the list`, () => {
97
97
  listOrderingPage.steps.clickAndDropOptionSeperateList('This is a bold option');
98
98
  listOrderingPage.steps.clickAndDropOptionSeperateList('Fox');
99
99
  listOrderingPage.steps.clickAndDropOptionSeperateList('Solve the following');
@@ -125,7 +125,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
125
125
  listOrderingPage.steps.verifyTextContentOfOptionInDropzonePreviewTabSeperateList('alpha', 3);
126
126
  });
127
127
  } else {
128
- it('The order of the options should be as per the correct answer order', () => {
128
+ it(`The order of the options should be as per the correct answer order`, () => {
129
129
  listOrderingPage.steps.verifyOptionWithBoldTextInDropzoneCorrectAnswerSectionSeperateList(0);
130
130
  listOrderingPage.steps.verifyOptionWithImageInDropzoneCorrectAnswerSectionTabSeperateList(1);
131
131
  listOrderingPage.steps.verifyOptionWithEquationTextInDropzoneCorrectAnswerSectionSeperateList(2);
@@ -14,6 +14,14 @@ describe('Create item page - Matching: All or nothing ', () => {
14
14
  cy.loginAs('admin');
15
15
  });
16
16
 
17
+ beforeEach(() => {
18
+ cy.startApplitools();
19
+ });
20
+
21
+ afterEach(() => {
22
+ cy.eyesClose();
23
+ });
24
+
17
25
  if (!grepTags || !grepTags.includes('smoke')) {
18
26
  describe('Question preview modes: Student view and Grading view', () => {
19
27
  abortEarlySetup();
@@ -97,7 +105,7 @@ describe('Create item page - Matching: All or nothing ', () => {
97
105
  });
98
106
  };
99
107
 
100
- 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', () => {
108
+ it(`${view}: Matching - When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, then 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`, () => {
101
109
  if (view === 'Grading view') {
102
110
  studentViewPage.steps.submitResponse();
103
111
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -116,7 +124,7 @@ describe('Create item page - Matching: All or nothing ', () => {
116
124
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
117
125
  });
118
126
 
119
- 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', () => {
127
+ it(`${view}:Matching - 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`, () => {
120
128
  matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Eagle', dropzoneIndex: 1 }, { optionText: 'Fish', dropzoneIndex: 2 }]);
121
129
  if (view === 'Grading view') {
122
130
  studentViewPage.steps.submitResponse();
@@ -135,7 +143,7 @@ describe('Create item page - Matching: All or nothing ', () => {
135
143
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
136
144
  });
137
145
 
138
- 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', () => {
146
+ it(`${view}: Matching - 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`, () => {
139
147
  if (view === 'Grading view') {
140
148
  studentViewPage.steps.clearResponses();
141
149
  };
@@ -157,7 +165,7 @@ describe('Create item page - Matching: All or nothing ', () => {
157
165
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
158
166
  });
159
167
 
160
- 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', () => {
168
+ it(`${view}: Matching - 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`, () => {
161
169
  if (view === 'Grading view') {
162
170
  studentViewPage.steps.clearResponses();
163
171
  };
@@ -179,7 +187,7 @@ describe('Create item page - Matching: All or nothing ', () => {
179
187
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
180
188
  });
181
189
 
182
- 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', () => {
190
+ it(`${view}: Matching - 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`, () => {
183
191
  if (view === 'Grading view') {
184
192
  studentViewPage.steps.clearResponses();
185
193
  };
@@ -200,6 +208,7 @@ describe('Create item page - Matching: All or nothing ', () => {
200
208
  matchingPage.steps.verifyCorrectOptionIcon(2);
201
209
  matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
202
210
  matchingPage.steps.verifyCorrectAnswerSectionNotExists();
211
+ cy.eyesCheckWindow(`Matching ${view} - Attempting the question correctly`);
203
212
  });
204
213
  });
205
214
  });
@@ -11,6 +11,14 @@ describe('Create item page - Matching - Preview contents in all views', () => {
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();
@@ -91,15 +99,16 @@ describe('Create item page - Matching - Preview contents in all views', () => {
91
99
  }
92
100
  });
93
101
 
94
- it('Question instructions should be visible', () => {
102
+ it(`Question instructions should be visible`, () => {
95
103
  utilities.verifyInnerText(matchingPage.questionInstructionsText(), 'Fill the categories with the right answer.');
96
104
  utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
97
105
  });
98
106
 
99
- it('The prompt should have image, equation, bold text displayed', () => {
107
+ it(`Matching - ${view} - The prompt should have image, equation, bold text displayed`, () => {
100
108
  matchingPage.steps.verifyPromptWithImageInPreviewTab(0);
101
109
  matchingPage.steps.verifyPromptWithBoldTextInPreviewTab(1);
102
110
  matchingPage.steps.verifyPromptWithEquationTextInPreviewTab(2);
111
+ cy.eyesCheckWindow(`Matching - ${view} - Prompt with image, equation, bold text`);
103
112
  });
104
113
 
105
114
  if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -112,7 +121,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
112
121
  matchingPage.steps.verifyDropzoneTextContentPreviewTab(2, '');
113
122
  });
114
123
 
115
- it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
124
+ it(`User should be able to drag and drop image, bold text and equation options in the dropzone`, () => {
116
125
  matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Fox', dropzoneIndex: 0 }, { optionText: 'This is a bold option', dropzoneIndex: 1 }, { optionText: 'Solve the following', dropzoneIndex: 2 }]);
117
126
  matchingPage.steps.verifyDropzoneTextContentPreviewTab(0, 'Fox');
118
127
  matchingPage.steps.verifyDropzoneWithImageInPreviewTab(0);
@@ -98,7 +98,7 @@ describe('Create item page - Matching: All or nothing ', () => {
98
98
  });
99
99
  };
100
100
 
101
- 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', () => {
101
+ it(`${view}: Matching 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`, () => {
102
102
  if (view === 'Grading view') {
103
103
  studentViewPage.steps.submitResponse();
104
104
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -119,7 +119,7 @@ describe('Create item page - Matching: All or nothing ', () => {
119
119
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
120
120
  });
121
121
 
122
- 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', () => {
122
+ it(`${view}: Matching 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`, () => {
123
123
  matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
124
124
  if (view === 'Grading view') {
125
125
  studentViewPage.steps.submitResponse();
@@ -138,7 +138,7 @@ describe('Create item page - Matching: All or nothing ', () => {
138
138
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
139
139
  });
140
140
 
141
- 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', () => {
141
+ it(`${view}: Matching dropdown - When the user attempts the question partially correct with some correct, some incomplete and 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
142
  if (view === 'Grading view') {
143
143
  studentViewPage.steps.clearResponses();
144
144
  };
@@ -160,7 +160,7 @@ describe('Create item page - Matching: All or nothing ', () => {
160
160
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
161
161
  });
162
162
 
163
- it('When the user attempts the question partially correct with all the dropdowns correctly attempted but one dropdown 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', () => {
163
+ it(`${view}: Matching dropdown - When the user attempts the question partially correct with all the dropdowns correctly attempted but one dropdown 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
164
  if (view === 'Grading view') {
165
165
  studentViewPage.steps.clearResponses();
166
166
  };
@@ -182,7 +182,7 @@ describe('Create item page - Matching: All or nothing ', () => {
182
182
  matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
183
183
  });
184
184
 
185
- 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', () => {
185
+ it(`${view}: Matching 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`, () => {
186
186
  if (view === 'Grading view') {
187
187
  studentViewPage.steps.clearResponses();
188
188
  };
@@ -11,6 +11,14 @@ describe('Create item page - Matching - Preview contents in all views', () => {
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();
@@ -80,18 +88,19 @@ describe('Create item page - Matching - Preview contents in all views', () => {
80
88
  utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
81
89
  });
82
90
 
83
- it('The prompt should have image, equation, bold text displayed', () => {
91
+ it(`Matching dropdown - ${view} - The prompt should have image, equation, bold text displayed`, () => {
84
92
  matchingPage.steps.verifyPromptWithImageInPreviewTab(0);
85
93
  matchingPage.steps.verifyPromptWithBoldTextInPreviewTab(1);
86
94
  matchingPage.steps.verifyPromptWithEquationTextInPreviewTab(2);
95
+ cy.eyesCheckWindow(`Matching dropdown - ${view} - Prompt with image, equation, bold text`);
87
96
  });
88
97
 
89
98
  if (view !== 'Grading view' && view !== 'Correct answer view') {
90
- it('User should be able to attempt the question by selecting option from the dropdowns', () => {
99
+ it(`User should be able to attempt the question by selecting option from the dropdowns`, () => {
91
100
  matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
92
101
  });
93
102
  } else if (view === 'Grading view') {
94
- it('The dropdowns should be displayed filled with answers', () => {
103
+ it(`The dropdowns should be displayed filled with answers`, () => {
95
104
  utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
96
105
  matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
97
106
  matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');
@@ -109,7 +118,7 @@ describe('Create item page - Matching - Preview contents in all views', () => {
109
118
  matchingPage.steps.verifyDropdownIsDisabled(2);
110
119
  });
111
120
  } else {
112
- it('The dropdowns should be displayed filled with answers', () => {
121
+ it(`The dropdowns should be displayed filled with answers`, () => {
113
122
  utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
114
123
  matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
115
124
  matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');