itemengine-cypress-automation 1.0.248-23rdSeptUpdates-8103a8f.0 → 1.0.249-repoUpdated26thSept-7283964.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (25) hide show
  1. package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsAlternativePointsGreaterThanCorrectPoints.js +1 -1
  2. package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePoints.js +1 -1
  3. package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/Scoring/allOrNothingCorrectPointsEqualToAlternativePoints.js +5 -5
  4. package/cypress/e2e/ILC/DrawingResponse/drawingResponseCustomizeAdditionalOptions.js +8 -0
  5. package/cypress/e2e/ILC/EssayResponse/equationEditor.smoke.js +2 -0
  6. package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/dropzoneAlternateAnswerPopup.js +1 -1
  7. package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/editTabBasicSection.js +1 -2
  8. package/cypress/e2e/ILC/ImageHighlight/additionalSettingsBasic.js +0 -2
  9. package/cypress/e2e/ILC/ListOrderingNew/styleAndLayoutCustomizationDropDown.js +166 -0
  10. package/cypress/e2e/ILC/ListOrderingNew/styleAndLayoutCustomizationSameList.js +1 -0
  11. package/cypress/e2e/ILC/ListOrderingNew/styleAndLayoutCustomizationSeperateList.js +344 -0
  12. package/cypress/e2e/ILC/Matching/questionInstructionsAndPromptSection.js +4 -17
  13. package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js +121 -0
  14. package/cypress/e2e/ILC/VideoResponseNew/editTabBasicSection.js +6 -3
  15. package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js +2 -2
  16. package/cypress/pages/components/fillInTheGapsTextCommonComponent.js +1 -2
  17. package/cypress/pages/components/imageCanvasComponent.js +4 -7
  18. package/cypress/pages/components/listOrderingCommonStyleAndLayoutComponent.js +287 -53
  19. package/cypress/pages/fillInTheGapsDragAndDropPage.js +2 -1
  20. package/cypress/pages/listOrderingPage.js +1 -1
  21. package/cypress/pages/matchingPage.js +1 -1
  22. package/cypress/pages/uploadResponsePage.js +49 -4
  23. package/deploy/e2e/deploy.yaml +2 -2
  24. package/deploy/smoke/deploy.yaml +2 -2
  25. package/package.json +1 -1
@@ -329,7 +329,7 @@ describe('Create item page - Charts - Bar: Partial equal weights scoring with al
329
329
  chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
330
330
  chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
331
331
  chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
332
- chartsBarPage.steps.verifyPreviewScore(8, 20);
332
+ chartsBarPage.steps.verifyPreviewScore(12.5, 20);
333
333
  chartsBarPage.steps.switchToGradingView();
334
334
  chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
335
335
  chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
@@ -328,7 +328,7 @@ describe('Create item page - Charts - Bar: Partial equal weights scoring with al
328
328
 
329
329
  chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 8, range: 10 });
330
330
  chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
331
- chartsBarPage.steps.verifyPreviewScore(8, 20);
331
+ chartsBarPage.steps.verifyPreviewScore(12.5, 20);
332
332
  chartsBarPage.steps.switchToGradingView();
333
333
  chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
334
334
  chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
@@ -123,12 +123,12 @@ describe('Create item page - Drag and drop into categories: All or nothing with
123
123
  dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Platypus': 4 });
124
124
  dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
125
125
  dragAndDropIntoCategoriesPage.steps.switchToGradingView();
126
- dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
126
+ dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
127
127
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
128
- dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
129
- dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
128
+ dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
129
+ dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
130
130
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
131
- dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
131
+ dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
132
132
  dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
133
133
  /*cy.log('When the user has attempted the question with partially correct with all the cells correct as per the alternative accordion but one cell incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
134
134
  dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -149,7 +149,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
149
149
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
150
150
  dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
151
151
  dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
152
- dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
152
+ dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
153
153
  dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
154
154
  /*cy.log('When the user has attempted the question with partially correct with more number of options exclusively from the alternative accordion but with one option common across both accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the responses from the alternative accordion response as well as common response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
155
155
  dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -37,6 +37,8 @@ describe('Create item page - Drawing response: Customize special characters, Cus
37
37
  //Add this verification once https://redmine.zeuslearning.com/issues/555008 is resolved
38
38
  cy.log('Post-step: Switching to edit tab');
39
39
  drawingResponsePage.steps.switchToEditTab();
40
+ //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
41
+ drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
40
42
  });
41
43
 
42
44
  it('When the user checks the \'Show only custom special characters\' radio button, \'Custom special characters\' label and input field should be displayed. A \'Preview\' hyperlink should be displayed next to the label', () => {
@@ -62,6 +64,8 @@ describe('Create item page - Drawing response: Customize special characters, Cus
62
64
  drawingResponsePage.steps.verifyCustomSpecialCharactersDisplayedInPreviewTab(customSpecialCharacters);
63
65
  cy.log('Post-step: Switching to edit tab');
64
66
  drawingResponsePage.steps.switchToEditTab();
67
+ //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
68
+ drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
65
69
  });
66
70
 
67
71
  it('CSS of Customize special characters', { tags: 'css' }, () => {
@@ -231,6 +235,8 @@ describe('Create item page - Drawing response: Customize special characters, Cus
231
235
  drawingResponsePage.steps.verifyMathCharactersPopupCategoriesAndSymbols(newSelectedCategoryList);
232
236
  cy.log('Post-step: Switching to edit tab');
233
237
  drawingResponsePage.steps.switchToEditTab();
238
+ //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
239
+ drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
234
240
  });
235
241
 
236
242
  it('CSS of Customize math characters', { tags: 'css' }, () => {
@@ -412,6 +418,8 @@ describe('Create item page - Drawing response: Customize special characters, Cus
412
418
  cy.log('Post-step: Closing stroke color color popup, switching to edit tab and deselecting polygon toolbar option');
413
419
  drawingResponsePage.steps.closeSecondaryPopup();
414
420
  drawingResponsePage.steps.switchToEditTab();
421
+ //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
422
+ drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
415
423
  drawingResponsePage.steps.deselectToolbarOptionsAndControlsFormattingOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[11].displayName}`]);
416
424
  });
417
425
 
@@ -293,6 +293,8 @@ describe('Create question page - Essay Response: Equation Editor functionality',
293
293
  utilities.verifyElementVisibilityState(equationEditorFlyout.categoryCharactersWrapper(), 'notExist');
294
294
  cy.log('Post step: Switching to Edit tab')
295
295
  essayResponsePage.steps.switchToEditTab();
296
+ //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
297
+ essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
296
298
  });
297
299
 
298
300
  //https://redmine.zeuslearning.com/issues/530205
@@ -153,7 +153,7 @@ describe('Create item page - Fill in the gaps with text: Dropzone level alternat
153
153
 
154
154
  it('When user opens the alternate answer popup for another dropzone, then alternate answer popup with the title and options as per the corresponding dropzone should be displayed', () => {
155
155
  fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 1 });
156
- fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(1);
156
+ fillInTheGapsDragAndDropPage.steps.clickOnAddAlternateButton(2);
157
157
  utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupTitle(), 'Dropzone 2 alternate answer(s)');
158
158
  utilities.verifyInnerText(fillInTheGapsDragAndDropPage.alternateAnswerPopupHelpText(), 'Select alternate answer(s).');
159
159
  fillInTheGapsDragAndDropPage.steps.verifyDropzoneAlternateAnswerPopupOptions(['Petals', 'Roots', 'Stem']);
@@ -282,7 +282,6 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
282
282
  fillInTheGapsOverImageDropdownPage.steps.verifyTextColorOfTextBoxInPreviewTab('rgb(0, 0, 46)');
283
283
  fillInTheGapsOverImageDropdownPage.steps.verifyTextOfTextBoxInPreviewTab('Inserted text');
284
284
  });
285
-
286
285
  //remove the following skips when https://redmine.zeuslearning.com/issues/574944 is resolved.
287
286
  it.skip('When the user clicks on the undo button in edit tab, then previous action should be reversed and same should reflect in preview tab', () => {
288
287
  fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
@@ -424,4 +423,4 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
424
423
 
425
424
  fillInTheGapsOverImageDropdownPage.tests.verifyImageNotExistPreviewTab();
426
425
  });
427
- })
426
+ });
@@ -38,7 +38,6 @@ describe('Create Item page - Image highlight : Additional settings', () => {
38
38
  abortEarlySetup();
39
39
  before(() => {
40
40
  imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
41
- cy.barsPreLoaderWait();
42
41
  imageHighlightPage.steps.uploadFile('highlightImage.jpg');
43
42
  imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
44
43
  imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
@@ -66,7 +65,6 @@ describe('Create Item page - Image highlight : Additional settings', () => {
66
65
  abortEarlySetup();
67
66
  before(() => {
68
67
  imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
69
- cy.barsPreLoaderWait();
70
68
  imageHighlightPage.steps.uploadFile('highlightImage.jpg');
71
69
  imageHighlightPage.steps.addTextInQuestionInstructionsInputField('Select the appropriate highlight in the image below');
72
70
  imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
@@ -0,0 +1,166 @@
1
+ import { listOrderingPage } from "../../../pages";
2
+ import { colorPopupComponent } from "../../../pages/components";
3
+ import abortEarlySetup from "../../../support/helpers/abortEarly";
4
+ import utilities from "../../../support/helpers/utilities";
5
+ const css = Cypress.env('css');
6
+
7
+
8
+ describe('Create item page - List ordering: Style and layout Component', () => {
9
+ before(() => {
10
+ cy.loginAs('admin');
11
+ });
12
+
13
+ describe('Style and layout Component - Options - Fill color, border color, border style', () => {
14
+ abortEarlySetup();
15
+ before(() => {
16
+ listOrderingPage.steps.navigateToCreateQuestion('list ordering');
17
+ cy.barsPreLoaderWait();
18
+ listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
19
+ });
20
+
21
+ listOrderingPage.tests.verifyStyleAndLayoutCustomizationAccordionProperties();
22
+
23
+ listOrderingPage.tests.verifyFillColorSectionContents();
24
+
25
+ listOrderingPage.tests.verifyBorderColorSectionContents();
26
+
27
+ listOrderingPage.tests.verifyBorderStyleSectionContents('Solid');
28
+
29
+ listOrderingPage.tests.verifyFillColorTooltips();
30
+
31
+ listOrderingPage.tests.verifyBorderColorTooltips();
32
+
33
+ it('When user clicks on edit color then color pop up panel will be visible', () => {
34
+ listOrderingPage.steps.editColor(0);
35
+ colorPopupComponent.steps.verifyColorPopupIsDisplayed();
36
+ colorPopupComponent.tests.verifyColorPopupSelectColorTitle();
37
+ colorPopupComponent.tests.verifySaturationAndOpacityGradientPalette('rgb(255, 255, 255)');
38
+ colorPopupComponent.tests.verifyColorHuePaletteAndHexInputField('rgb(255, 0, 0)', '#ffffff');
39
+ colorPopupComponent.tests.verifyColorPopupFunctionality();
40
+ });
41
+
42
+ it('When the user moves the color picker in the color saturation palette, color in the selected color block and the hex code should change, color in the hue color palette and the opacity value should not change', () => {
43
+ colorPopupComponent.steps.clickInColorSaturationPalette();
44
+ colorPopupComponent.steps.verifySelectedColorBlock('rgb(121, 60, 60)');
45
+ colorPopupComponent.steps.verifySaturationPaletteColor('rgb(119, 60, 60)');
46
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
47
+ colorPopupComponent.steps.verifyHexValue('#793c3c');
48
+ colorPopupComponent.steps.verifyOpacityGradientPaletteColor('rgb(119, 60, 60)');
49
+ });
50
+
51
+ it('When the user moves the color picker in the color hue palette, color in the selected color block, the hex code and the saturation color palette should change and the opacity value should not change', () => {
52
+ colorPopupComponent.steps.clickInColorHuePalette();
53
+ colorPopupComponent.steps.verifySelectedColorBlock('rgb(60, 121, 121)');
54
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(0, 255, 255)');
55
+ colorPopupComponent.steps.verifyHexValue('#3c7979');
56
+ colorPopupComponent.steps.verifyOpacityGradientPaletteColor('rgb(60, 119, 119)');
57
+ });
58
+
59
+ it('When the user changes the color using hex code, the color in color saturation palette and color hue palette should change and the opacity value should not change', () => {
60
+ colorPopupComponent.steps.addInputToHexInputField('#ff0000');
61
+ colorPopupComponent.steps.verifyHexValue('#ff0000');
62
+ colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 0, 0)');
63
+ colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
64
+ colorPopupComponent.steps.verifyOpacityGradientPaletteColor('rgb(255, 0, 0)');
65
+ });
66
+ });
67
+
68
+ describe('Style and Layout customization accordion: Options - Fill color, border color, border style - Edit Tab', () => {
69
+ abortEarlySetup();
70
+ before(() => {
71
+ listOrderingPage.steps.navigateToCreateQuestion('list ordering');
72
+ cy.barsPreLoaderWait();
73
+ listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
74
+ listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
75
+ });
76
+
77
+ listOrderingPage.tests.verifyFillColorFunctionalityEditTab('DropDown');
78
+
79
+ listOrderingPage.tests.verifyBorderColorFunctionalityEditTab('DropDown');
80
+
81
+ listOrderingPage.tests.verifyBorderStyleFunctionalityEditTab('DropDown');
82
+ });
83
+
84
+ describe('Style and Layout customization accordion: Options - Fill color, border color, border style - Preview Tab', () => {
85
+ abortEarlySetup();
86
+ before(() => {
87
+ listOrderingPage.steps.navigateToCreateQuestion('list ordering');
88
+ cy.barsPreLoaderWait();
89
+ listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
90
+ listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
91
+ });
92
+
93
+ listOrderingPage.tests.verifyFillColorFunctionalityPreviewTab('DropDown');
94
+
95
+ listOrderingPage.tests.verifyBorderColorFunctionalityPreviewTab('DropDown');
96
+
97
+ listOrderingPage.tests.verifyBorderStyleFunctionalityPreviewTab('DropDown');
98
+ });
99
+
100
+ describe('Style and Layout customization accordion: Options - Drop Down - Edit Tab', () => {
101
+ abortEarlySetup();
102
+ before(() => {
103
+ listOrderingPage.steps.navigateToCreateQuestion('list ordering');
104
+ cy.barsPreLoaderWait();
105
+ listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
106
+ listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
107
+ });
108
+
109
+ it('\'List container\' label will be displayed', () => {
110
+ utilities.verifyElementVisibilityState(listOrderingPage.listContainerAndDropDownLabel(), 'visible');
111
+ utilities.verifyInnerText(listOrderingPage.listContainerAndDropDownLabel(), 'Dropdown');
112
+ });
113
+
114
+ it('"Fill color" label and two color blocks and an "Edit color" button should be displayed. The selected color block should be of color "rgb(245, 248, 255)" and the other color block should have "No color"', () => {
115
+ utilities.verifyInnerText(listOrderingPage.fillColorLabelListContainerAndDropDown(), 'Fill color');
116
+ listOrderingPage.steps.verifyColorBlockColor(4, 'rgb(245, 248, 255)');
117
+ listOrderingPage.steps.verifyColorBlockSelectedState(4);
118
+ listOrderingPage.steps.verifyColorBlockColor(5, css.color.none);
119
+ utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.editColorButton(), 2), 'Edit color');
120
+ utilities.verifyElementVisibilityState(listOrderingPage.editColorButton().eq(2), 'visible');
121
+ listOrderingPage.steps.selectPositionForAllOptionsSpecifyCorrectAnswerSection([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }])
122
+ });
123
+
124
+ listOrderingPage.tests.verifyFillColorFunctionalityOfListContainerOrDropDownEditTab('DropDown');
125
+
126
+ it('"Border color" label and two color blocks and an "Edit color" button should be displayed. The selected color block should be of color "rgb(82, 0, 255)" and the other color block should have "No color"', () => {
127
+ utilities.verifyInnerText(listOrderingPage.borderColorLabelListContainerAndDropDown(), 'Border color');
128
+ utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.editColorButton(), 3), 'Edit color');
129
+ utilities.verifyElementVisibilityState(listOrderingPage.editColorButton().eq(3), 'visible');
130
+ listOrderingPage.steps.verifyColorBlockColor(6, 'rgb(82, 0, 255)');
131
+ listOrderingPage.steps.verifyColorBlockSelectedState(6);
132
+ listOrderingPage.steps.verifyColorBlockColor(7, css.color.none);
133
+ });
134
+
135
+ listOrderingPage.tests.verifyBorderColorFunctionalityOfListOrDropDownContainerEditTab('DropDown');
136
+
137
+ it(`"Border style" label and three toggle buttons should be displayed - "Dotted", "Solid", "None". By default "Solid" button should be in selected state`, () => {
138
+ utilities.verifyInnerText(listOrderingPage.borderStyleLabel(), 'Border style');
139
+ utilities.verifyElementVisibilityState(listOrderingPage.dottedBorderStyleToggleButtonListContainerAndDropDown(), 'visible');
140
+ utilities.verifyInnerText(listOrderingPage.dottedBorderStyleToggleButtonListContainerAndDropDown(), 'Dotted');
141
+ utilities.verifyElementVisibilityState(listOrderingPage.solidBorderStyleToggleButtonListContainerAndDropDown(), 'visible');
142
+ utilities.verifyInnerText(listOrderingPage.solidBorderStyleToggleButtonListContainerAndDropDown(), 'Solid');
143
+ utilities.verifyElementVisibilityState(listOrderingPage.noneBorderStyleToggleButton(), 'visible');
144
+ utilities.verifyInnerText(listOrderingPage.noneBorderStyleToggleButton(), 'None');
145
+ listOrderingPage.steps.verifyBorderStyleToggleButtonSelectedStateListContainer('Solid');
146
+ });
147
+
148
+ listOrderingPage.tests.verifyBorderStyleFunctionalityOfListContainerOrDropDownContainerEditTab('DropDown');
149
+ });
150
+
151
+ describe('Style and Layout customization accordion: Options - Drop Down - Preview Tab', () => {
152
+ abortEarlySetup();
153
+ before(() => {
154
+ listOrderingPage.steps.navigateToCreateQuestion('list ordering');
155
+ cy.barsPreLoaderWait();
156
+ listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
157
+ listOrderingPage.steps.expandStyleAndLayoutCustomizationAccordion();
158
+ });
159
+
160
+ listOrderingPage.tests.verifyFillColorFunctionalityOfDropDownContainerPreviewTab('DropDown');
161
+
162
+ listOrderingPage.tests.verifyBorderColorFunctionalityOfDropDownContainerPreviewTab('DropDown');
163
+
164
+ listOrderingPage.tests.verifyBorderStyleFunctionalityOfDropDownPreviewTab('DropDown');
165
+ });
166
+ });
@@ -190,6 +190,7 @@ describe('Create item page - List ordering: Style and layout Component', () => {
190
190
  it('When user selects \'Without Border\' option style like \'Fill color\', \'Border color\', \'Border style\' and \'Connector settings\' will be removed from style and Layout customization accordion', () => {
191
191
  utilities.verifyElementVisibilityState(listOrderingPage.fillAndBorderColorWrapper(), 'notExist');
192
192
  utilities.verifyElementVisibilityState(listOrderingPage.borderStyleLabel(), 'notExist');
193
+ utilities.verifyElementVisibilityState(listOrderingPage.connectorSettingLabel(), 'notExist');
193
194
  });
194
195
  });
195
196