itemengine-cypress-automation 1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0 → 1.0.573-IEI-7079-ed54ea2.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 (50) hide show
  1. package/cypress/e2e/ILC/ChartsBar/Scoring/allOrNothingAlternatePointsGreaterThanCorrectPoints.js +205 -0
  2. package/cypress/e2e/ILC/ChartsBar/Scoring/allOrNothingCorrectPointsEqualToAlternatePoints.js +205 -0
  3. package/cypress/e2e/ILC/ChartsBar/Scoring/allOrNothingCorrectPointsGreaterThanAlternatePoints.js +205 -0
  4. package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js +248 -1
  5. package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsCorrectPointsEqualToAlternativePoints.js +247 -0
  6. package/cypress/e2e/ILC/ChartsBar/Scoring/partialDifferentWeightsCorrectPointsGreaterThanAlternativePoints.js +223 -0
  7. package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsAlternativePointsGreaterThanCorrectPoints.js +223 -0
  8. package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsCorrectPointsEqualToAlternativePoints.js +175 -0
  9. package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePoints.js +223 -0
  10. package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePointsLocked.js +191 -0
  11. package/cypress/e2e/ILC/ChartsDotsPlot/scoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePointsLocked.js +24 -24
  12. package/cypress/e2e/ILC/ChartsLine/Scoring/allOrNothingAlternatePointsGreaterThanCorrectPoints.js +177 -0
  13. package/cypress/e2e/ILC/ChartsLine/Scoring/allOrNothingCorrectPointsEqualToAlternatePoints.js +206 -0
  14. package/cypress/e2e/ILC/ChartsLine/Scoring/allOrNothingCorrectPointsGreaterThanAlternatePoints.js +205 -0
  15. package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js +228 -0
  16. package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsCorrectPointsEqualToAlternativePoints.js +229 -1
  17. package/cypress/e2e/ILC/ChartsLine/Scoring/partialDifferentWeightsCorrectPointsGreaterThanAlternativePoints.js +229 -1
  18. package/cypress/e2e/ILC/ChartsLine/Scoring/partialEqualWeightsAlternativePointsGreaterThanCorrectPoints.js +206 -0
  19. package/cypress/e2e/ILC/ChartsLine/Scoring/partialEqualWeightsCorrectPointsEqualToAlternativePoints.js +183 -0
  20. package/cypress/e2e/ILC/ChartsLine/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePoints.js +206 -0
  21. package/cypress/e2e/ILC/ChartsLine/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePointsLocked.js +184 -0
  22. package/cypress/e2e/ILC/EssayResponse/additionalSettings.js +2 -8
  23. package/cypress/e2e/ILC/EssayResponse/additionalSettingsBasic.js +0 -15
  24. package/cypress/e2e/ILC/EssayResponse/createCustomCategory.smoke.js +1 -14
  25. package/cypress/e2e/ILC/EssayResponse/editTabBasicSections.js +5 -155
  26. package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions2.js +4 -116
  27. package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions3.js +0 -93
  28. package/cypress/e2e/ILC/EssayResponse/essayResponseCustomizeFormattingOptions4.js +0 -114
  29. package/cypress/e2e/ILC/EssayResponse/essayResponseSpecialCharacters.js +1 -11
  30. package/cypress/e2e/ILC/EssayResponse/previewAddTable.js +2 -29
  31. package/cypress/e2e/ILC/EssayResponse/previewContentsForAllViews.smoke.js +1 -11
  32. package/cypress/e2e/ILC/EssayResponse/previewEditTable.js +0 -75
  33. package/cypress/e2e/ILC/EssayResponse/previewHyperlink.js +0 -13
  34. package/cypress/e2e/ILC/EssayResponse/studentViewSettings.js +0 -71
  35. package/cypress/e2e/ILC/chartsDotsPlot/scoring/allOrNothingWithAlternatePointsGreaterThanCorrectPoints.js +164 -10
  36. package/cypress/e2e/ILC/chartsDotsPlot/scoring/allOrNothingWithCorrectPointsEqualToAlternativePoints.js +165 -11
  37. package/cypress/e2e/ILC/chartsDotsPlot/scoring/allOrNothingWithCorrectPointsGreaterThanAlternativePoints.js +165 -11
  38. package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialDifferentWeightsWithAlternativePointsGreaterThanCorrectPoints.js +24 -14
  39. package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialDifferentWeightsWithCorrectPointsEqualToAlternativePoints.js +18 -10
  40. package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialDifferentWeightsWithCorrectPointsGreaterThanAlternativePoints.js +26 -16
  41. package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialEqualWeightsWithAlternativePointsGreaterThanCorrectPoints.js +25 -15
  42. package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialEqualWeightsWithCorrectPointsEqualToAlternativePoints.js +18 -10
  43. package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePoints.js +24 -13
  44. package/cypress/pages/chartsBarPage.js +44 -1
  45. package/cypress/pages/chartsDotPlotPage.js +99 -1
  46. package/cypress/pages/chartsLinePage.js +48 -1
  47. package/cypress/pages/components/equationEditorSectionCommonComponent.js +0 -21
  48. package/cypress/pages/components/essayResponseCommonComponents.js +1 -20
  49. package/cypress/pages/essayResponsePage.js +0 -2
  50. package/package.json +1 -1
@@ -25,7 +25,7 @@ describe('Create question page - Essay Response: Customize formatting options (f
25
25
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Insert/Remove Bulleted List');
26
26
 
27
27
  //Comment: Here we are unable to verify the bullet point marker that appears since it is displayed using ::marker
28
- it('When the user selects the \'Bulleted list\' toolbar option in an empty response field, then a bulleted list with \'1 bullet point\' should be displayed in the response field and when the user enters text, then that text should appear as a bulleted list in question preview', () => {
28
+ it('When the user selects the \'Bulleted list\' toolbar option in an empty response field, then a bulleted list with \'1 bullet point\' should be displayed in the response field and when the user enters text, then that text should appear as a bulleted list', () => {
29
29
  essayResponsePage.steps.resetPreviewTabResponseField();
30
30
  essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Bulleted List');
31
31
  essayResponsePage.steps.verifyResponseFieldHTML('<ul><li><br></li></ul>');
@@ -33,18 +33,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
33
33
  essayResponsePage.steps.verifyResponseFieldHTML('<ul><li>Lorem Ipsum</li></ul>');
34
34
  });
35
35
 
36
- it('When the user selects the \'Bulleted list\' toolbar option in an empty response field, then a bulleted list with \'1 bullet point\' should be displayed in the response field and when the user enters text, then that text should appear as a bulleted list in item preview', () => {
37
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
38
- essayResponsePage.steps.switchToPreviewTab();
39
- essayResponsePage.steps.resetPreviewTabResponseField();
40
- essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Bulleted List');
41
- essayResponsePage.steps.verifyResponseFieldHTML('<ul><li><br></li></ul>');
42
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
43
- essayResponsePage.steps.verifyResponseFieldHTML('<ul><li>Lorem Ipsum</li></ul>');
44
- essayResponsePage.steps.clickOnEditQuestionButton();
45
- essayResponsePage.steps.switchToPreviewTab();
46
- });
47
-
48
36
  it('When the user presses the \'Enter\' key, another bullet point should appear below the first point and user should be able to enter text to the 2nd list item', () => {
49
37
  essayResponsePage.steps.enterInputInResponseField('{enter}');
50
38
  essayResponsePage.steps.verifyListItemLengthInResponseField(2);
@@ -69,7 +57,7 @@ describe('Create question page - Essay Response: Customize formatting options (f
69
57
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Insert/Remove Numbered List');
70
58
 
71
59
  //Comment: Here we are unable to verify the number of the list item that appears since it is displayed using ::marker
72
- it('When the user selects the \'Numbered list\' toolbar option in an empty response field, then a numbered list with \'1. list item\' should be displayed in the response field and when the user enters text, then that text should appear as a numbered list in question preview', () => {
60
+ it('When the user selects the \'Numbered list\' toolbar option in an empty response field, then a numbered list with \'1. list item\' should be displayed in the response field and when the user enters text, then that text should appear as a numbered list', () => {
73
61
  essayResponsePage.steps.resetPreviewTabResponseField();
74
62
  essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Numbered List');
75
63
  essayResponsePage.steps.verifyResponseFieldHTML('<ol><li><br></li></ol>');
@@ -77,18 +65,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
77
65
  essayResponsePage.steps.verifyResponseFieldHTML('<ol><li>Lorem Ipsum</li></ol>');
78
66
  });
79
67
 
80
- it('When the user selects the \'Numbered list\' toolbar option in an empty response field, then a numbered list with \'1. list item\' should be displayed in the response field and when the user enters text, then that text should appear as a numbered list in item preview', () => {
81
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
82
- essayResponsePage.steps.switchToPreviewTab();
83
- essayResponsePage.steps.resetPreviewTabResponseField();
84
- essayResponsePage.steps.selectPreviewTabToolbarOption('Insert/Remove Numbered List');
85
- essayResponsePage.steps.verifyResponseFieldHTML('<ol><li><br></li></ol>');
86
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
87
- essayResponsePage.steps.verifyResponseFieldHTML('<ol><li>Lorem Ipsum</li></ol>');
88
- essayResponsePage.steps.clickOnEditQuestionButton();
89
- essayResponsePage.steps.switchToPreviewTab();
90
- });
91
-
92
68
  it('When the user presses the \'Enter\' key, \'2. list item\' should appear below the first list item and user should be able to enter text to the 2nd list item', () => {
93
69
  essayResponsePage.steps.enterInputInResponseField('{enter}');
94
70
  essayResponsePage.steps.verifyListItemLengthInResponseField(2);
@@ -252,64 +228,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
252
228
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Align Right');
253
229
  });
254
230
 
255
- describe('Align left, Center, Align right, Justify formatting options - Item preview', () => {
256
- abortEarlySetup();
257
- before(() => {
258
- essayResponsePage.steps.navigateToCreateQuestion('essay response');
259
- cy.barsPreLoaderWait();
260
- essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
261
- essayResponsePage.steps.selectCustomizedFormattingOption(['Align Left', 'Align Center', 'Align Right', 'Align Justify']);
262
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
263
- essayResponsePage.steps.switchToPreviewTab();
264
- });
265
-
266
- it('When the user focuses in the response field, then none of the options should be displayed in selected state and the text in the response field should be displayed as normal text without any alignment in item preview', () => {
267
- essayResponsePage.steps.focusInResponseField();
268
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Left');
269
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Center');
270
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Right');
271
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Justify');
272
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
273
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
274
- });
275
-
276
- it('When the user selects the \'Center\' toolbar option, then text in the response field should get aligned to the center and \'Align left\' toolbar option should get deselected in item preview', () => {
277
- essayResponsePage.steps.selectPreviewTabToolbarOption('Align Center');
278
- essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"text-align: center;\">Lorem Ipsum</p>')
279
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Left')
280
- });
281
-
282
- it('When the user selects the \'Align Left\' toolbar option, then text in the response field should get aligned to the left and \'Center\' toolbar option should get deselected in item preview', () => {
283
- essayResponsePage.steps.selectPreviewTabToolbarOption('Align Left');
284
- essayResponsePage.steps.verifyResponseFieldHTML('<p style="text-align: left;">Lorem Ipsum</p>');
285
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Center')
286
- });
287
-
288
- it('When the user selects the \'Align Right\' toolbar option, then text in the response field should get aligned to the right and \'Align left\' toolbar option should get deselected in item preview', () => {
289
- essayResponsePage.steps.selectPreviewTabToolbarOption('Align Right');
290
- essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"text-align: right;\">Lorem Ipsum</p>');
291
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Left')
292
- });
293
-
294
- it('When the user deselects \'Align Right\' toolbar option, then the text in the response field should be displayed as normal text without any alignment in item preview', () => {
295
- essayResponsePage.steps.deselectPreviewTabToolbarOption('Align Right');
296
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
297
- });
298
-
299
- it('When the user selects the \'Justify\' toolbar option, then text in the response field should get justified alignment and \'Align right\' toolbar option should get deselected in item preview', () => {
300
- essayResponsePage.steps.selectPreviewTabToolbarOption('Align Justify');
301
- essayResponsePage.steps.verifyResponseFieldHTML('<p style="text-align: justify;">Lorem Ipsum</p>');
302
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Align Right')
303
- });
304
-
305
- it('When the user switches to the next line, \'Justify\' toolbar option should persist in item preview', () => {
306
- essayResponsePage.steps.enterInputInResponseField('{enter}');
307
- utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarOption('Align Justify'), 'visible');
308
- });
309
-
310
- essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Align Right');
311
- });
312
-
313
231
  describe('Increase indent, Decrease indent formatting options - Preview tab', () => {
314
232
  abortEarlySetup();
315
233
  before(() => {
@@ -324,29 +242,15 @@ describe('Create question page - Essay Response: Customize formatting options (f
324
242
  essayResponsePage.steps.verifyPreviewTabToolbarOptionDisabled('Decrease Indent')
325
243
  });
326
244
 
327
- it('When the user selects the \'Increase indent\' toolbar option, then indentation of text in the response field should increase and the \'Decrease indent\' toolbar option should get enabled in question preview', () => {
245
+ it('When the user selects the \'Increase indent\' toolbar option, then indentation of text in the response field should increase and the \'Decrease indent\' toolbar option should get enabled', () => {
328
246
  essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
329
247
  essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"margin-left: 40px;\">Lorem Ipsum</p>');
330
248
  essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Decrease Indent')
331
249
  });
332
250
 
333
- it('When the user selects the \'Increase indent\' toolbar option, then indentation of text in the response field should increase and the \'Decrease indent\' toolbar option should get enabled in item preview', () => {
334
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
335
- essayResponsePage.steps.switchToPreviewTab();
336
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
337
- essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
338
- essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"margin-left: 40px;\">Lorem Ipsum</p>');
339
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Decrease Indent')
340
- essayResponsePage.steps.switchToEditTab();
341
- essayResponsePage.steps.clickOnEditQuestionButton();
342
- essayResponsePage.steps.switchToPreviewTab();
343
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
344
- essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
345
- });
346
-
347
251
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Increase Indent');
348
252
 
349
- it('When the user selects the \'Decrease indent\' toolbar option, then the indentation of text in the response field should decrease in question', () => {
253
+ it('When the user selects the \'Decrease indent\' toolbar option, then the indentation of text in the response field should decrease', () => {
350
254
  essayResponsePage.steps.resetPreviewTabResponseField();
351
255
  essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
352
256
  essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
@@ -355,22 +259,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
355
259
  essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
356
260
  });
357
261
 
358
- it('When the user selects the \'Decrease indent\' toolbar option, then the indentation of text in the response field should decrease in question', () => {
359
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
360
- essayResponsePage.steps.switchToPreviewTab();
361
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
362
- essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
363
- essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"margin-left: 40px;\">Lorem Ipsum</p>');
364
- essayResponsePage.steps.selectPreviewTabToolbarOption('Decrease Indent');
365
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
366
- essayResponsePage.steps.switchToEditTab();
367
- essayResponsePage.steps.clickOnEditQuestionButton();
368
- essayResponsePage.steps.switchToPreviewTab();
369
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
370
- essayResponsePage.steps.selectPreviewTabToolbarOption('Increase Indent');
371
- essayResponsePage.steps.selectPreviewTabToolbarOption('Decrease Indent');
372
- });
373
-
374
262
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Decrease Indent');
375
263
  });
376
264
  });
@@ -33,31 +33,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
33
33
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Insert Horizontal Line');
34
34
  });
35
35
 
36
- describe('Horizontal line formatting option - Item preview', () => {
37
- abortEarlySetup();
38
- before(() => {
39
- essayResponsePage.steps.navigateToCreateQuestion('essay response');
40
- cy.barsPreLoaderWait();
41
- essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
42
- essayResponsePage.steps.selectCustomizedFormattingOption(['Insert Horizontal Line']);
43
- essayResponsePage.steps.switchToPreviewTab();
44
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
45
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
46
- essayResponsePage.steps.switchToPreviewTab();
47
- });
48
-
49
- it('When the user selects the \'Insert horizontal line\' toolbar option, a horizontal line should be inserted below from where the cursor is pointing in the response field, the \'Insert horizontal line\' toolbar option should not stay in selected state in item preview', () => {
50
- essayResponsePage.steps.selectPreviewTabToolbarOption('Insert Horizontal Line');
51
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p><hr><p><br></p>');
52
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotSelected('Insert Horizontal Line')
53
- });
54
-
55
- it('When the user hits \'backspace\', then the horizontal line should get removed in item preview', () => {
56
- essayResponsePage.steps.enterInputInResponseField('{backspace}')
57
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p><p><br></p>');
58
- });
59
- });
60
-
61
36
  describe('Blockquote formatting option - Preview tab', () => {
62
37
  abortEarlySetup();
63
38
  before(() => {
@@ -74,17 +49,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
74
49
  essayResponsePage.steps.verifyResponseFieldHTML('<blockquote><p>Lorem Ipsum</p></blockquote>')
75
50
  });
76
51
 
77
- it('When the user selects the \'Blockquote\' toolbar option, then the text in the response field should appear as a block quote in item preview', () => {
78
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
79
- essayResponsePage.steps.switchToPreviewTab();
80
- essayResponsePage.steps.selectPreviewTabToolbarOption('Block Quote');
81
- essayResponsePage.steps.verifyResponseFieldHTML('<blockquote><p>Lorem Ipsum</p></blockquote>');
82
- essayResponsePage.steps.switchToEditTab();
83
- essayResponsePage.steps.clickOnEditQuestionButton();
84
- essayResponsePage.steps.switchToPreviewTab();
85
- essayResponsePage.steps.verifyResponseFieldHTML('<blockquote><p>Lorem Ipsum</p></blockquote>')
86
- });
87
-
88
52
  it('When the user presses the \'Enter\' key and switches to a new line, then the \'Blockquote\' toolbar option should be in selected state and the block quote formatting should persist and user should be able to enter text in the next line', () => {
89
53
  essayResponsePage.steps.enterInputInResponseField('{enter}dolor sit amet');
90
54
  essayResponsePage.steps.verifyPreviewTabToolbarOptionSelected('Block Quote')
@@ -121,24 +85,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
121
85
  essayResponsePage.steps.verifyPreviewTabToolbarOptionNotDisabled('Bold (Ctrl+B)');
122
86
  });
123
87
 
124
- it('When the user selects the \'Code inline\' toolbar option, then the text entered in the response field should appear as a highlighted inline code text, the word count should also update and all the toolbar formatting options should be in enabled state in item preview', () => {
125
- cy.log('Saving question to switch to item preview context.');
126
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
127
- essayResponsePage.steps.switchToPreviewTab();
128
- essayResponsePage.steps.selectPreviewTabToolbarOption('Code Inline');
129
- essayResponsePage.steps.enterInputInResponseField('console.log()')
130
- essayResponsePage.steps.verifyResponseFieldHTML('<p><code>​​​​​​​console.log()</code><br></p>');
131
- essayResponsePage.steps.verifyWordCount('1');
132
- //Just checking if Bold option is disabled or not, no need to check for all toolbar options
133
- essayResponsePage.steps.verifyPreviewTabToolbarOptionNotDisabled('Bold (Ctrl+B)');
134
- cy.log('Returning to edit mode.');
135
- essayResponsePage.steps.switchToEditTab();
136
- essayResponsePage.steps.clickOnEditQuestionButton();
137
- essayResponsePage.steps.switchToPreviewTab();
138
- essayResponsePage.steps.enterInputInResponseField('console.log()')
139
- essayResponsePage.steps.verifyResponseFieldHTML('<p><code>​​​​​​​console.log()</code><br></p>');
140
- });
141
-
142
88
  //Comment: exceptional assertion of font size since in code inline font size is 14.4px
143
89
  it('CSS of \'highlighted inline code text\'', { tags: 'css' }, () => {
144
90
  utilities.verifyCSS(essayResponsePage.responseField().find('code'), {
@@ -257,27 +203,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
257
203
  essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
258
204
  });
259
205
 
260
- it('When the user applies Bold, Italic, Underline, Strikethrough and removes formatting in item preview, text should revert to default format', () => {
261
- cy.log('Saving question to switch to item preview context.');
262
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
263
- essayResponsePage.steps.switchToPreviewTab(); // item preview
264
- // Recreate initial content
265
- essayResponsePage.steps.resetPreviewTabResponseField();
266
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
267
- essayResponsePage.steps.selectPreviewTabToolbarOption('Bold (Ctrl+B)');
268
- essayResponsePage.steps.selectPreviewTabToolbarOption('Italic (Ctrl+I)');
269
- essayResponsePage.steps.selectPreviewTabToolbarOption('Underline (Ctrl+U)');
270
- essayResponsePage.steps.selectPreviewTabToolbarOption('Strikethrough');
271
- essayResponsePage.steps.verifyResponseFieldHTML('<p><s><u><em><strong>Lorem Ipsum</strong></em></u></s></p>');
272
- essayResponsePage.steps.selectPreviewTabToolbarOption('Remove Format');
273
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum</p>');
274
- cy.log('Returning to edit mode.');
275
- essayResponsePage.steps.switchToEditTab();
276
- essayResponsePage.steps.clickOnEditQuestionButton();
277
- essayResponsePage.steps.switchToPreviewTab();
278
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
279
- });
280
-
281
206
  essayResponsePage.tests.verifyUndoAndRedoFunctionalityForPreviewTabToolbarOption('Remove Format');
282
207
 
283
208
  it('When the user has selected text in the response field and applies text formatting options - Superscript, Subscript and clicks on the \'Remove format\' toolbar option, then all the text formatting should get removed and the text should be displayed in default format', () => {
@@ -290,24 +215,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
290
215
  essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum<br></p>');
291
216
  });
292
217
 
293
- it('When the user applies Superscript & Subscript and removes formatting in item preview, text should revert to default format', () => {
294
- cy.log('Saving question to switch to item preview context for superscript/subscript removal.');
295
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
296
- essayResponsePage.steps.switchToPreviewTab();
297
- essayResponsePage.steps.resetPreviewTabResponseField();
298
- essayResponsePage.steps.selectPreviewTabToolbarOption('Subscript');
299
- essayResponsePage.steps.selectPreviewTabToolbarOption('Superscript');
300
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
301
- essayResponsePage.steps.verifyResponseFieldHTML('<p><sub><sup>​​​​​​​Lorem Ipsum</sup></sub><br></p>');
302
- essayResponsePage.steps.selectPreviewTabToolbarOption('Remove Format');
303
- essayResponsePage.steps.verifyResponseFieldHTML('<p>Lorem Ipsum<br></p>');
304
- cy.log('Returning to edit mode after item preview test.');
305
- essayResponsePage.steps.switchToEditTab();
306
- essayResponsePage.steps.clickOnEditQuestionButton();
307
- essayResponsePage.steps.switchToPreviewTab();
308
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum{selectAll}');
309
- });
310
-
311
218
  it('When the user has selected text in the response field and applies text formatting option - Align right/Center/Justify and clicks on the \'Remove format\' toolbar option, then all the text formatting should get removed and the text should be displayed in default format', () => {
312
219
  essayResponsePage.steps.selectPreviewTabToolbarOption('Align Right');
313
220
  essayResponsePage.steps.verifyResponseFieldHTML('<p style=\"text-align: right;\">Lorem Ipsum<br></p>');
@@ -108,44 +108,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
108
108
  });
109
109
  });
110
110
 
111
- describe('Font Size formatting option - Item preview', () => {
112
- abortEarlySetup();
113
- before(() => {
114
- essayResponsePage.steps.navigateToCreateQuestion('essay response');
115
- cy.barsPreLoaderWait();
116
- essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
117
- essayResponsePage.steps.selectCustomizedFormattingOption(['Font size']);
118
- essayResponsePage.steps.switchToPreviewTab();
119
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
120
- essayResponsePage.steps.enterInputInResponseField('{selectAll}');
121
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
122
- essayResponsePage.steps.switchToPreviewTab();
123
- });
124
-
125
- it('By default fontsize of response filed text is 16 px ', () => {
126
- essayResponsePage.steps.verifyResponseFieldTextFontSizeNew(16);
127
- });
128
-
129
- it(`When the user selects the \'Font size\' toolbar option,then open a list of ${Object.keys(fontSizes).length} options - ${Object.keys(fontSizes).join(',')} is should be display and by default \'Default\' option should be selected`, () => {
130
- essayResponsePage.steps.selectPreviewTabToolbarOption('Font Size');
131
- Object.values(fontSizes).forEach((option) => {
132
- essayResponsePage.steps.verifyFontSizeListContent(option);
133
- });
134
- essayResponsePage.steps.selectFontSizeOption(16);
135
- essayResponsePage.steps.clearResponseField();
136
- });
137
-
138
- Object.values(fontSizes).forEach((option) => {
139
- it(`When the user selects \'${option}\' option from the font size list, then font size of the response field text should be change to ${fontSizes[option]} accordingly`, () => {
140
- essayResponsePage.steps.selectPreviewTabToolbarOption('Font Size');
141
- essayResponsePage.steps.selectFontSizeOption(`${option}`);
142
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
143
- essayResponsePage.steps.verifyResponseFieldTextFontSize(`${option}`);
144
- essayResponsePage.steps.clearResponseField();
145
- });
146
- });
147
- });
148
-
149
111
  describe('Highlight Text formatting option - Preview tab', () => {
150
112
  abortEarlySetup();
151
113
  before(() => {
@@ -256,39 +218,6 @@ describe('Create question page - Essay Response: Customize formatting options (f
256
218
  });
257
219
  });
258
220
 
259
- describe('Clear All Controls - Item preview', () => {
260
- abortEarlySetup();
261
- before(() => {
262
- essayResponsePage.steps.navigateToCreateQuestion('essay response');
263
- cy.barsPreLoaderWait();
264
- essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
265
- essayResponsePage.steps.selectCustomizedFormattingOption(['Clear All']);
266
- essayResponsePage.steps.switchToPreviewTab();
267
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
268
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
269
- essayResponsePage.steps.switchToPreviewTab();
270
- });
271
-
272
- it('When the user select the \'Highlight Text\' toolbar option,then a pop up should be display in item preview', () => {
273
- essayResponsePage.steps.selectPreviewTabToolbarOption('Clear all');
274
- utilities.verifyElementVisibilityState(essayResponsePage.dialogBox(), 'visible');
275
- });
276
-
277
- it('\'Are you sure you want to clear all text?\' message,\'Clear all\' title,\'Cancel\' and \'Clear all\' button should be visible in item preview', () => {
278
- utilities.verifyTextContent(essayResponsePage.clearTextMessage(), 'Are you sure you want to clear all text?');
279
- utilities.verifyElementVisibilityState(essayResponsePage.clearTextMessage(), 'visible');
280
- utilities.verifyTextContent(essayResponsePage.clearAllLabel(), 'Clear all');
281
- utilities.verifyElementVisibilityState(essayResponsePage.clearAllLabel(), 'visible');
282
- utilities.verifyElementVisibilityState(essayResponsePage.cancelButton(), 'visible');
283
- utilities.verifyElementVisibilityState(essayResponsePage.clearAllButton(), 'visible');
284
- });
285
-
286
- it('When the user click on \'Clear All\' button,no text should be display in item preview', () => {
287
- essayResponsePage.steps.clickOnClearAllButton();
288
- utilities.verifyTextContent(essayResponsePage.responseField(), '');
289
- });
290
- });
291
-
292
221
  describe('enable color picker - Preview tab', () => {
293
222
  abortEarlySetup();
294
223
  before(() => {
@@ -329,47 +258,4 @@ describe('Create question page - Essay Response: Customize formatting options (f
329
258
  essayResponsePage.steps.verifyResponseFieldTextColor(`${css.color.newResponseFieldColor}`);
330
259
  });
331
260
  });
332
-
333
- describe('enable color picker - Item preview', () => {
334
- abortEarlySetup();
335
- before(() => {
336
- essayResponsePage.steps.navigateToCreateQuestion('essay response');
337
- cy.barsPreLoaderWait();
338
- essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
339
- essayResponsePage.steps.selectCustomizedFormattingOption(['Font Color']);
340
- essayResponsePage.steps.clickOnEnableColorPickerCheckbox();
341
- essayResponsePage.steps.switchToPreviewTab();
342
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
343
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
344
- essayResponsePage.steps.switchToPreviewTab();
345
- });
346
-
347
- it('When the user checked \'Enable color picker\' checkbox,then \'Select color\' label, \'Selected color\' label,\'Cancel\' button and \'ok\' button should be display,and by default color option \'rgb(0, 0, 0)\' is selected in item preview', () => {
348
- essayResponsePage.steps.selectPreviewTabToolbarOption('Text Color');
349
- utilities.verifyInnerText(utilities.getNthElement(essayResponsePage.selectColorLabel(), 0), 'Select color');
350
- utilities.verifyElementVisibilityState(utilities.getNthElement(essayResponsePage.selectColorLabel(), 0), 'visible');
351
- utilities.verifyInnerText(utilities.getNthElement(essayResponsePage.selectColorLabel(), 1), 'Selected color');
352
- utilities.verifyElementVisibilityState(utilities.getNthElement(essayResponsePage.selectColorLabel(), 1), 'visible');
353
- utilities.verifyElementVisibilityState(colorPopupComponent.cancelButton(), 'visible');
354
- utilities.verifyInnerText(colorPopupComponent.cancelButton(), 'Cancel');
355
- utilities.verifyElementVisibilityState(colorPopupComponent.okButton(), 'visible');
356
- utilities.verifyInnerText(colorPopupComponent.okButton(), 'Ok');
357
- });
358
-
359
- colorPopupComponent.tests.verifySaturationAndOpacityGradientPalette('rgb(0, 0, 0)');
360
-
361
- it('When the user click \'Cancel\' button,then response field text color should not be change in item preview', () => {
362
- colorPopupComponent.steps.clickOnCancelButton();
363
- essayResponsePage.steps.verifyResponseFieldTextNewColor(`${css.color.text}`);
364
- });
365
-
366
- it('When the user select color using color palate and click on \'Ok\' button,then response field text color should change accordingly in item preview', () => {
367
- essayResponsePage.steps.enterInputInResponseField(`{selectAll}{backspace}`);
368
- essayResponsePage.steps.selectPreviewTabToolbarOption('Text Color');
369
- colorPopupComponent.steps.clickInColorSaturationPalette();
370
- colorPopupComponent.steps.clickOnOkButton();
371
- essayResponsePage.steps.enterInputInResponseField('Lorem Ipsum');
372
- essayResponsePage.steps.verifyResponseFieldTextColor(`${css.color.newResponseFieldColor}`);
373
- });
374
- });
375
261
  });
@@ -150,7 +150,7 @@ describe('Essay response: Customize math characters', () => {
150
150
  essayResponsePage.steps.closeWarningPopup();
151
151
  });
152
152
 
153
- it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup in question preview', () => {
153
+ it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup', () => {
154
154
  essayResponsePage.steps.switchToPreviewTab();
155
155
  essayResponsePage.steps.selectPreviewTabToolbarOption('Special characters');
156
156
  essayResponsePage.steps.verifyCustomSpecialCharactersDisplayedInPreviewTab(customSpecialCharacters);
@@ -158,16 +158,6 @@ describe('Essay response: Customize math characters', () => {
158
158
  essayResponsePage.steps.switchToEditTab();
159
159
  });
160
160
 
161
- it('When the user has specified custom special characters and opens the special characters popup in the preview tab, then only the specified custom special characters should be displayed in the popup in item preview', () => {
162
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
163
- essayResponsePage.steps.switchToPreviewTab();
164
- essayResponsePage.steps.selectPreviewTabToolbarOption('Special characters');
165
- essayResponsePage.steps.verifyCustomSpecialCharactersDisplayedInPreviewTab(customSpecialCharacters);
166
- cy.log('Post-step: Switching to edit tab');
167
- essayResponsePage.steps.switchToEditTab();
168
- essayResponsePage.steps.clickOnEditQuestionButton();
169
- });
170
-
171
161
  it('CSS of Customize special characters', { tags: 'css' }, () => {
172
162
  utilities.verifyCSS(essayResponsePage.customizeSpecialCharactersLabel(), {
173
163
  'color': css.color.labels,
@@ -235,7 +235,7 @@ describe('Essay Response Preview: Add Table Functionality', () => {
235
235
  essayResponsePage.steps.selectPreviewTabToolbarOption('Insert Table');
236
236
  });
237
237
 
238
- it('When user checks the \'Add header row\' checkbox and then clicks on \'Add table\' button, the first row of the added table should be highlighted as table header in question preview', () => {
238
+ it('When user checks the \'Add header row\' checkbox and then clicks on \'Add table\' button, the first row of the added table should be highlighted as table header', () => {
239
239
  cy.log('Check the \'Add header row\' checkbox.');
240
240
  essayResponsePage.steps.checkAddRowHeaderCheckbox();
241
241
  essayResponsePage.steps.addTable();
@@ -245,20 +245,7 @@ describe('Essay Response Preview: Add Table Functionality', () => {
245
245
  essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
246
246
  });
247
247
 
248
- it('When user checks the \'Add header row\' checkbox and then clicks on \'Add table\' button, the first row of the added table should be highlighted as table header in item preview', () => {
249
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
250
- essayResponsePage.steps.switchToPreviewTab();
251
- essayResponsePage.steps.checkAddRowHeaderCheckbox();
252
- essayResponsePage.steps.addTable();
253
- essayResponsePage.steps.verifyTableHeaderRowCellCount(3);
254
- essayResponsePage.steps.verifyTableProperties(2, 3, 3);
255
- essayResponsePage.steps.verifyTableHeaderCellsAreHighlighted();
256
- essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
257
- essayResponsePage.steps.clickOnEditQuestionButton();
258
- essayResponsePage.steps.switchToPreviewTab();
259
- });
260
-
261
- it('When user checks the \'Highlight first column\' checkbox and then clicks on \'Add table\' button, the first column of the added table should be highlighted in question preview.', () => {
248
+ it('When user checks the \'Highlight first column\' checkbox and then clicks on \'Add table\' button, the first column of the added table should be highlighted.', () => {
262
249
  cy.log('Check the \'Highlight first column\' checkbox.');
263
250
  essayResponsePage.steps.checkHighlightFirstColumnCheckbox();
264
251
  essayResponsePage.steps.addTable();
@@ -268,20 +255,6 @@ describe('Essay Response Preview: Add Table Functionality', () => {
268
255
  essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
269
256
  });
270
257
 
271
- it('When user checks the \'Highlight first column\' checkbox and then clicks on \'Add table\' button, the first column of the added table should be highlighted in item preview.', () => {
272
- cy.log('Check the \'Highlight first column\' checkbox.');
273
- essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
274
- essayResponsePage.steps.switchToPreviewTab();
275
- essayResponsePage.steps.checkHighlightFirstColumnCheckbox();
276
- essayResponsePage.steps.addTable();
277
- essayResponsePage.steps.verifyFirstColumnsIsHighlighted(2);
278
- essayResponsePage.steps.verifyTableProperties(2, 4, 2);
279
- essayResponsePage.steps.verifyTableHeaderCellsAreHighlighted();
280
- essayResponsePage.steps.verifyTableNormalCellsAreNotHighlighted();
281
- essayResponsePage.steps.clickOnEditQuestionButton();
282
- essayResponsePage.steps.switchToPreviewTab();
283
- });
284
-
285
258
  it('When user checks both \'Add header row\' and \'Highlight first column\' checkboxes and then clicks on \'Add table\' button, the first column and first row of the added table should be highlighted.', () => {
286
259
  cy.log('Check both \'Add header row\' and \'Highlight first column\' checkboxes.');
287
260
  essayResponsePage.steps.checkAddRowHeaderCheckbox();
@@ -1,9 +1,8 @@
1
1
  import { essayResponsePage, itemPreviewPage } from "../../../pages";
2
- import { gradingViewPage } from "../../../pages/gradingViewPage";
3
2
  import abortEarlySetup from "../../../support/helpers/abortEarly";
4
3
  import utilities from "../../../support/helpers/utilities";
5
4
  const css = Cypress.env('css');
6
- let previewContentViews = ['Question preview', 'Item preview', 'Student view', 'Grading view'];
5
+ let previewContentViews = ['Question preview', 'Item preview', 'Student view'];
7
6
  const views = utilities.getViews(previewContentViews);
8
7
  let itemReferenceID = "";
9
8
 
@@ -49,15 +48,6 @@ describe('Create item page - Essay response: Preview contents', () => {
49
48
  });
50
49
  };
51
50
 
52
- if (view === 'Item view') {
53
- essayResponsePage.steps.switchToPreviewTab();
54
- essayResponsePage.steps.checkManuallyScoredScoringLabel();
55
- };
56
-
57
- if (view === 'Grading view') {
58
- gradingViewPage.steps.verifyGradingViewScore('', 10);
59
- };
60
-
61
51
  it(`When the user switches to Preview tab, then the following options should be displayed in the response field toolbar - ${defaultFormattingOptionsPreviewTab.join('')} along with a separator after ${defaultFormattingOptionsPreviewTab[7]} option`, () => {
62
52
  essayResponsePage.steps.verifyDefaultToolbarOptions(defaultFormattingOptionsPreviewTab, defaultFormattingOptionsPreviewTab[7]);
63
53
  });