itemengine-cypress-automation 1.0.264 → 1.0.265

Sign up to get free protection for your applications and to get access to all the features.
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
  });