itemengine-cypress-automation 1.0.142 → 1.0.143
Sign up to get free protection for your applications and to get access to all the features.
- package/cypress/e2e/ILC/AudioResponseNew/additionalSettingsBasic.js +104 -0
- package/cypress/e2e/ILC/ContentBlocks/additionalSection.js +92 -0
- package/cypress/e2e/ILC/ContentBlocks/editTabBasics.js +11 -1
- package/cypress/e2e/ILC/ContentBlocks/previewTab.js +91 -0
- package/cypress/e2e/ILC/ContentBlocks/styleAndLayoutCustomizationSection.js +3 -3
- package/cypress/e2e/ILC/Desmos/desmosFourFunctionCalculatorEditTabBasicSection.js +2 -1
- package/cypress/e2e/ILC/Desmos/desmosFourFunctionCalculatorPreviewContents.smoke.js +2 -1
- package/cypress/e2e/ILC/Desmos/desmosGeometryToolEditTabBasicSection.js +1 -0
- package/cypress/e2e/ILC/Desmos/desmosGeometryToolPreviewContents.smoke.js +2 -1
- package/cypress/e2e/ILC/Desmos/desmosGraphingCalculatorEditTabBasicSection.js +1 -0
- package/cypress/e2e/ILC/Desmos/desmosGraphingCalculatorPreviewContents.smoke.js +2 -1
- package/cypress/e2e/ILC/Desmos/desmosMatrixCalculatorEditTabBasicSection.js +2 -2
- package/cypress/e2e/ILC/Desmos/desmosMatrixCalculatorPreviewContents.smoke.js +2 -1
- package/cypress/e2e/ILC/Desmos/desmosScientificCalculatorEditTabBasicSection.js +3 -2
- package/cypress/e2e/ILC/Desmos/desmosScientificCalculatorPreviewContents.smoke.js +2 -1
- package/cypress/e2e/ILC/DesmosGraphing/additionalSettings.js +0 -5
- package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/additionalSettingsBasic.js +124 -0
- package/cypress/e2e/ILC/DrawingResponse/drawingResponseAdditionalSettings.js +0 -9
- package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js +17 -17
- package/cypress/e2e/ILC/EssayResponse/additionalSettingsBasic.js +83 -0
- package/cypress/e2e/ILC/EssayResponse/createCustomCategory.smoke.js +32 -30
- package/cypress/e2e/ILC/EssayResponse/editCategoryFlyout.js +25 -21
- package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js +40 -41
- package/cypress/e2e/ILC/EssayResponse/equationEditorCategories1.js +249 -99
- package/cypress/e2e/ILC/EssayResponse/equationEditorCategories2.js +118 -187
- package/cypress/e2e/ILC/EssayResponseBasic/previewContentsForAllViews.smoke.js +1 -1
- package/cypress/e2e/ILC/EssayResponseMath/mathCharacters.js +1 -1
- package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/additionalSettings.js +11 -11
- package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/dropzoneSettings.js +1 -1
- package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViews.smoke.js +1 -3
- package/cypress/e2e/ILC/FillInTheGapsDropdownNew/additionalSettingsBasic.js +138 -0
- package/cypress/e2e/ILC/FillInTheGapsDropdownNew/additionalSettingsForDropdowns.js +309 -0
- package/cypress/e2e/ILC/FillInTheGapsDropdownNew/dropdownSettings.js +181 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/additionalSettingsBasic.js +132 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/additionalSettingsBasic.js +143 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/additionalSettingsForDropdowns.js +345 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/minimumScoringPenaltyPointsAndRoundingDropdown.js +194 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/supportedFileTypes.js +49 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/additionalSettingsBasic.js +25 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/additionalSettingsForAnswerInputFields.js +251 -0
- package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/supportedFileTypes.js +49 -0
- package/cypress/e2e/ILC/FillInTheGapsTextNew/additionalSettingsBasic.js +93 -0
- package/cypress/e2e/ILC/FillInTheGapsTextNew/additionalSettingsForAnswerInputFields.js +215 -0
- package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabBasicSection.js +1 -1
- package/cypress/e2e/ILC/FillInTheGapsTextNew/textContainerSettings.js +219 -0
- package/cypress/e2e/ILC/GeoGebraTools/3DGraphingCalculatorEditTabBasicSection.js +96 -0
- package/cypress/e2e/ILC/GeoGebraTools/3DGraphingCalculatorPreviewTabContents.smoke.js +75 -0
- package/cypress/e2e/ILC/GeoGebraTools/casCalculatorEditTabBasicSection.js +96 -0
- package/cypress/e2e/ILC/GeoGebraTools/casCalculatorPreviewTabContents.smoke.js +75 -0
- package/cypress/e2e/ILC/GeoGebraTools/geometryCalculatorEditTabBasicSection.js +96 -0
- package/cypress/e2e/ILC/GeoGebraTools/geometryCalculatorPreviewTabContents.smoke.js +76 -0
- package/cypress/e2e/ILC/GeoGebraTools/graphingCalculatorEditTabBasicSection.js +96 -0
- package/cypress/e2e/ILC/GeoGebraTools/graphingCalculatorPreviewTabContents.smoke.js +73 -0
- package/cypress/e2e/ILC/GeoGebraTools/probablityCalculatorEditTabBasicSection.js +96 -0
- package/cypress/e2e/ILC/GeoGebraTools/probablityCalculatorPreviewTabContents.smoke.js +75 -0
- package/cypress/e2e/ILC/GeoGebraTools/scientificCalculatorEditTabBasicSection.js +96 -0
- package/cypress/e2e/ILC/GeoGebraTools/scientificCalculatorPreviewTabContents.smoke.js +75 -0
- package/cypress/e2e/ILC/GeogebraActivity/additionalSettings.js +10 -8
- package/cypress/e2e/ILC/GeogebraActivity/gradingViewAndCorrectAnswerViewContents.smoke.js +3 -2
- package/cypress/e2e/ILC/GeogebraActivity/headerSection.js +2 -1
- package/cypress/e2e/ILC/GeogebraActivity/insertResourceLink.js +318 -0
- package/cypress/e2e/ILC/GeogebraActivity/previewTabContent.smoke.js +2 -1
- package/cypress/e2e/ILC/Graphing/additionalSettingsBasic.js +15 -4
- package/cypress/e2e/ILC/GridFill/allOrNothingBasicForAllViews.smoke.js +280 -0
- package/cypress/e2e/ILC/GridFill/checkAnswerFunctionalityForAllViews.smoke.js +136 -0
- package/cypress/e2e/ILC/GridFill/editTabScoringSection.js +205 -0
- package/cypress/e2e/ILC/GridFill/previewContentsForAllViews.smoke.js +213 -0
- package/cypress/e2e/ILC/GridFill/scoring/manuallyAndNonScored.js +106 -0
- package/cypress/e2e/ILC/GridFill/specifyCorrectAnswerSection.js +79 -0
- package/cypress/e2e/ILC/MultipleSelection/additionalSettingsBasic.js +108 -0
- package/cypress/e2e/ILC/MultipleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +251 -0
- package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js +180 -0
- package/cypress/e2e/ILC/ShortTextResponseNew/additionalSettings.js +48 -56
- package/cypress/e2e/ILC/SingleSelection/additionalSettingsBasic.js +107 -0
- package/cypress/e2e/ILC/SingleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js +251 -0
- package/cypress/e2e/ILC/SingleSelectionGridNew/previewContentsForAllViews.smoke.js +180 -0
- package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViews.smoke.js +12 -3
- package/cypress/e2e/ILC/TextEntryMath/checkAnswerFunctionalityForAllViews.smoke.js +4 -1
- package/cypress/e2e/ILC/TextEntryMath/evaluationMethodEquivalentStructures.js +93 -68
- package/cypress/e2e/ILC/TextEntryMath/evaluationMethodMatchExact.js +59 -52
- package/cypress/e2e/ILC/TextEntryMath/evaluationMethodMatchValue.js +59 -52
- package/cypress/e2e/ILC/TextEntryMath/evaluationMethodSymbolsAreEquivalent.js +61 -50
- package/cypress/e2e/ILC/TextEntryMath/evaluationMethodValueIsEquivalent.js +65 -51
- package/cypress/e2e/ILC/TextEntryMath/evaluationMethodsWithoutSetResponse.js +55 -46
- package/cypress/e2e/ILC/TextEntryMath/previewContentsForAllViews.smoke.js +6 -3
- package/cypress/e2e/ILC/TextEntryMathWithImage/allOrNothingScoringForAllViews.smoke.js +11 -9
- package/cypress/e2e/ILC/TextEntryMathWithImage/checkAnswerFunctionalityForAllViews.smoke.js +4 -3
- package/cypress/e2e/ILC/TextEntryMathWithImage/previewTabContentsForAllViews.smoke.js +4 -2
- package/cypress/e2e/ILC/UploadResponse/additionalSettingsBasic.js +85 -0
- package/cypress/e2e/ILC/UploadResponse/editTabScoringSection.js +12 -12
- package/cypress/e2e/ILC/UploadResponse/uploadResponseEditTabBasicSections.js +1 -1
- package/cypress/fixtures/constants.js +2 -0
- package/cypress/fixtures/equationEditorCategoriesAndSymbols .js +1114 -1511
- package/cypress/fixtures/theme/ilc.json +7 -1
- package/cypress/pages/audioResponsePage.js +26 -2
- package/cypress/pages/components/additionalSettingsAccessibilitySectionComponent.js +1 -0
- package/cypress/pages/components/additionalSettingsPanel.js +3 -10
- package/cypress/pages/components/ariaLabelSectionComponent.js +84 -0
- package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js +5 -2
- package/cypress/pages/components/autoScoredStudentViewSettings.js +1 -1
- package/cypress/pages/components/commonComponents.js +1 -1
- package/cypress/pages/components/createCustomCategoryFlyout.js +2 -2
- package/cypress/pages/components/createQuestionBasePage.js +1 -1
- package/cypress/pages/components/desmosToolComponent.js +1 -0
- package/cypress/pages/components/draggableOptionContainer.js +1 -1
- package/cypress/pages/components/editCategoryFlyout.js +9 -10
- package/cypress/pages/components/equationEditorFlyout.js +20 -11
- package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js +167 -3
- package/cypress/pages/components/fillInTheGapsTextCommonComponent.js +149 -6
- package/cypress/pages/components/gradingViewEnumerationComponent.js +151 -0
- package/cypress/pages/components/gridQuestionCommonComponent.js +390 -0
- package/cypress/pages/components/imageCanvasComponent.js +25 -1
- package/cypress/pages/components/index.js +5 -1
- package/cypress/pages/components/placeholderTextSectionComponent.js +110 -0
- package/cypress/pages/components/responseAreaSettingsPopupComponent.js +2 -2
- package/cypress/pages/contentBlocksPage.js +60 -1
- package/cypress/pages/dragAndDropIntoCategoriesPage.js +4 -17
- package/cypress/pages/essayResponsePage.js +14 -11
- package/cypress/pages/fillInTheGapsDragAndDropPage.js +15 -0
- package/cypress/pages/fillInTheGapsDropdownPage.js +121 -2
- package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js +3 -1
- package/cypress/pages/fillInTheGapsOverImageDropdownPage.js +70 -3
- package/cypress/pages/fillInTheGapsOverImageTextPage.js +33 -3
- package/cypress/pages/fillInTheGapsTextPage.js +81 -4
- package/cypress/pages/geoGebraActivityPage.js +75 -11
- package/cypress/pages/geoGebraToolsPage.js +292 -0
- package/cypress/pages/graphingPage.js +2 -1
- package/cypress/pages/gridFillPage.js +713 -0
- package/cypress/pages/index.js +3 -1
- package/cypress/pages/multipleSelectionGridPage.js +71 -317
- package/cypress/pages/multipleSelectionPage.js +2 -1
- package/cypress/pages/selectQuestionResourceToolPage.js +13 -2
- package/cypress/pages/singleSelectionGridPage.js +78 -329
- package/cypress/pages/singleSelectionPage.js +2 -1
- package/cypress/pages/textEntryMathPage.js +24 -6
- package/cypress/pages/textEntryMathWithImagePage.js +1 -1
- package/cypress/pages/uploadResponsePage.js +4 -3
- package/package.json +1 -1
- package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/additionalSettings.js +0 -43
- package/cypress/pages/components/fillInTheGapsCommonComponents.js +0 -642
@@ -0,0 +1,124 @@
|
|
1
|
+
import { dragAndDropIntoCategoriesPage } from "../../../pages";
|
2
|
+
import abortEarlySetup from "../../../support/helpers/abortEarly";
|
3
|
+
import utilities from "../../../support/helpers/utilities";
|
4
|
+
const css = Cypress.env('css');
|
5
|
+
|
6
|
+
const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
|
7
|
+
const options = ['Bat', 'Eagle'];
|
8
|
+
|
9
|
+
describe('Drag and drop into categories - Additional settings', () => {
|
10
|
+
before(() => {
|
11
|
+
cy.loginAs('admin');
|
12
|
+
});
|
13
|
+
|
14
|
+
describe('Additional settings accordion', () => {
|
15
|
+
abortEarlySetup();
|
16
|
+
before(() => {
|
17
|
+
dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
|
18
|
+
});
|
19
|
+
|
20
|
+
dragAndDropIntoCategoriesPage.tests.verifyAdditionalSettingsAccordionProperties();
|
21
|
+
});
|
22
|
+
|
23
|
+
describe('Additional settings: Font size - Contents in edit tab', () => {
|
24
|
+
abortEarlySetup();
|
25
|
+
before(() => {
|
26
|
+
dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
|
27
|
+
cy.barsPreLoaderWait();
|
28
|
+
dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
|
29
|
+
});
|
30
|
+
|
31
|
+
dragAndDropIntoCategoriesPage.tests.verifyFontSizeSectionContents();
|
32
|
+
});
|
33
|
+
|
34
|
+
describe('Additional settings: Font size - functionality in edit tab', () => {
|
35
|
+
abortEarlySetup();
|
36
|
+
before(() => {
|
37
|
+
dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
|
38
|
+
cy.barsPreLoaderWait();
|
39
|
+
dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop into categories');
|
40
|
+
dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(options);
|
41
|
+
dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
|
42
|
+
});
|
43
|
+
|
44
|
+
Object.keys(fontSizes).forEach((option) => {
|
45
|
+
it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab options should change to ${fontSizes[option]} accordingly`, () => {
|
46
|
+
dragAndDropIntoCategoriesPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
|
47
|
+
utilities.verifyInnerText(dragAndDropIntoCategoriesPage.fontSizeDropdown(), `${option}`);
|
48
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.tableCellLabel(), {
|
49
|
+
'font-size': css.fontSize.heading
|
50
|
+
});
|
51
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOptionText(), {
|
52
|
+
'font-size': fontSizes[option]
|
53
|
+
});
|
54
|
+
});
|
55
|
+
});
|
56
|
+
});
|
57
|
+
|
58
|
+
describe('Additional settings: Font size - functionality in preview tab', () => {
|
59
|
+
abortEarlySetup();
|
60
|
+
before(() => {
|
61
|
+
dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
|
62
|
+
cy.barsPreLoaderWait();
|
63
|
+
dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop into categories');
|
64
|
+
dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(options);
|
65
|
+
dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
|
66
|
+
dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
|
67
|
+
});
|
68
|
+
|
69
|
+
Object.keys(fontSizes).forEach((option) => {
|
70
|
+
it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
|
71
|
+
dragAndDropIntoCategoriesPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
|
72
|
+
utilities.verifyInnerText(dragAndDropIntoCategoriesPage.fontSizeDropdown(), `${option}`);
|
73
|
+
dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
|
74
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.questionInstructionsText(), {
|
75
|
+
'font-size': fontSizes[option]
|
76
|
+
});
|
77
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.tableCellLabel(), {
|
78
|
+
'font-size': css.fontSize.heading
|
79
|
+
});
|
80
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOptionText(), {
|
81
|
+
'font-size': fontSizes[option]
|
82
|
+
});
|
83
|
+
dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
|
84
|
+
dragAndDropIntoCategoriesPage.steps.switchToGradingView();
|
85
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.dropzoneCellNumeration(), {
|
86
|
+
'font-size': fontSizes[option]
|
87
|
+
});
|
88
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswersLabel(), {
|
89
|
+
'font-size': fontSizes[option]
|
90
|
+
});
|
91
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerOption(), {
|
92
|
+
'font-size': fontSizes[option]
|
93
|
+
});
|
94
|
+
utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectStatusMessageText(), {
|
95
|
+
'font-size': fontSizes[option]
|
96
|
+
});
|
97
|
+
dragAndDropIntoCategoriesPage.steps.switchToStudentView();
|
98
|
+
dragAndDropIntoCategoriesPage.steps.switchToEditTab();
|
99
|
+
});
|
100
|
+
});
|
101
|
+
});
|
102
|
+
|
103
|
+
describe('Additional settings: Accessibility section', () => {
|
104
|
+
abortEarlySetup();
|
105
|
+
before(() => {
|
106
|
+
dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
|
107
|
+
cy.barsPreLoaderWait();
|
108
|
+
dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
|
109
|
+
});
|
110
|
+
|
111
|
+
dragAndDropIntoCategoriesPage.tests.verifyAdditionalSettingsAccessibilitySection();
|
112
|
+
});
|
113
|
+
|
114
|
+
describe('Additional settings: Details section', () => {
|
115
|
+
abortEarlySetup();
|
116
|
+
before(() => {
|
117
|
+
dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
|
118
|
+
cy.barsPreLoaderWait();
|
119
|
+
dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
|
120
|
+
});
|
121
|
+
|
122
|
+
dragAndDropIntoCategoriesPage.tests.verifyDetailsSection();
|
123
|
+
});
|
124
|
+
});
|
@@ -19,7 +19,6 @@ describe('Drawing response - Additional settings', () => {
|
|
19
19
|
describe('Additional settings accordion', () => {
|
20
20
|
abortEarlySetup();
|
21
21
|
before(() => {
|
22
|
-
cy.log('Navigating to drawing response question type');
|
23
22
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
24
23
|
cy.barsPreLoaderWait();
|
25
24
|
});
|
@@ -30,7 +29,6 @@ describe('Drawing response - Additional settings', () => {
|
|
30
29
|
describe('Additional settings: Default stroke/line thickness - Contents', () => {
|
31
30
|
abortEarlySetup();
|
32
31
|
before(() => {
|
33
|
-
cy.log('Navigating to drawing response question type');
|
34
32
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
35
33
|
cy.barsPreLoaderWait();
|
36
34
|
drawingResponsePage.steps.expandAdditionalSettings();
|
@@ -112,7 +110,6 @@ describe('Drawing response - Additional settings', () => {
|
|
112
110
|
describe('Additional settings: Default stroke/line thickness - Preview tab', () => {
|
113
111
|
abortEarlySetup();
|
114
112
|
before(() => {
|
115
|
-
cy.log('Navigating to drawing response question type');
|
116
113
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
117
114
|
cy.barsPreLoaderWait();
|
118
115
|
drawingResponsePage.steps.switchToPreviewTab();
|
@@ -138,7 +135,6 @@ describe('Drawing response - Additional settings', () => {
|
|
138
135
|
describe('Additional settings: Set line type - Contents', () => {
|
139
136
|
abortEarlySetup();
|
140
137
|
before(() => {
|
141
|
-
cy.log('Navigating to drawing response question type');
|
142
138
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
143
139
|
cy.barsPreLoaderWait();
|
144
140
|
drawingResponsePage.steps.expandAdditionalSettings();
|
@@ -205,7 +201,6 @@ describe('Drawing response - Additional settings', () => {
|
|
205
201
|
describe('Additional settings: Set line type - Preview tab', () => {
|
206
202
|
abortEarlySetup();
|
207
203
|
before(() => {
|
208
|
-
cy.log('Navigating to drawing response question type');
|
209
204
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
210
205
|
cy.barsPreLoaderWait();
|
211
206
|
drawingResponsePage.steps.switchToPreviewTab();
|
@@ -233,7 +228,6 @@ describe('Drawing response - Additional settings', () => {
|
|
233
228
|
describe('Additional settings: Spell check - Contents', () => {
|
234
229
|
abortEarlySetup();
|
235
230
|
before(() => {
|
236
|
-
cy.log('Navigating to drawing response question type');
|
237
231
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
238
232
|
cy.barsPreLoaderWait();
|
239
233
|
drawingResponsePage.steps.expandAdditonalSettings();
|
@@ -280,7 +274,6 @@ describe('Drawing response - Additional settings', () => {
|
|
280
274
|
describe('Additional settings: Font size dropdown- Contents', () => {
|
281
275
|
abortEarlySetup();
|
282
276
|
before(() => {
|
283
|
-
cy.log('Navigating to drawing response question type');
|
284
277
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
285
278
|
cy.barsPreLoaderWait();
|
286
279
|
drawingResponsePage.steps.expandAdditionalSettings();
|
@@ -292,7 +285,6 @@ describe('Drawing response - Additional settings', () => {
|
|
292
285
|
describe('Additional settings: Font size dropdown - Functionality in preview tab', () => {
|
293
286
|
abortEarlySetup();
|
294
287
|
before(() => {
|
295
|
-
cy.log('Navigating to drawing response question type');
|
296
288
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
297
289
|
cy.barsPreLoaderWait();
|
298
290
|
drawingResponsePage.steps.addQuestionInstructions();
|
@@ -366,7 +358,6 @@ describe('Drawing response - Additional settings', () => {
|
|
366
358
|
describe('Additional settings: Details section', () => {
|
367
359
|
abortEarlySetup();
|
368
360
|
before(() => {
|
369
|
-
cy.log('Navigating to drawing response question type');
|
370
361
|
drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
|
371
362
|
cy.barsPreLoaderWait();
|
372
363
|
drawingResponsePage.steps.expandAdditionalSettings();
|
@@ -728,8 +728,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
728
728
|
|
729
729
|
it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
|
730
730
|
colorPopupComponent.steps.clickInColorSaturationPalette();
|
731
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
732
|
-
colorPopupComponent.steps.verifySaturationPaletteColor('rgb(
|
731
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
732
|
+
colorPopupComponent.steps.verifySaturationPaletteColor('rgb(120, 60, 60)');
|
733
733
|
colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
|
734
734
|
});
|
735
735
|
|
@@ -750,13 +750,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
750
750
|
|
751
751
|
it('When user makes some changes in the \'Text color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
|
752
752
|
colorPopupComponent.steps.clickInColorSaturationPalette();
|
753
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
753
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
754
754
|
drawingResponsePage.steps.clickOnColorPopupOkButton();
|
755
755
|
drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
|
756
756
|
});
|
757
757
|
|
758
758
|
it('The updated text color should be displayed under the \'Text color\' secondary toolbar option', () => {
|
759
|
-
drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(
|
759
|
+
drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(120, 60, 60)');
|
760
760
|
});
|
761
761
|
|
762
762
|
it('When user reopens the \'Text color\' popup by clicking on the toolbar option, the popup should reopen and all its previously made changes should be retained/present', () => {
|
@@ -764,9 +764,9 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
764
764
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
|
765
765
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
|
766
766
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
|
767
|
-
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(
|
767
|
+
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
|
768
768
|
drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
|
769
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
769
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
770
770
|
});
|
771
771
|
|
772
772
|
it('CSS of color popup', { tags: 'css' }, () => {
|
@@ -898,8 +898,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
898
898
|
|
899
899
|
it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
|
900
900
|
colorPopupComponent.steps.clickInColorSaturationPalette();
|
901
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
902
|
-
colorPopupComponent.steps.verifySaturationPaletteColor('rgb(
|
901
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
902
|
+
colorPopupComponent.steps.verifySaturationPaletteColor('rgb(120, 60, 60)');
|
903
903
|
colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
|
904
904
|
});
|
905
905
|
|
@@ -926,13 +926,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
926
926
|
|
927
927
|
it('When user makes some changes in the \'Fill color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
|
928
928
|
colorPopupComponent.steps.clickInColorSaturationPalette();
|
929
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
929
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
930
930
|
drawingResponsePage.steps.clickOnColorPopupOkButton();
|
931
931
|
drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
|
932
932
|
});
|
933
933
|
|
934
934
|
it('The updated fill color should be displayed under the \'Fill color\' secondary toolbar option', () => {
|
935
|
-
drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(
|
935
|
+
drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(120, 60, 60)');
|
936
936
|
});
|
937
937
|
|
938
938
|
it('When user reopens the \'Fill color\' popup, the popup should reopen and all its previous changes should be retained', () => {
|
@@ -940,10 +940,10 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
940
940
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 224, 255)');
|
941
941
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');
|
942
942
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(255, 90, 51)');
|
943
|
-
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(
|
943
|
+
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
|
944
944
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
|
945
945
|
drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
|
946
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
946
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
947
947
|
});
|
948
948
|
|
949
949
|
it('CSS of color popup contents', { tags: 'css' }, () => {
|
@@ -1076,7 +1076,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
1076
1076
|
//Update below test case as per https://redmine.zeuslearning.com/issues/550787
|
1077
1077
|
it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
|
1078
1078
|
colorPopupComponent.steps.clickInColorSaturationPalette();
|
1079
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
1079
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
1080
1080
|
});
|
1081
1081
|
|
1082
1082
|
it('\'Ok\' and \'Cancel\' button should be displayed in the popup', () => {
|
@@ -1101,23 +1101,23 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
|
|
1101
1101
|
|
1102
1102
|
it('When user makes some changes in the \'Stroke color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
|
1103
1103
|
colorPopupComponent.steps.clickInColorSaturationPalette();
|
1104
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
1104
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
1105
1105
|
drawingResponsePage.steps.clickOnColorPopupOkButton();
|
1106
1106
|
drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
|
1107
1107
|
});
|
1108
1108
|
|
1109
1109
|
it('The updated stroke color should be displayed under the \'Stroke color\' secondary toolbar option', () => {
|
1110
|
-
drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(
|
1110
|
+
drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(120, 60, 60)');
|
1111
1111
|
});
|
1112
1112
|
|
1113
1113
|
it('When user reopens the \'Stroke color\' popup, the popup should reopen and all its previous changes should be retained', () => {
|
1114
1114
|
drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]);
|
1115
1115
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
|
1116
1116
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
|
1117
|
-
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(
|
1117
|
+
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
|
1118
1118
|
drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
|
1119
1119
|
drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
|
1120
|
-
drawingResponsePage.steps.verifySelectedColorBlock('rgb(
|
1120
|
+
drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
|
1121
1121
|
});
|
1122
1122
|
|
1123
1123
|
it('CSS of color popup contents', { tags: 'css' }, () => {
|
@@ -0,0 +1,83 @@
|
|
1
|
+
import { essayResponsePage } from "../../../pages";
|
2
|
+
import abortEarlySetup from "../../../support/helpers/abortEarly";
|
3
|
+
import utilities from "../../../support/helpers/utilities";
|
4
|
+
const css = Cypress.env('css');
|
5
|
+
|
6
|
+
const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
|
7
|
+
const options = ['Bat', 'Eagle'];
|
8
|
+
|
9
|
+
describe('Essay response - Additional settings', () => {
|
10
|
+
before(() => {
|
11
|
+
cy.loginAs('admin');
|
12
|
+
});
|
13
|
+
|
14
|
+
describe('Additional settings accordion', () => {
|
15
|
+
abortEarlySetup();
|
16
|
+
before(() => {
|
17
|
+
essayResponsePage.steps.navigateToCreateQuestion('essay response');
|
18
|
+
});
|
19
|
+
|
20
|
+
essayResponsePage.tests.verifyAdditionalSettingsAccordionProperties();
|
21
|
+
});
|
22
|
+
|
23
|
+
describe('Additional settings: Font size - Contents in edit tab', () => {
|
24
|
+
abortEarlySetup();
|
25
|
+
before(() => {
|
26
|
+
essayResponsePage.steps.navigateToCreateQuestion('essay response');
|
27
|
+
cy.barsPreLoaderWait();
|
28
|
+
essayResponsePage.steps.expandAdditionalSettings();
|
29
|
+
});
|
30
|
+
|
31
|
+
essayResponsePage.tests.verifyFontSizeSectionContents();
|
32
|
+
});
|
33
|
+
|
34
|
+
describe('Additional settings: Font size - functionality in preview tab', () => {
|
35
|
+
abortEarlySetup();
|
36
|
+
before(() => {
|
37
|
+
essayResponsePage.steps.navigateToCreateQuestion('essay response');
|
38
|
+
cy.barsPreLoaderWait();
|
39
|
+
essayResponsePage.steps.addTextInQuestionInstructionsInputField('Essay response');
|
40
|
+
essayResponsePage.steps.expandAdditionalSettings();
|
41
|
+
});
|
42
|
+
|
43
|
+
Object.keys(fontSizes).forEach((option) => {
|
44
|
+
it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
|
45
|
+
essayResponsePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
|
46
|
+
utilities.verifyInnerText(essayResponsePage.fontSizeDropdown(), `${option}`);
|
47
|
+
essayResponsePage.steps.switchToPreviewTab();
|
48
|
+
utilities.verifyCSS(essayResponsePage.questionInstructionsText(), {
|
49
|
+
'font-size': fontSizes[option]
|
50
|
+
});
|
51
|
+
utilities.verifyCSS(essayResponsePage.previewTabToolbarOption(), {
|
52
|
+
'font-size': fontSizes[option]
|
53
|
+
});
|
54
|
+
utilities.verifyCSS(essayResponsePage.responseField(), {
|
55
|
+
'font-size': fontSizes[option]
|
56
|
+
});
|
57
|
+
essayResponsePage.steps.switchToEditTab();
|
58
|
+
});
|
59
|
+
});
|
60
|
+
});
|
61
|
+
|
62
|
+
describe('Additional settings: Accessibility section', () => {
|
63
|
+
abortEarlySetup();
|
64
|
+
before(() => {
|
65
|
+
essayResponsePage.steps.navigateToCreateQuestion('essay response');
|
66
|
+
cy.barsPreLoaderWait();
|
67
|
+
essayResponsePage.steps.expandAdditionalSettings();
|
68
|
+
});
|
69
|
+
|
70
|
+
essayResponsePage.tests.verifyAdditionalSettingsAccessibilitySection();
|
71
|
+
});
|
72
|
+
|
73
|
+
describe('Additional settings: Details section', () => {
|
74
|
+
abortEarlySetup();
|
75
|
+
before(() => {
|
76
|
+
essayResponsePage.steps.navigateToCreateQuestion('essay response');
|
77
|
+
cy.barsPreLoaderWait();
|
78
|
+
essayResponsePage.steps.expandAdditionalSettings();
|
79
|
+
});
|
80
|
+
|
81
|
+
essayResponsePage.tests.verifyDetailsSection();
|
82
|
+
});
|
83
|
+
});
|
@@ -193,9 +193,9 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
193
193
|
createCustomCategoryFlyout.steps.verifyCreateCustomCategoryAccordionLabelsAndDefaultCheckbox();
|
194
194
|
});
|
195
195
|
|
196
|
-
it(`By default, the ${equationEditorCategoriesAndSymbols['
|
196
|
+
it(`By default, the ${equationEditorCategoriesAndSymbols['numPad'].displayName} category accordion should be expanded and other all accordions should be in collapsed state`, () => {
|
197
197
|
for (let index = 0; index < allCategories.length; index++) {
|
198
|
-
if (allCategories[index] === '
|
198
|
+
if (allCategories[index] === 'numPad') {
|
199
199
|
createCustomCategoryFlyout.steps.verifyCategoryAccordionIsExpanded(`${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`);
|
200
200
|
} else {
|
201
201
|
createCustomCategoryFlyout.steps.verifyCategoryAccordionIsCollapsed(`${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`);
|
@@ -294,47 +294,46 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
294
294
|
});
|
295
295
|
|
296
296
|
it('When user clicks on a symbol then that symbol should get selected and appear in the selected symbols region', () => {
|
297
|
-
createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
298
|
-
createCustomCategoryFlyout.steps.verifySymbolIsDisplayedInSelectedSymbolsSection([`${equationEditorCategoriesAndSymbols.
|
297
|
+
createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${equationEditorCategoriesAndSymbols.numPad.symbols.add.ariaLabel}`);
|
298
|
+
createCustomCategoryFlyout.steps.verifySymbolIsDisplayedInSelectedSymbolsSection([`${equationEditorCategoriesAndSymbols.numPad.symbols.add.ariaLabel}`]);
|
299
299
|
});
|
300
300
|
|
301
301
|
it('When user partially selects symbols from any category then that category\'s checkbox should be in partially checked state', () => {
|
302
|
-
createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
302
|
+
createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
|
303
303
|
});
|
304
304
|
|
305
305
|
it('When user selects a symbol shared between two categories from any one of the categories then the symbol should get selected in the other category as well and the checkboxes should be partially checked', () => {
|
306
306
|
//Select common symbol in keypad category
|
307
|
-
createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
307
|
+
createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${equationEditorCategoriesAndSymbols.numPad.symbols.dotMultiplier.ariaLabel}`);
|
308
308
|
//Verify common symbol is selected in basic category
|
309
|
-
createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['
|
310
|
-
createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
309
|
+
createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['intermediate'].displayName}`);
|
310
|
+
createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols.numPad.symbols.dotMultiplier.ariaLabel}`);
|
311
311
|
//Verify checkboxes for both categories are partially selected
|
312
|
-
createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
313
|
-
createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
312
|
+
createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
|
313
|
+
createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`);
|
314
314
|
});
|
315
315
|
|
316
316
|
it('When user selects the checkbox of a partially checked category then all the symbols from that category should appear in the \'Selected symbols:\' section', () => {
|
317
|
-
const selectedSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['
|
318
|
-
const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['
|
317
|
+
const selectedSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols).map((icon) => icon.ariaLabel));
|
318
|
+
const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols)
|
319
319
|
cy.log('Open the Custom category flyout and partially select a category')
|
320
|
-
createCustomCategoryFlyout.steps.
|
321
|
-
createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
|
320
|
+
createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
|
322
321
|
selectedSymbolsArray.forEach((selectedSymbol) => {
|
323
|
-
createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
322
|
+
createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${selectedSymbol}`);
|
324
323
|
});
|
325
324
|
createCustomCategoryFlyout.steps.verifySymbolIsDisplayedInSelectedSymbolsSection(selectedSymbolsArray);
|
326
325
|
});
|
327
326
|
|
328
327
|
it('When user unchecks the fully checked checkbox then all the symbols from that category as well as from the shared categories should get deselected and should not be displayed in \'Selected symbols:\' section', () => {
|
329
|
-
const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['
|
330
|
-
const basicSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['
|
331
|
-
createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
328
|
+
const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols).map((icon) => icon.ariaLabel));
|
329
|
+
const basicSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['matrices'].symbols).map((icon) => icon.ariaLabel));
|
330
|
+
createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
|
332
331
|
utilities.verifyElementVisibilityState(createCustomCategoryFlyout.selectedSymbols(), 'notExist');
|
333
332
|
keypadSymbolsArray.forEach((selectedSymbol) => {
|
334
|
-
createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
333
|
+
createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${selectedSymbol}`);
|
335
334
|
});
|
336
335
|
basicSymbolsArray.forEach((selectedSymbol) => {
|
337
|
-
createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
336
|
+
createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${selectedSymbol}`);
|
338
337
|
});
|
339
338
|
});
|
340
339
|
|
@@ -369,15 +368,15 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
369
368
|
});
|
370
369
|
|
371
370
|
it('If all symbols are deselected from a category then the checkbox for that category should get unchecked', () => {
|
372
|
-
const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['
|
371
|
+
const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols).map((icon) => icon.title));
|
373
372
|
cy.log('Pre step: Reopen the create custom category and select one category')
|
374
373
|
createCustomCategoryFlyout.steps.clickOnCancelButton();
|
375
374
|
createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
|
376
|
-
createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
375
|
+
createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
|
377
376
|
keypadSymbolsArray.forEach((symbol) => {
|
378
377
|
createCustomCategoryFlyout.steps.deselectSymbolInSelectedSymbolsSection(symbol);
|
379
378
|
});
|
380
|
-
createCustomCategoryFlyout.steps.verifyUncheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
379
|
+
createCustomCategoryFlyout.steps.verifyUncheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
|
381
380
|
});
|
382
381
|
});
|
383
382
|
}
|
@@ -454,6 +453,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
454
453
|
});
|
455
454
|
|
456
455
|
it('The category with no added characters should not be displayed in the preview tab equation editor', () => {
|
456
|
+
equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
|
457
457
|
equationEditorFlyout.steps.verifyCategoryIsNotDisplayedInEquationEditorPreviewTab('Custom category without characters');
|
458
458
|
});
|
459
459
|
|
@@ -472,7 +472,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
472
472
|
});
|
473
473
|
|
474
474
|
it('User should be able to add symbols from both the custom categories to the Equation Editor Input field', () => {
|
475
|
-
equationEditorFlyout.steps.enterEquation([{ categoryName: 'Custom category with name.', symbolName: [`${customCategory.symbols.nine.ariaLabel}`, `${customCategory.symbols.divide.ariaLabel}`, `${customCategory.symbols.delta.ariaLabel}`] }, { categoryName: 'Custom category with name and icon.', symbolName: [`${equationEditorCategoriesAndSymbols.
|
475
|
+
equationEditorFlyout.steps.enterEquation([{ categoryName: 'Custom category with name.', symbolName: [`${customCategory.symbols.nine.ariaLabel}`, `${customCategory.symbols.divide.ariaLabel}`, `${customCategory.symbols.delta.ariaLabel}`] }, { categoryName: 'Custom category with name and icon.', symbolName: [`${equationEditorCategoriesAndSymbols.geo.symbols.topLeftArrow.ariaLabel}`, `${equationEditorCategoriesAndSymbols.geo.symbols.topRightArrow.ariaLabel}`] }]);
|
476
476
|
utilities.verifyTextContent(equationEditorFlyout.previewInputField(), '9÷δ⇓↩');
|
477
477
|
});
|
478
478
|
|
@@ -510,10 +510,10 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
510
510
|
});
|
511
511
|
|
512
512
|
it('The Category name and Category icon should be prefilled and selected symbols should be displayed', () => {
|
513
|
-
const symbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['
|
514
|
-
createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['
|
513
|
+
const symbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['geo'].symbols).map((icon) => icon.ariaLabel));
|
514
|
+
createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['geo'].displayName}`);
|
515
515
|
symbolsArray.forEach((symbol) => {
|
516
|
-
createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['
|
516
|
+
createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['geo'].displayName}`, symbol)
|
517
517
|
});
|
518
518
|
createCustomCategoryFlyout.steps.verifyCustomCategoryNameInputField('Custom category with name and icon.');
|
519
519
|
createCustomCategoryFlyout.steps.verifyCategoryIconInputField('#');
|
@@ -523,18 +523,20 @@ describe('Create question page - Essay Response: Create custom category', () =>
|
|
523
523
|
it('When the user edits the Category name, Category Icon and selected symbols, then on clicking save the updated changes should be displayed in the Equation editor section', () => {
|
524
524
|
createCustomCategoryFlyout.steps.addInputToCustomCategoryNameInputField('Edited category name');
|
525
525
|
createCustomCategoryFlyout.steps.addInputToCategoryIconInputField('@');
|
526
|
-
createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
527
|
-
createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['
|
526
|
+
createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['geo'].displayName}`);
|
527
|
+
createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['delimiters'].displayName}`);
|
528
528
|
createCustomCategoryFlyout.steps.saveCustomCategory();
|
529
529
|
essayResponsePage.steps.verifyAddedCustomCategoryContainerIsDisplayed('Edited category name', '@');
|
530
530
|
});
|
531
531
|
|
532
532
|
it('The updated Category name, Category Icon and selected symbols should also be displayed in the Equation editor flyout', () => {
|
533
|
-
const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['
|
533
|
+
const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['delimiters'].symbols)
|
534
534
|
cy.log('Switching to preview tab and opening Equation editor flyout')
|
535
535
|
essayResponsePage.steps.switchToPreviewTab();
|
536
536
|
essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
|
537
|
+
equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
|
537
538
|
equationEditorFlyout.steps.verifyCategoryInEquationEditorPreviewTab('Edited category name', '@');
|
539
|
+
equationEditorFlyout.steps.selectEquationEditorCategoryPreviewTab('Edited category name');
|
538
540
|
//Failing due to https://redmine.zeuslearning.com/issues/526950
|
539
541
|
equationEditorFlyout.steps.verifyCharactersDisplayedInEquationEditorCategoryPreviewTab(symbolsArray);
|
540
542
|
});
|