itemengine-cypress-automation 1.0.306 → 1.0.308

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 (59) 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/gradingViewAndCorrectAnswerView.smoke.js +1 -1
  5. package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/previewContentsForAllViews.smoke.js +1 -1
  6. package/cypress/e2e/ILC/ChartsBar/allOrNothingScoringForAllViews.smoke.js +10 -1
  7. package/cypress/e2e/ILC/ChartsBar/gradingViewAndCorrectAnswerView.smoke.js +2 -2
  8. package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js +10 -1
  9. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/allOrNothingBasicForAllViews.smoke.js +12 -1
  10. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/previewContentsForAllViews.smoke.js +79 -2
  11. package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js +12 -2
  12. package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +19 -21
  13. package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js +8 -0
  14. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViews.smoke.js +11 -1
  15. package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViews.smoke.js +10 -1
  16. package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/previewContentsForAllViews.smoke.js +10 -1
  17. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/previewContentsForAllViews.smoke.js +12 -3
  18. package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/previewContentsForAllViews.smoke.js +13 -4
  19. package/cypress/e2e/ILC/FillInTheGapsTextNew/previewContentsForAllViews.smoke.js +12 -3
  20. package/cypress/e2e/ILC/Graphing/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  21. package/cypress/e2e/ILC/Graphing/previewContentsForAllViews.smoke.js +13 -4
  22. package/cypress/e2e/ILC/GridFill/allOrNothingBasicForAllViews.smoke.js +11 -1
  23. package/cypress/e2e/ILC/GridFill/previewContentsForAllViews.smoke.js +10 -2
  24. package/cypress/e2e/ILC/ImageHighlight/allOrNothingForAllViews.smoke.js +11 -1
  25. package/cypress/e2e/ILC/ImageHighlight/previewContentsForAllViews.smoke.js +13 -4
  26. package/cypress/e2e/ILC/ListOrderingDropdown/previewContentsForAllViews.smoke.js +12 -3
  27. package/cypress/e2e/ILC/ListOrderingNew/allOrNothingForAllViews.smoke.js +10 -1
  28. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/previewContentsForAllViews.smoke.js +12 -3
  29. package/cypress/e2e/ILC/Matching/allOrNothingScoringForAllViews.smoke.js +13 -4
  30. package/cypress/e2e/ILC/Matching/previewTabContentsForAllViews.smoke.js +12 -3
  31. package/cypress/e2e/ILC/MatchingDropdown/previewContentsForAllViews.smoke.js +13 -4
  32. package/cypress/e2e/ILC/MultipleSelection/allOrNothingBasicForAllViews.smoke.js +18 -9
  33. package/cypress/e2e/ILC/MultipleSelection/previewContentsForAllViews.smoke.js +12 -3
  34. package/cypress/e2e/ILC/MultipleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +14 -5
  35. package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js +11 -1
  36. package/cypress/e2e/ILC/NumberLine/gradingViewAndCorrectAnswerView.smoke.js +12 -2
  37. package/cypress/e2e/ILC/NumberLine/previewTabContentsForAllViews.smoke.js +10 -1
  38. package/cypress/e2e/ILC/NumberLineLabel/gradingViewAndCorrectAnswerView.smoke.js +10 -0
  39. package/cypress/e2e/ILC/NumberLineLabel/previewContentsForAllViews.smoke.js +10 -1
  40. package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js +10 -1
  41. package/cypress/e2e/ILC/SingleSelection/allOrNothingBasicForAllViews.smoke.js +10 -1
  42. package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js +10 -1
  43. package/cypress/e2e/ILC/SingleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +10 -1
  44. package/cypress/e2e/ILC/SingleSelectionGridNew/previewContentsForAllViews.smoke.js +10 -1
  45. package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViews.smoke.js +23 -14
  46. package/cypress/e2e/ILC/TextEntryMath/previewContentsForAllViews.smoke.js +11 -2
  47. package/cypress/e2e/ILC/TextEntryMathWithImage/allOrNothingScoringForAllViews.smoke.js +13 -13
  48. package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js +13 -5
  49. package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js +12 -2
  50. package/cypress/e2e/ILC/UploadResponse/gradingViewAndCorrectAnswerViewContents.smoke.js +11 -1
  51. package/cypress/e2e/ILC/UploadResponse/previewContentsForAllViews.smoke.js +13 -4
  52. package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js +16 -6
  53. package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +14 -4
  54. package/cypress/e2e/ILC/VideoResponseNew/previewContentsForAllViews.smoke.js +12 -3
  55. package/cypress/e2e/applitools.config.js +12 -0
  56. package/cypress/pages/components/equationEditorSectionCommonComponent.js +1 -0
  57. package/cypress/support/commands.js +14 -1
  58. package/cypress.config.js +2 -0
  59. package/package.json +4 -1
@@ -15,6 +15,14 @@ describe('Create item page - Image highlight - Preview contents in all views', (
15
15
  cy.loginAs('admin');
16
16
  });
17
17
 
18
+ beforeEach(() => {
19
+ cy.startApplitools();
20
+ });
21
+
22
+ afterEach(() => {
23
+ cy.eyesClose();
24
+ });
25
+
18
26
  views.forEach((view) => {
19
27
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
20
28
  abortEarlySetup();
@@ -74,15 +82,16 @@ describe('Create item page - Image highlight - Preview contents in all views', (
74
82
  utilities.verifyElementVisibilityState(imageHighlightPage.questionInstructionsText(), 'visible');
75
83
  });
76
84
 
77
- it('The uploaded image should be displayed in the preview tab', () => {
85
+ it(`${view} - Image highlight The uploaded image should be displayed in the preview tab`, () => {
78
86
  imageHighlightPage.steps.verifyImageUploadedPreviewTab();
79
87
  imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(3);
80
88
  imageHighlightPage.steps.verifyImageUploadedAltTextPreviewTab('Image alternative text');
81
89
  imageHighlightPage.steps.verifyImageUploadedWidthAndHeightPreviewTab('768', '432');
90
+ cy.eyesCheckWindow(`Image highlight - ${view} - Uploaded image displayed`);
82
91
  });
83
92
 
84
93
  if (view !== 'Grading view' && view !== 'Correct answer view') {
85
- it('The highlighted regions should be displayed', () => {
94
+ it(`The highlighted regions should be displayed`, () => {
86
95
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
87
96
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, branchesHighlightRegion);
88
97
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, leafHighlightRegion);
@@ -110,7 +119,7 @@ describe('Create item page - Image highlight - Preview contents in all views', (
110
119
  imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(1);
111
120
  });
112
121
  } else if (view === 'Grading view') {
113
- it('The highlighted regions should be displayed', () => {
122
+ it(`The highlighted regions should be displayed`, () => {
114
123
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
115
124
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
116
125
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
@@ -138,7 +147,7 @@ describe('Create item page - Image highlight - Preview contents in all views', (
138
147
  imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
139
148
  });
140
149
 
141
- it('The highlight regions should be displayed with correct answers', () => {
150
+ it(`The highlight regions should be displayed with correct answers`, () => {
142
151
  imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
143
152
  imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
144
153
  });
@@ -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();
@@ -74,9 +82,10 @@ describe('Create item page - List ordering - Preview contents in all views', ()
74
82
  }
75
83
  });
76
84
 
77
- it('Question instructions should be visible', () => {
85
+ it(`List ordering: dropdown - ${view} - 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') {
@@ -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: 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();
@@ -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
  });
@@ -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 - 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('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');
@@ -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('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('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);
@@ -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');
@@ -12,6 +12,14 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
12
12
  cy.loginAs('admin');
13
13
  });
14
14
 
15
+ beforeEach(() => {
16
+ cy.startApplitools();
17
+ });
18
+
19
+ afterEach(() => {
20
+ cy.eyesClose();
21
+ });
22
+
15
23
  if (!grepTags || !grepTags.includes('smoke')) {
16
24
  describe('Question preview modes: Student view and Grading view', () => {
17
25
  abortEarlySetup();
@@ -116,7 +124,7 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
116
124
  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
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, no icons should be displayed besides unattempted responses options and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
127
+ 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, no icons should be displayed besides unattempted responses options and status message \'Your answer is incorrect\' should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
120
128
  multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
121
129
  multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
122
130
  if (view === 'Grading view') {
@@ -140,7 +148,7 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
140
148
  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
141
149
  });
142
150
 
143
- it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses and no icon should be displayed besides unattempted options, and status message \'Your answer is incorrect\'should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
151
+ it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses and no icon should be displayed besides unattempted options, and status message \'Your answer is incorrect\' should be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
144
152
  if (view === 'Grading view') {
145
153
  studentViewPage.steps.clearResponses();
146
154
  }
@@ -160,14 +168,14 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
160
168
  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
161
169
  multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
162
170
  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
163
- //correct answer section
164
- multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(0);
165
- multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
166
- multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
167
- multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
171
+ //correct answer section
172
+ multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(0);
173
+ multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
174
+ multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(2);
175
+ multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
168
176
  });
169
177
 
170
- 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, and status message \'Your answer is correct\'should be displayed below the question preview and correct answer section should not be displayed', () => {
178
+ it(`${view}: Multiple selection - 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, and status message \'Your answer is correct\'should be displayed below the question preview and correct answer section should not be displayed`, () => {
171
179
  if (view === 'Grading view') {
172
180
  studentViewPage.steps.clearResponses();
173
181
  }
@@ -187,7 +195,8 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
187
195
  multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
188
196
  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
189
197
  multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
190
- multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist()
198
+ multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
199
+ cy.eyesCheckWindow(`Multiple selection ${view} view - Attempting the question correctly`);
191
200
  });
192
201
  });
193
202
  });
@@ -12,6 +12,14 @@ describe('Create item page - Multiple selection: Preview contents', () => {
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,17 +85,18 @@ describe('Create item page - Multiple selection: Preview contents', () => {
77
85
  utilities.verifyElementVisibilityState(multipleSelectionPage.questionInstructionsText(), 'visible');
78
86
  });
79
87
 
80
- it(`When the user has added image, bold text and equation to the options input they should be displayed in the ${view}`, () => {
88
+ it(`Multiple selection - ${view} - When the user has added image, bold text and equation to the options input they should be displayed in the ${view}`, () => {
81
89
  multipleSelectionPage.steps.verifyImageInPreviewTab(0);
82
90
  multipleSelectionPage.steps.verifyBoldTextInPreviewTab(1);
83
91
  multipleSelectionPage.steps.verifyEquationTextInPreviewTab(2);
92
+ cy.eyesCheckWindow(`Multiple selection - ${view} - Image, Bold Text, and Equation Display`);
84
93
  });
85
94
 
86
95
  if (view !== 'Grading view' && view !== 'Correct answer view') {
87
96
  it(`All the options should be in unchecked state`, () => {
88
97
  for (let index = 0; index < 4; index++) {
89
98
  multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
90
- };
99
+ }
91
100
  });
92
101
 
93
102
  it(`User should able to select options in the ${view}`, () => {
@@ -107,7 +116,7 @@ describe('Create item page - Multiple selection: Preview contents', () => {
107
116
  });
108
117
  });
109
118
  } else {
110
- it(`The correct options should have correct icons besides them`, () => {
119
+ it('The correct options should have correct icons besides them', () => {
111
120
  // Need to remove comment once https://redmine.zeuslearning.com/issues/576368 is resolved
112
121
  // multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
113
122
  // multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
@@ -11,6 +11,14 @@ describe('Create item page - Multiple selection grid: 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();
@@ -93,7 +101,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
93
101
  });
94
102
  };
95
103
 
96
- it('When the user selects \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
104
+ it('When the user selects "Grading" view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label "Correct answers" should be displayed with a preview of the entire grid with correct answers', () => {
97
105
  if (view === 'Grading view') {
98
106
  studentViewPage.steps.submitResponse();
99
107
  utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -110,7 +118,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
110
118
  multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
111
119
  });
112
120
 
113
- 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 a preview of the entire grid with correct answers should be displayed', () => {
121
+ 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 a preview of the entire grid with correct answers should be displayed', () => {
114
122
  multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
115
123
  if (view === 'Grading view') {
116
124
  studentViewPage.steps.submitResponse();
@@ -128,7 +136,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
128
136
  multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
129
137
  });
130
138
 
131
- it('When the user attempts the question partially correct with incorrect responses, 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 a preview of the entire grid with correct answers should be displayed', () => {
139
+ it('When the user attempts the question partially correct with incorrect responses, 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 a preview of the entire grid with correct answers should be displayed', () => {
132
140
  if (view === 'Grading view') {
133
141
  studentViewPage.steps.clearResponses();
134
142
  };
@@ -151,7 +159,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
151
159
  multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
152
160
  });
153
161
 
154
- it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
162
+ it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded 0 points and on switching to "Grading" view, correct icon should be displayed besides the correct answer responses, no icons should be displayed besides unattempted responses, a status message with text "Your answer is incorrect" and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
155
163
  if (view === 'Grading view') {
156
164
  studentViewPage.steps.clearResponses();
157
165
  };
@@ -174,7 +182,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
174
182
  multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
175
183
  });
176
184
 
177
- 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}: Multiple selection grid - 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`, () => {
178
186
  if (view === 'Grading view') {
179
187
  studentViewPage.steps.clearResponses();
180
188
  };
@@ -196,6 +204,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
196
204
  multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
197
205
  multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
198
206
  multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
207
+ cy.eyesCheckWindow(`Multiple selection grid - ${view} - Attempting the question correctly`);
199
208
  });
200
209
  });
201
210
  });
@@ -6,11 +6,20 @@ const css = Cypress.env('css');
6
6
  let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
7
7
  const views = utilities.getViews(previewContentViews);
8
8
  var itemReferenceID = "";
9
+
9
10
  describe('Create item page - Multiple selection grid: Preview contents', () => {
10
11
  before(() => {
11
12
  cy.loginAs('admin');
12
13
  });
13
14
 
15
+ beforeEach(() => {
16
+ cy.startApplitools();
17
+ });
18
+
19
+ afterEach(() => {
20
+ cy.eyesClose();
21
+ });
22
+
14
23
  views.forEach((view) => {
15
24
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
16
25
  abortEarlySetup();
@@ -82,7 +91,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
82
91
  utilities.verifyElementVisibilityState(multipleSelectionGridPage.questionInstructionsText(), 'visible');
83
92
  });
84
93
 
85
- it(`The question grid as set by the user should be displayed in the ${view}`, () => {
94
+ it(`Multiple selection grid - The question grid as set by the user should be displayed in the ${view}`, () => {
86
95
  multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');
87
96
  multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 1 }, 'Heading');
88
97
  multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 2 }, 'Heading');
@@ -93,6 +102,7 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
93
102
  multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 0 }, 'Text');
94
103
  multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 3, column: 1 }, 'No checkbox');
95
104
  multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 4, column: 2 }, 'No checkbox');
105
+ cy.eyesCheckWindow(`Multiple selection grid - ${view} - Question grid displayed`);
96
106
  });
97
107
 
98
108
  if (view !== 'Grading view' && view !== 'Correct answer view') {
@@ -17,6 +17,14 @@ describe('Create item page - Number line: Grading view, Correct answer view cont
17
17
  cy.loginAs('admin');
18
18
  });
19
19
 
20
+ beforeEach(() => {
21
+ cy.startApplitools();
22
+ });
23
+
24
+ afterEach(() => {
25
+ cy.eyesClose();
26
+ });
27
+
20
28
  if (views.includes('Grading view')) {
21
29
  describe('Grading view contents', { tags: 'smoke' }, () => {
22
30
  abortEarlySetup();
@@ -69,13 +77,14 @@ describe('Create item page - Number line: Grading view, Correct answer view cont
69
77
  utilities.verifyElementVisibilityState(numberLinePage.correctAnswersLabel(), 'visible');
70
78
  });
71
79
 
72
- it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
80
+ it('Number line Horizontal - Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
73
81
  numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab(range, [-4, -5]);
74
82
  numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab(range, [{ x1: -5, x2: -4 }]);
75
83
  numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [2]);
76
84
  numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [-4, -5]);
77
85
  numberLinePage.steps.verifyCorrectRayOnNumberLineCorrectAnswerSection('left', range, -7);
78
86
  numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -5, x2: -4 }]);
87
+ cy.eyesCheckWindow(`Number line Horizontal - Grading view contents`);
79
88
  });
80
89
 
81
90
  it('Points and the total score should be displayed', () => {
@@ -147,10 +156,11 @@ describe('Create item page - Number line: Grading view, Correct answer view cont
147
156
  });
148
157
  });
149
158
 
150
- it('The correct answer set by user should be displayed in the correct answer view', () => {
159
+ it('Number line Horizontal - The correct answer set by user should be displayed in the correct answer view', () => {
151
160
  numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab(range, [-4, -5, 2]);
152
161
  numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab(range, [{ x1: -5, x2: -4 }]);
153
162
  numberLinePage.steps.verifyCorrectRayOnNumberLinePreviewTab('left', range, -7);
163
+ cy.eyesCheckWindow(`Number line Horizontal - Correct answer view contents`);
154
164
  });
155
165
 
156
166
  it('The points alloted to the question should be displayed', () => {
@@ -16,6 +16,14 @@ describe('Create item page: Number line - Preview contents in all views', () =>
16
16
  cy.loginAs('admin');
17
17
  });
18
18
 
19
+ beforeEach(() => {
20
+ cy.startApplitools();
21
+ });
22
+
23
+ afterEach(() => {
24
+ cy.eyesClose();
25
+ });
26
+
19
27
  views.forEach((view) => {
20
28
  describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
21
29
  abortEarlySetup();
@@ -84,10 +92,11 @@ describe('Create item page: Number line - Preview contents in all views', () =>
84
92
  numberLinePage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
85
93
  });
86
94
 
87
- it('By default, all controls should be in disabled state', () => {
95
+ it(`${view} view - Number line Horizontal: By default, all controls should be in disabled state`, () => {
88
96
  controlOptions.forEach((controlOption) => {
89
97
  utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab(controlOption));
90
98
  });
99
+ cy.eyesCheckWindow(`${view} view - Number line Horizontal: Preview contents`);
91
100
  });
92
101
 
93
102
  it('Accessibility of preview content', { tags: 'a11y' }, () => {