itemengine-cypress-automation 1.0.265-fix-dev-env-9f5f2fb.0 → 1.0.265

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 (47) hide show
  1. package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js +1 -1
  2. package/cypress/e2e/ILC/AudioResponseNew/compactRecorderStyle.smoke.js +2 -2
  3. package/cypress/e2e/ILC/AudioResponseNew/standardRecorderStyle.smoke.js +2 -2
  4. package/cypress/e2e/ILC/ChartsBar/chartFunctionalitySpecifyCorrectAnswerSection.js +1 -0
  5. package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js +3 -3
  6. package/cypress/e2e/ILC/ChartsBar/specifyCorrectAnswerSection.js +1 -0
  7. package/cypress/e2e/ILC/ChartsLine/chartFunctionalitySpecifyCorrectAnswerSection.js +1 -0
  8. package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js +3 -3
  9. package/cypress/e2e/ILC/ChartsLine/specifyCorrectAnswerSection.js +2 -0
  10. package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js +1 -1
  11. package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +28 -42
  12. package/cypress/e2e/ILC/EssayResponse/createCustomCategory.smoke.js +1 -1
  13. package/cypress/e2e/ILC/EssayResponse/gradingViewAndCorrectAnswerViewContents.smoke.js +4 -4
  14. package/cypress/e2e/ILC/FeedbackScaleNew/previewContentsForAllViews.smoke.js +6 -4
  15. package/cypress/e2e/ILC/FillInTheGapsTextNew/previewContentsForAllViews.smoke.js +3 -3
  16. package/cypress/e2e/ILC/Graphing/gradingViewAndCorrectAnswerView.smoke.js +2 -2
  17. package/cypress/e2e/ILC/ImageHighlight/previewContentsForAllViews.smoke.js +2 -2
  18. package/cypress/e2e/ILC/ListOrderingDropdown/previewContentsForAllViews.smoke.js +7 -7
  19. package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js +2 -1
  20. package/cypress/e2e/ILC/ListOrderingNew/previewContentsForAllViews.smoke.js +13 -4
  21. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/previewContentsForAllViews.smoke.js +22 -16
  22. package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/previewContentsForAllViews.smoke.js +23 -17
  23. package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js +4 -3
  24. package/cypress/e2e/ILC/NumberLine/previewTabContentsForAllViews.smoke.js +2 -2
  25. package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js +18 -17
  26. package/cypress/e2e/ILC/SingleSelectionGridNew/previewContentsForAllViews.smoke.js +1 -1
  27. package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViewsFormulaTemplate.smoke.js +3 -3
  28. package/cypress/e2e/ILC/TextEntryMath/previewContentsForAllViews.smoke.js +1 -1
  29. package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js +1 -1
  30. package/cypress/e2e/ILC/ToolAudioPlayerNew/previewContents.smoke.js +1 -1
  31. package/cypress/e2e/ILC/UploadResponse/previewContentsForAllViews.smoke.js +0 -2
  32. package/cypress/e2e/ILC/VideoResponseNew/compactRecorderStyle.smoke.js +11 -13
  33. package/cypress/e2e/ILC/VideoResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js +0 -1
  34. package/cypress/fixtures/theme/ilc.json +4 -2
  35. package/cypress/pages/chartsBarPage.js +4 -0
  36. package/cypress/pages/chartsLinePage.js +3 -4
  37. package/cypress/pages/components/autoScoredScoringPreviewTab.js +1 -1
  38. package/cypress/pages/components/equationEditorSectionCommonComponent.js +9 -9
  39. package/cypress/pages/components/essayResponseCommonComponents.js +1 -0
  40. package/cypress/pages/components/playbackControlsBaseComponent.js +1 -1
  41. package/cypress/pages/components/resetPopupComponent.js +3 -3
  42. package/cypress/pages/components/scoringSectionBaseEditTab.js +3 -2
  43. package/cypress/pages/drawingResponsePage.js +2 -1
  44. package/cypress/pages/graphingPage.js +20 -0
  45. package/cypress/pages/textEntryMathPage.js +11 -0
  46. package/cypress/pages/uploadResponsePage.js +2 -1
  47. package/package.json +2 -2
package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js CHANGED
@@ -296,7 +296,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
296
296
  utilities.verifyCSS(audioResponsePage.volumeControlButton().find('[data-name="minimal-volume-icon"]'), {
297
297
  'fill': css.color.activeButtons
298
298
  });
299
- utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('[id="playback-speed"] path'), {
299
+ utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('svg path').eq(1), {
300
300
  'fill': css.color.activeButtons
301
301
  });
302
302
  });
package/cypress/e2e/ILC/AudioResponseNew/compactRecorderStyle.smoke.js CHANGED
@@ -280,10 +280,10 @@ describe('Preview of Audio response for compact audio recorder style', () => {
280
280
  utilities.verifyCSS(audioResponsePage.playbackProgressBar().find('.MuiSlider-rail'), {
281
281
  'border': `1px solid ${css.color.activeButtons}`
282
282
  });
283
- utilities.verifyCSS(audioResponsePage.volumeControlButton().find('[data-name="compact-volume-icon"]'), {
283
+ utilities.verifyCSS(audioResponsePage.volumeControlButton().find('svg path').eq(1), {
284
284
  'fill': css.color.activeButtons
285
285
  });
286
- utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('[id="playback-speed"] path'), {
286
+ utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('svg path').eq(1), {
287
287
  'fill': css.color.activeButtons
288
288
  });
289
289
  });
package/cypress/e2e/ILC/AudioResponseNew/standardRecorderStyle.smoke.js CHANGED
@@ -327,10 +327,10 @@ describe('Preview of Audio response for standard audio recorder style', () => {
327
327
  utilities.verifyCSS(audioResponsePage.playbackProgressBar().find('.MuiSlider-rail'), {
328
328
  'border': `1px solid ${css.color.activeButtons}`
329
329
  });
330
- utilities.verifyCSS(audioResponsePage.volumeControlButton().find('[data-name="compact-volume-icon"]'), {
330
+ utilities.verifyCSS(audioResponsePage.volumeControlButton().find('svg path').eq(1), {
331
331
  'fill': css.color.activeButtons
332
332
  });
333
- utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('[id="playback-speed"] path'), {
333
+ utilities.verifyCSS(audioResponsePage.playbackSpeedButton().find('svg path').eq(1), {
334
334
  'fill': css.color.activeButtons
335
335
  });
336
336
  });
package/cypress/e2e/ILC/ChartsBar/chartFunctionalitySpecifyCorrectAnswerSection.js CHANGED
@@ -227,6 +227,7 @@ describe('Specify correct answer - Chart', () => {
227
227
  before(() => {
228
228
  chartsBarPage.steps.navigateToCreateQuestion('charts');
229
229
  cy.barsPreLoaderWait();
230
+ chartsBarPage.steps.selectAddBarOrPointToolbarOption();
230
231
  });
231
232
 
232
233
  it('Chart should be displayed in specify correct answer section', () => {
package/cypress/e2e/ILC/ChartsBar/previewContentsForAllViews.smoke.js CHANGED
@@ -173,10 +173,10 @@ describe('Create item page: Charts - Bar - Preview contents in all views', () =>
173
173
  'font-size': css.fontSize.default,
174
174
  'font-weight': css.fontWeight.semibold
175
175
  });
176
- utilities.verifyCSS(chartsBarPage.previewTabYAxisCoordinate(), {
176
+ utilities.verifyCSS(chartsBarPage.previewTabYAxisCoordinate().parents('.value-container'), {
177
177
  'color': css.color.text,
178
- 'font-size': css.fontSize.normal,
179
- 'font-weight': css.fontWeight.semibold
178
+ 'font-size': css.fontSize.default,
179
+ 'font-weight': css.fontWeight.regular
180
180
  });
181
181
  utilities.verifyCSS(chartsBarPage.previewTabBarDragHandle().find('svg'), {
182
182
  'background-color': css.color.defaultBackground
package/cypress/e2e/ILC/ChartsBar/specifyCorrectAnswerSection.js CHANGED
@@ -15,6 +15,7 @@ describe('Create Item page - Charts - Bar chart: Specify correct answer, Alterna
15
15
  chartsBarPage.steps.addTextInQuestionInstructionsInputField('Bar chart');
16
16
  chartsBarPage.steps.selectAddBarOrPointToolbarOption();
17
17
  cy.barsPreLoaderWait();
18
+ chartsBarPage.steps.selectAddBarOrPointToolbarOption();
18
19
  });
19
20
 
20
21
  chartsBarPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('charts');
package/cypress/e2e/ILC/ChartsLine/chartFunctionalitySpecifyCorrectAnswerSection.js CHANGED
@@ -227,6 +227,7 @@ describe('Specify correct answer - Charts line', () => {
227
227
  chartsLinePage.steps.navigateToCreateQuestion('charts');
228
228
  cy.barsPreLoaderWait();
229
229
  chartsLinePage.steps.selectLineButton();
230
+ chartsLinePage.steps.selectAddBarOrPointToolbarOption();
230
231
  });
231
232
 
232
233
  it('Chart should be displayed in specify correct answer section', () => {
package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js CHANGED
@@ -171,11 +171,11 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
171
171
  'font-weight': css.fontWeight.semibold
172
172
  });
173
173
  utilities.verifyCSS(chartsLinePage.previewTabYAxisCoordinate(), {
174
- 'color': css.color.text,
174
+ 'color': css.color.blackText,
175
175
  'font-size': css.fontSize.normal,
176
176
  'font-weight': css.fontWeight.semibold
177
177
  });
178
- utilities.verifyCSS(chartsLinePage.previewTabPoint().eq(0), {
178
+ utilities.verifyCSS(chartsLinePage.previewTabPoint().find('.line-chart-drag-icon').eq(1), {
179
179
  'background-color': css.color.lineChartDragIcon
180
180
  });
181
181
  utilities.verifyCSS(chartsLinePage.previewTabConnectorLine().eq(0), {
@@ -268,7 +268,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
268
268
  });
269
269
 
270
270
  it('CSS of newly added point in preview tab', { tags: 'css' }, () => {
271
- utilities.verifyCSS(chartsLinePage.previewTabPoint().eq(4).find('.line-chart-drag-icon'), {
271
+ utilities.verifyCSS(chartsLinePage.previewTabPoint().eq(3).find('.line-chart-drag-icon'), {
272
272
  'background-color': css.color.lineChartDragIcon
273
273
  });
274
274
  });
package/cypress/e2e/ILC/ChartsLine/specifyCorrectAnswerSection.js CHANGED
@@ -14,6 +14,7 @@ describe('Create Item page - Charts - Line chart: Specify correct answer, Altern
14
14
  chartsLinePage.steps.navigateToCreateQuestion('charts');
15
15
  chartsLinePage.steps.selectLineButton();
16
16
  cy.barsPreLoaderWait();
17
+ chartsLinePage.steps.selectAddBarOrPointToolbarOption();
17
18
  });
18
19
 
19
20
  chartsLinePage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('charts');
@@ -27,6 +28,7 @@ describe('Create Item page - Charts - Line chart: Specify correct answer, Altern
27
28
  chartsLinePage.steps.navigateToCreateQuestion('charts');
28
29
  cy.barsPreLoaderWait();
29
30
  chartsLinePage.steps.selectLineButton();
31
+ chartsLinePage.steps.selectAddBarOrPointToolbarOption();
30
32
  chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 0, value: 2, range: 10 });
31
33
  chartsLinePage.steps.lockPoint(0);
32
34
  });
package/cypress/e2e/ILC/DrawingResponse/drawingResponseGradingViewAndCorrectAnswerViewContents.smoke.js CHANGED
@@ -61,7 +61,7 @@ describe('Create item page - Drawing response: Grading view, Correct answer view
61
61
  });
62
62
 
63
63
  it('Accessibility of grading view', { tags: 'a11y' }, () => {
64
- cy.checkAccessibility(drawingResponsePage.studentViewUpperCanvas().parents('.extended__drawing-tool'));
64
+ cy.checkAccessibility(drawingResponsePage.studentViewLowerCanvas());
65
65
  });
66
66
  });
67
67
  }
package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js CHANGED
@@ -97,7 +97,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
97
97
  utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Compass'), {
98
98
  'background-color': css.color.selectToolbarOptionBg
99
99
  });
100
- utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Compass').find('path'), {
100
+ utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Compass').find('[data-name*="Ellipse"]').eq(1), {
101
101
  'fill': css.color.activeButtons
102
102
  });
103
103
  //Unselected state
@@ -110,24 +110,9 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
110
110
  //Hover state will fail as browser level tooltips are applied
111
111
  cy.log('Pre-step: Hover on element to get tooltip');
112
112
  utilities.hoverOverElement(drawingResponsePage.previewTabDrawingToolbarOption('Select'));
113
- utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Pencil'), {
113
+ utilities.verifyCSS(drawingResponsePage.previewTabDrawingToolbarOption('Select'), {
114
114
  'background-color': css.color.selectToolbarOptionBg
115
115
  });
116
- utilities.verifyCSS(drawingResponsePage.previewTabToolbarOptionTooltip(), {
117
- 'background-color': css.color.tooltipBg
118
- });
119
- utilities.verifyCSS(drawingResponsePage.previewTabToolbarOptionTooltip().find('p').eq(0), {
120
- 'color': css.color.whiteText,
121
- 'font-size': css.fontSize.small,
122
- 'font-weight': css.fontWeight.semibold
123
- });
124
- utilities.verifyCSS(drawingResponsePage.previewTabToolbarOptionTooltip().find('p').eq(1), {
125
- 'color': css.color.whiteText,
126
- 'font-size': css.fontSize.small,
127
- 'font-weight': css.fontWeight.regular
128
- });
129
- cy.log('Post-step: Hover away from element to get tooltip');
130
- utilities.hoverAwayFromElement(drawingResponsePage.previewTabDrawingToolbarOption('Select'));
131
116
  utilities.verifyCSS(drawingResponsePage.previewTabToolbarOptionName(), {
132
117
  'color': css.color.labels,
133
118
  'font-size': css.fontSize.normal,
@@ -136,7 +121,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
136
121
  });
137
122
 
138
123
  it('Accessibility of toolbar options', { tags: 'a11y' }, () => {
139
- cy.checkAccessibility(drawingResponsePage.previewTabDrawingToolbarWrapper().parents('drawing-tool'));
124
+ cy.checkAccessibility(drawingResponsePage.previewTabDrawingToolbarWrapper());
140
125
  });
141
126
  });
142
127
  });
@@ -265,11 +250,11 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
265
250
  utilities.verifyCSS(drawingResponsePage.charactersPopupTitle(), {
266
251
  'color': css.color.flyoutTitle,
267
252
  'font-size': css.fontSize.heading,
268
- 'font-weight': css.fontWeight.bold,
253
+ 'font-weight': css.fontWeight.semibold,
269
254
  });
270
255
  utilities.verifyCSS(drawingResponsePage.specialCharactersPopupCategoryTitle(), {
271
- 'color': css.color.text,
272
- 'font-size': css.fontSize.normal,
256
+ 'color': css.color.activeButtons,
257
+ 'font-size': css.fontSize.default,
273
258
  'font-weight': css.fontWeight.semibold,
274
259
  });
275
260
  utilities.verifyCSS(drawingResponsePage.specialCharactersPopupCategoryAccordionIcon(), {
@@ -280,7 +265,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
280
265
  });
281
266
  });
282
267
 
283
- drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
268
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4733
269
+ //drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
284
270
 
285
271
  it('When user clicks on the \'Close\' button then the \'Special characters\' popup should be closed', () => {
286
272
  drawingResponsePage.steps.clickOnCharactersPopupCloseButton();
@@ -346,7 +332,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
346
332
  utilities.verifyCSS(drawingResponsePage.charactersPopupTitle(), {
347
333
  'color': css.color.flyoutTitle,
348
334
  'font-size': css.fontSize.heading,
349
- 'font-weight': css.fontWeight.bold,
335
+ 'font-weight': css.fontWeight.semibold,
350
336
  });
351
337
  utilities.verifyCSS(drawingResponsePage.mathCharactersPopupCategoryTitle(), {
352
338
  'color': css.color.text,
@@ -358,7 +344,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
358
344
  });
359
345
  });
360
346
 
361
- drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
347
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4733
348
+ //drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
362
349
 
363
350
  it('When user clicks on the \'Close\' button then the \'Math characters\' popup should be closed', () => {
364
351
  drawingResponsePage.steps.clickOnCharactersPopupCloseButton();
@@ -510,7 +497,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
510
497
  });
511
498
  });
512
499
 
513
- it('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
500
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4733
501
+ it.skip('Accessibility of secondary toolbar options', { tags: 'a11y' }, () => {
514
502
  cy.checkAccessibility(drawingResponsePage.previewTabSecondaryToolbarOption().parents('.drawing-tool__secondary-toolbar'));
515
503
  });
516
504
 
@@ -543,15 +531,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
543
531
  'font-size': css.fontSize.default,
544
532
  'font-weight': css.fontWeight.regular,
545
533
  });
546
- utilities.verifyCSS(drawingResponsePage.previewTabSecondaryPopupOpacitySlider(), {
547
- 'color': css.color.activeButtons
548
- });
549
534
  utilities.verifyCSS(drawingResponsePage.previewTabSecondaryPopupOpacityInputField().parents('.drawing-tool-options__options__number-wrapper'), {
550
- 'border': `1px solid ${css.color.titleContainerBorder})`
535
+ 'border': `1px solid ${css.color.titleContainerBorder}`
551
536
  });
552
537
  });
553
538
 
554
- drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
539
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4733
540
+ //drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
555
541
  });
556
542
 
557
543
  describe('Preview tab - secondary toolbar options - \'Stroke thickness\' - content and functionality', { tags: 'smoke' }, () => {
@@ -631,7 +617,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
631
617
  'font-weight': css.fontWeight.semibold,
632
618
  });
633
619
  utilities.verifyCSS(drawingResponsePage.previewTabSecondaryOptionPopupStrokeImage(), {
634
- 'color': css.color.labels
620
+ 'color': css.color.blackText
635
621
  });
636
622
  });
637
623
 
@@ -773,19 +759,19 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
773
759
  });
774
760
  utilities.verifyCSS(drawingResponsePage.previewTabColorPickerLabel(), {
775
761
  'color': css.color.labels,
776
- 'font-size': css.fontSize.default,
762
+ 'font-size': css.fontSize.normal,
777
763
  'font-weight': css.fontWeight.semibold,
778
764
  });
779
- utilities.verifyCSS(colorPopupComponent.selectedColorLabel(), {
765
+ utilities.verifyCSS(drawingResponsePage.colorPalleteSelectedColorLabel(), {
780
766
  'color': css.color.labels,
781
767
  'font-size': css.fontSize.normal,
782
768
  'font-weight': css.fontWeight.semibold
783
769
  });
784
770
  utilities.verifyCSS(drawingResponsePage.colorPalleteOkButton(), {
785
- 'color': css.color.text,
771
+ 'color': css.color.primaryBtn,
786
772
  'font-size': css.fontSize.default,
787
773
  'font-weight': css.fontWeight.regular,
788
- 'background-color': css.color.successBtnBg
774
+ 'background-color': css.color.primaryBtnBg
789
775
  });
790
776
  utilities.verifyCSS(drawingResponsePage.colorPalleteCancelButton(), {
791
777
  'color': css.color.secondaryBtn,
@@ -795,8 +781,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
795
781
  });
796
782
  });
797
783
 
798
- //Failing due to https://redmine.zeuslearning.com/issues/539391
799
- drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
784
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4733
785
+ //drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
800
786
  });
801
787
 
802
788
  describe('Preview tab - secondary toolbar options - \'Fill color\' - content and functionality', { tags: 'smoke' }, () => {
@@ -970,8 +956,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
970
956
  });
971
957
  });
972
958
 
973
- //Failing due to https://redmine.zeuslearning.com/issues/539391
974
- drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
959
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4733
960
+ //drawingResponsePage.tests.checkAccessibilityForSecondaryToolbarOptionPopup();
975
961
  });
976
962
 
977
963
  //Remove skip once https://redmine.zeuslearning.com/issues/571543 is resolved
@@ -1198,7 +1184,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1198
1184
 
1199
1185
  it('CSS of \'Line type\' secondary toolbar option in selected state', { tags: 'css' }, () => {
1200
1186
  utilities.verifyCSS(drawingResponsePage.previewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[2].secondaryToolbarOptions[2]), {
1201
- 'background-color': css.color.background
1187
+ 'background-color': css.color.selectToolbarOptionBg
1202
1188
  });
1203
1189
  });
1204
1190
 
@@ -1222,7 +1208,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1222
1208
  'font-size': css.fontSize.default,
1223
1209
  'font-weight': css.fontWeight.semibold,
1224
1210
  });
1225
- utilities.verifyCSS(drawingResponsePage.previewTabSecondaryOptionPopupTitle().last().find('svg'), {
1211
+ utilities.verifyCSS(drawingResponsePage.previewTabSecondaryOptionPopupTitle(), {
1226
1212
  'color': css.color.labels
1227
1213
  });
1228
1214
  });
@@ -1306,7 +1292,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
1306
1292
  'font-weight': css.fontWeight.semibold,
1307
1293
  });
1308
1294
  utilities.verifyCSS(drawingResponsePage.previewTabSecondaryOptionPopupEraserImage(), {
1309
- 'color': css.color.labels
1295
+ 'color': css.color.blackText
1310
1296
  });
1311
1297
  });
1312
1298
 
package/cypress/e2e/ILC/EssayResponse/createCustomCategory.smoke.js CHANGED
@@ -163,7 +163,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
163
163
  utilities.verifyCSS(createCustomCategoryFlyout.dialogBoxTitle(), {
164
164
  'color': css.color.flyoutTitle,
165
165
  'font-size': css.fontSize.heading,
166
- 'font-weight': css.fontWeight.bold
166
+ 'font-weight': css.fontWeight.semibold
167
167
  });
168
168
  utilities.verifyCSS(createCustomCategoryFlyout.categoryNameLabel(), {
169
169
  'color': css.color.labels,
package/cypress/e2e/ILC/EssayResponse/gradingViewAndCorrectAnswerViewContents.smoke.js CHANGED
@@ -1,4 +1,4 @@
1
- import { correctAnswerViewPage, essayResponsePage, itemPreviewPage, studentViewPage,gradingViewPage } from "../../../pages";
1
+ import { correctAnswerViewPage, essayResponsePage, itemPreviewPage, studentViewPage, gradingViewPage } from "../../../pages";
2
2
  import abortEarlySetup from "../../../support/helpers/abortEarly";
3
3
  import utilities from "../../../support/helpers/utilities";
4
4
  const css = Cypress.env('css');
@@ -61,15 +61,15 @@ describe('Create item page - Essay response: Grading view, Correct answer view c
61
61
  });
62
62
 
63
63
  it('CSS of content in the response field', { tags: 'css' }, () => {
64
- utilities.verifyCSS(essayResponsePage.responseField(), {
64
+ utilities.verifyCSS(essayResponsePage.gradingViewResponseField(), {
65
65
  'color': css.color.text,
66
66
  'font-size': css.fontSize.default,
67
- 'font-weight': css.fontWeight.normal
67
+ 'font-weight': css.fontWeight.regular
68
68
  });
69
69
  });
70
70
 
71
71
  it('Accessibility of content in the response field', { tags: 'a11y' }, () => {
72
- cy.checkAccessibility(essayResponsePage.responseField());
72
+ cy.checkAccessibility(essayResponsePage.gradingViewResponseField());
73
73
  });
74
74
  });
75
75
  }
package/cypress/e2e/ILC/FeedbackScaleNew/previewContentsForAllViews.smoke.js CHANGED
@@ -100,11 +100,12 @@ describe('Create item page: Feedback scale - Preview tab contents in all views f
100
100
  });
101
101
  utilities.verifyCSS(feedbackScalePage.feedbackButton(), {
102
102
  'background-color': css.color.transparent,
103
- 'border': `1px solid ${css.color.figDefaultComponentBorder}`
103
+ 'outline': `${css.color.figDefaultComponentBorder} solid 1px`
104
104
  });
105
105
  });
106
106
 
107
- it('Accessibility of feedback buttons - unselected state', { tags: 'a11y' }, () => {
107
+ //Failing due to ⁠https://weldnorthed.atlassian.net/browse/IEI-4736 ⁠
108
+ it.skip('Accessibility of feedback buttons - unselected state', { tags: 'a11y' }, () => {
108
109
  cy.checkAccessibility(feedbackScalePage.feedbackButton().parents('[class*="question-preview-wrapper"]'));
109
110
  });
110
111
  }
@@ -180,7 +181,7 @@ describe('Create item page: Feedback scale - Preview tab contents in all views f
180
181
  });
181
182
  utilities.verifyCSS(utilities.getNthElement(feedbackScalePage.feedbackButton(), 1), {
182
183
  'background-color': selectedStateFeedbackButtonColor,
183
- 'border': `2px solid ${css.color.activeComponentBorder}`
184
+ 'outline': `${css.color.activeComponentBorder} solid 2px`
184
185
  });
185
186
  utilities.verifyCSS(feedbackScalePage.legendAccordion().find('.customize_info_label'), {
186
187
  'color': css.color.activeButtons,
@@ -209,7 +210,8 @@ describe('Create item page: Feedback scale - Preview tab contents in all views f
209
210
  });
210
211
  });
211
212
 
212
- it('Accessibility of feedback buttons - selected state', { tags: 'a11y' }, () => {
213
+ //Failing due to ⁠https://weldnorthed.atlassian.net/browse/IEI-4736 ⁠
214
+ it.skip('Accessibility of feedback buttons - selected state', { tags: 'a11y' }, () => {
213
215
  cy.checkAccessibility(feedbackScalePage.feedbackButton().parents('[class*="question-preview-wrapper"]'));
214
216
  });
215
217
  });
package/cypress/e2e/ILC/FillInTheGapsTextNew/previewContentsForAllViews.smoke.js CHANGED
@@ -110,7 +110,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
110
110
  'background-color': css.color.optionsBg,
111
111
  });
112
112
  utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab().parent().find('fieldset'), {
113
- 'border': `1px solid ${css.color.optionsSelectedText}`,
113
+ 'border': `0px none ${css.color.text}`,
114
114
  });
115
115
  utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab(), {
116
116
  'color': css.color.text,
@@ -123,7 +123,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
123
123
  'background-color': css.color.optionsBg,
124
124
  });
125
125
  utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab().parent().find('fieldset'), {
126
- 'border': `1px solid ${css.color.correctAnswer}`
126
+ 'border': `0px none ${css.color.text}`
127
127
  });
128
128
  break;
129
129
  case 'Correct answer view':
@@ -131,7 +131,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
131
131
  'background-color': css.color.optionsBg,
132
132
  });
133
133
  utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab().parent().find('fieldset'), {
134
- 'border': `1px solid ${css.color.optionsSelectedText}`,
134
+ 'border': `0px none ${css.color.text}`,
135
135
  });
136
136
  utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab(), {
137
137
  'color': css.color.text,
package/cypress/e2e/ILC/Graphing/gradingViewAndCorrectAnswerView.smoke.js CHANGED
@@ -105,7 +105,7 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
105
105
  });
106
106
  utilities.verifyCSS(graphingPage.graphPolygonCorrectAnswerSection(), {
107
107
  'fill': css.color.correctAnswer,
108
- 'fill-opacity': '0.3',
108
+ 'fill-opacity': '0.2',
109
109
  'stroke-width': '1px'
110
110
  });
111
111
  utilities.verifyCSS(graphingPage.graphCircleCorrectAnswerSection(), {
@@ -178,7 +178,7 @@ describe('Create item page - Graphing: Grading view, Correct answer view content
178
178
  it('CSS of correct answer section', { tags: 'css' }, () => {
179
179
  utilities.verifyCSS(graphingPage.graphPolygon(), {
180
180
  'fill': css.color.correctAnswer,
181
- 'fill-opacity': '0.3',
181
+ 'fill-opacity': '0.2',
182
182
  'stroke-width': '1px'
183
183
  });
184
184
  utilities.verifyCSS(graphingPage.graphCircle(), {
package/cypress/e2e/ILC/ImageHighlight/previewContentsForAllViews.smoke.js CHANGED
@@ -152,12 +152,12 @@ describe('Create item page - Image highlight - Preview contents in all views', (
152
152
  });
153
153
  cy.log('Active state')
154
154
  utilities.verifyCSS(imageHighlightPage.highlightPolygonPreviewTab().eq(1), {
155
- 'stroke': css.color.activeHighlightBorder,
155
+ 'stroke': css.color.activeButtons,
156
156
  });
157
157
  cy.log('Hover state')
158
158
  utilities.hoverOverElement(imageHighlightPage.highlightPreviewTab().eq(0))
159
159
  utilities.verifyCSS(imageHighlightPage.highlightPolygonPreviewTab().eq(0), {
160
- 'stroke': css.color.hoverHighlightBorder,
160
+ 'stroke': css.color.activeButtons,
161
161
  });
162
162
  utilities.hoverAwayFromElement();
163
163
  });
package/cypress/e2e/ILC/ListOrderingDropdown/previewContentsForAllViews.smoke.js CHANGED
@@ -149,11 +149,11 @@ describe('Create item page - List ordering - Preview contents in all views', ()
149
149
  case 'Student view':
150
150
  utilities.verifyCSS(utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), 0), {
151
151
  'background-color': css.color.optionsBg,
152
- 'border': `1px solid ${css.color.draggableOptionBorder}`
152
+ 'border': `1px solid ${css.color.primaryBtnBg}`
153
153
  });
154
154
  utilities.verifyCSS(utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), 0), {
155
- 'background-color': css.color.defaultBackground,
156
- 'border': `1px solid ${css.color.correctAnswer}`
155
+ 'background-color': css.color.optionsBg,
156
+ 'border': `1px solid ${css.color.lightThemeBtnBg}`
157
157
  });
158
158
  utilities.verifyCSS(listOrderingPage.dropdownOptionWrapperPreviewTab(), {
159
159
  'background-color': css.color.defaultBackground,
@@ -174,11 +174,11 @@ describe('Create item page - List ordering - Preview contents in all views', ()
174
174
  case 'Correct answer view':
175
175
  utilities.verifyCSS(utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), 0), {
176
176
  'background-color': css.color.optionsBg,
177
- 'border': `1px solid ${css.color.correctAnswer}`
177
+ 'border': `1px solid ${css.color.primaryBtnBg}`
178
178
  });
179
179
  utilities.verifyCSS(listOrderingPage.dropdownOptionWrapperGradingView(), {
180
- 'background-color': css.color.defaultBackground,
181
- 'border': `1px solid ${css.color.draggableOptionBorder}`
180
+ 'background-color': css.color.optionsBg,
181
+ 'border': `1px solid ${css.color.lightThemeBtnBg}`
182
182
  });
183
183
  utilities.verifyCSS(utilities.getNthElement(listOrderingPage.dropdownOptionWrapperGradingView(), 3).find('.question-text-wrapper'), {
184
184
  'color': css.color.text,
@@ -194,7 +194,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
194
194
  });
195
195
 
196
196
  it('Accessibility of preview contents', { tags: 'a11y' }, () => {
197
- cy.checkAccessibility(listOrderingPage.optionWrapperPreviewTab().parents('[class*="question-preview-wrapper"]'));
197
+ cy.checkAccessibility(listOrderingPage.optionWrapperPreviewTab().parents('.list-ordering-draggable-container'));
198
198
  });
199
199
  });
200
200
  });
package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js CHANGED
@@ -161,7 +161,8 @@ describe('Create item page - List ordering - Preview contents in all views', ()
161
161
  }
162
162
  });
163
163
 
164
- it('Accessibility of preview contents', { tags: 'a11y' }, () => {
164
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4737
165
+ it.skip('Accessibility of preview contents', { tags: 'a11y' }, () => {
165
166
  cy.checkAccessibility(listOrderingPage.horizontalOptionPreviewTab().parents('[class*="question-preview-wrapper"]'));
166
167
  });
167
168
  });
package/cypress/e2e/ILC/ListOrderingNew/previewContentsForAllViews.smoke.js CHANGED
@@ -133,7 +133,9 @@ describe('Create item page - List ordering - Preview contents in all views', ()
133
133
  case 'Item preview':
134
134
  case 'Student view':
135
135
  utilities.verifyCSS(listOrderingPage.optionPreviewTab(), {
136
- 'background-color': css.color.defaultBackground,
136
+ 'background-color': css.color.transparent,
137
+ });
138
+ utilities.verifyCSS(listOrderingPage.optionTextPreviewTab().parents('.draggable-item-wrapper'), {
137
139
  'border': `1px solid ${css.color.draggableOptionBorder}`
138
140
  });
139
141
  utilities.verifyCSS(listOrderingPage.optionPreviewTab().find('.question-text-wrapper'), {
@@ -151,7 +153,6 @@ describe('Create item page - List ordering - Preview contents in all views', ()
151
153
  });
152
154
  break;
153
155
  case 'Grading view':
154
- case 'Correct answer view':
155
156
  utilities.verifyCSS(listOrderingPage.optionWrapperGradingView(), {
156
157
  'background-color': css.color.defaultBackground,
157
158
  'border': `1px solid ${css.color.correctAnswer}`
@@ -161,15 +162,23 @@ describe('Create item page - List ordering - Preview contents in all views', ()
161
162
  'font-size': css.fontSize.default,
162
163
  'font-weight': css.fontWeight.regular
163
164
  });
164
- utilities.verifyCSS(listOrderingPage.optionWrapperGradingView().find('[class*="IndexWrapper"]'), {
165
+ break;
166
+ case 'Correct answer view':
167
+ utilities.verifyCSS(listOrderingPage.optionWrapperGradingView(), {
168
+ 'background-color': css.color.defaultBackground,
169
+ 'border': `1px solid ${css.color.draggableOptionBorder}`
170
+ });
171
+ utilities.verifyCSS(utilities.getNthElement(listOrderingPage.optionGradingView(), 3).find('.question-text-wrapper'), {
165
172
  'color': css.color.text,
166
173
  'font-size': css.fontSize.default,
167
174
  'font-weight': css.fontWeight.regular
168
175
  });
176
+ break;
169
177
  }
170
178
  });
171
179
 
172
- it('Accessibility of preview contents', { tags: 'a11y' }, () => {
180
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4737
181
+ it.skip('Accessibility of preview contents', { tags: 'a11y' }, () => {
173
182
  cy.checkAccessibility(listOrderingPage.optionWrapperPreviewTab().parents('[class*="question-preview-wrapper"]'));
174
183
  });
175
184
  });
package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/previewContentsForAllViews.smoke.js CHANGED
@@ -136,28 +136,33 @@ describe('Create item page - List ordering - Preview contents in all views', ()
136
136
  }
137
137
 
138
138
  it('CSS of preview contents', { tags: 'css' }, () => {
139
- utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab(), {
140
- 'background-color': css.color.defaultBackground,
141
- 'border': `1px solid ${css.color.draggableOptionBorder}`
142
- });
143
- utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab().find('.question-text-wrapper'), {
144
- 'color': css.color.text,
145
- 'font-size': css.fontSize.default,
146
- 'font-weight': css.fontWeight.regular
147
- });
148
- utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab().find('.question-text-wrapper'), {
149
- 'color': css.color.text,
150
- 'font-size': css.fontSize.default,
151
- 'font-weight': css.fontWeight.regular
152
- });
153
139
  switch (view) {
154
140
  case 'Question preview':
155
141
  case 'Item preview':
156
142
  case 'Item view':
157
143
  case 'Item preview':
158
144
  case 'Student view':
145
+ utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.dropped-item.item-wrapper'), {
146
+ 'background-color': css.color.defaultBackground,
147
+ 'border': `1px solid ${css.color.draggableOptionBorder}`
148
+ });
149
+ utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.question-text-wrapper'), {
150
+ 'color': css.color.labels,
151
+ 'font-size': css.fontSize.default,
152
+ 'font-weight': css.fontWeight.regular
153
+ });
154
+ break;
159
155
  case 'Grading view':
160
- utilities.verifyCSS(utilities.getNthElement(listOrderingPage.horizontalOptionPreviewTab(), 1).find('.drag-icon-button path').eq(1), {
156
+ utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.dropped-item.item-wrapper'), {
157
+ 'background-color': css.color.defaultBackground,
158
+ 'border': `1px solid ${css.color.correctAnswer}`
159
+ });
160
+ utilities.verifyCSS(listOrderingPage.droppedOptionSeperateList().find('.question-text-wrapper'), {
161
+ 'color': css.color.text,
162
+ 'font-size': css.fontSize.default,
163
+ 'font-weight': css.fontWeight.regular
164
+ });
165
+ utilities.verifyCSS(utilities.getNthElement(listOrderingPage.droppedOptionSeperateList(), 1).find('.drag-icon-button path').eq(1), {
161
166
  'color': css.color.secondaryBtn
162
167
  });
163
168
  break;
@@ -168,7 +173,8 @@ describe('Create item page - List ordering - Preview contents in all views', ()
168
173
  }
169
174
  });
170
175
 
171
- it('Accessibility of preview contents', { tags: 'a11y' }, () => {
176
+ //Failing due to https://weldnorthed.atlassian.net/browse/IEI-4737
177
+ it.skip('Accessibility of preview contents', { tags: 'a11y' }, () => {
172
178
  cy.checkAccessibility(listOrderingPage.horizontalOptionPreviewTab().parents('[class*="question-preview-wrapper"]'));
173
179
  });
174
180
  });