dimsum-e2e-tests 3.50.1-next.9 → 3.51.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/CHANGELOG.md +268 -310
  2. package/ds-autocomplete/DSAutocompleteCO.js +1 -1
  3. package/ds-banner/DSBanner.func.spec.js +55 -0
  4. package/ds-banner/DSBanner.visual.spec.js +14 -0
  5. package/ds-banner/DSBannerCO.js +30 -0
  6. package/ds-breadcrumb/DSBreadcrumb.axe-core.func.spec.js +21 -6
  7. package/ds-breadcrumb/DSBreadcrumb.func.spec.js +69 -40
  8. package/ds-breadcrumb/DSBreadcrumb.visual.spec.js +20 -15
  9. package/ds-breadcrumb/DSBreadcrumbCO.js +17 -1
  10. package/ds-button-v3/DSButtonV3.func.spec.js +22 -0
  11. package/ds-button-v3/DSButtonV3.visual.spec.js +8 -2
  12. package/ds-button-v3/DSButtonV3CO.js +14 -0
  13. package/ds-card-v3/DSCardV3CO.js +10 -10
  14. package/ds-card-v3/global-attributes/DSCardV3.global-attributes.func.spec.js +4 -4
  15. package/ds-comments-card/DSComments.visual.spec.js +3 -4
  16. package/ds-comments-card/DSCommentsCO.js +2 -2
  17. package/ds-controlled-form/ds-combobox/DSCombobox.func.spec.js +1 -0
  18. package/ds-controlled-form/ds-combobox/DSCombobox.smoke.spec.js +4 -56
  19. package/ds-controlled-form/ds-combobox/DSComboboxCO.js +0 -9
  20. package/ds-controlled-form/ds-combobox/creatable/DSCombobox.keyboard-creatable.func.spec.js +3 -0
  21. package/ds-controlled-form/ds-combobox/inline/DSCombobox.inline.axe-core.spec.js +0 -1
  22. package/ds-controlled-form/ds-combobox/inline/DSCombobox.inline.keyboard.func.spec.js +5 -0
  23. package/ds-controlled-form/ds-combobox/multi-select/DSCombobox.keyboard-multi-select.func.spec.js +6 -68
  24. package/ds-controlled-form/ds-combobox/multi-select/DSCombobox.mouse-touch-multi-select.func.spec.js +0 -58
  25. package/ds-controlled-form/ds-combobox/multi-select/DSCombobox.multi.visual.spec.js +1 -16
  26. package/ds-controlled-form/ds-combobox/multi-select/DSCombobox.ten-thousand-options.func.spec.js +2 -22
  27. package/ds-controlled-form/ds-combobox/single-select/DSCombobox.keyboard-single-select.func.spec.js +4 -0
  28. package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePicker.axe-core.spec.js +85 -0
  29. package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePicker.functional.spec.js +242 -0
  30. package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePicker.visual.spec.js +115 -0
  31. package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePickerCO.js +56 -2
  32. package/ds-controlled-form/ds-controlled-date-range-picker/read-only/DSControlledDateRangePicker.ReadOnly.axe-core.spec.js +17 -0
  33. package/ds-controlled-form/ds-controlled-date-time-picker/DSControlledDateTimePickerCO.js +12 -0
  34. package/ds-controlled-form/ds-controlled-date-time-picker/date-full/DateFull.axe-core.func.spec.js +27 -0
  35. package/ds-controlled-form/ds-controlled-date-time-picker/date-input/DateInput.axe-core.func.spec.js +27 -0
  36. package/ds-controlled-form/ds-controlled-date-time-picker/date-time-full/DateTimeFull.axe-core.func.spec.js +27 -0
  37. package/ds-controlled-form/ds-controlled-date-time-picker/date-time-input/DateTimeInput.axe-core.func.spec.js +27 -0
  38. package/ds-controlled-form/ds-controlled-date-time-picker/time-full/TimeFull.axe-core.func.spec.js +27 -0
  39. package/ds-controlled-form/ds-controlled-date-time-picker/time-input/TimeInput.axe-core.func.spec.js +27 -0
  40. package/ds-controlled-form/ds-controlled-inputgroup/DSControlledInputGroupCO.js +4 -0
  41. package/ds-controlled-form/ds-controlled-inputgroup/autocomplete/DSControlledInputGroup.autocomplete.axe-core.func.spec.js +1 -0
  42. package/ds-controlled-form/ds-controlled-inputgroup/combobox/DSControlledInputGroup.combobox.axe-core.func.spec.js +1 -1
  43. package/ds-controlled-form/ds-controlled-large-input-text/DSLargeInputTextCO.js +4 -4
  44. package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.axe-core.func.spec.js +1 -1
  45. package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.func.spec.js +36 -0
  46. package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.visual.spec.js +12 -1
  47. package/ds-controlled-form/ds-input-text/DSInputText.func.spec.js +14 -12
  48. package/ds-controlled-form/react-hook-form/ReactHook.visual.spec.js +1 -0
  49. package/ds-data-table-async/DSDataTable.smoke.spec.js +4 -0
  50. package/ds-data-table-async/basic/DSDataTable.basic.axe-core.func.spec.js +1 -1
  51. package/ds-data-table-async/basic/DSDataTable.usecases.func.spec.js +5 -4
  52. package/ds-data-table-async/basic/DSDataTable.usecases.visual.spec.js +1 -0
  53. package/ds-data-table-async/components/HeaderCO.js +1 -1
  54. package/ds-data-table-async/components/RowCO.js +4 -0
  55. package/ds-data-table-async/dnd/DSDataTable.dnd.visual.spec.js +1 -1
  56. package/ds-data-table-async/filters/DSDataTable.filters-creatable.func.spec.js +4 -0
  57. package/ds-data-table-async/filters/DSDataTable.text-filters.func.spec.js +1 -0
  58. package/ds-data-table-async/select/DSDataTable.select.axe-core.func.spec.js +2 -0
  59. package/ds-data-table-async/select/DSDataTable.select.func.spec.js +2 -86
  60. package/ds-data-table-async/select/DSDataTable.select.shift.func.spec.js +126 -0
  61. package/ds-data-table-async/vissibility/DSDataTable.vissibility.visual.spec.js +6 -0
  62. package/ds-dialog/DSDialog.func.spec.js +14 -14
  63. package/ds-dialog/DSDialogCO.js +1 -1
  64. package/ds-dropdownmenu-v2/DSDDMenuV2.axe-core.func.spec.js +2 -0
  65. package/ds-dropdownmenu-v2/DSDDMenuV2CO.js +6 -2
  66. package/ds-form-combobox-multi/DSComboboxMultiCO.js +2 -9
  67. package/ds-form-combobox-multi/aria-disabled/DSComboboxMulti.aria-disabled.visual.spec.js +2 -11
  68. package/ds-form-combobox-multi/read-only/DSComboboxMulti.read-only.axe-core.func.spec.js +26 -0
  69. package/ds-form-combobox-multi/read-only/DSComboboxMulti.read-only.keyboard-nav.func.spec.js +27 -0
  70. package/ds-form-combobox-multi/read-only/DSComboboxMulti.read-only.visual.spec.js +33 -0
  71. package/ds-form-combobox-single/DSComboboxSingleCO.js +2 -9
  72. package/ds-form-combobox-single/read-only/DSComboboxSingle.read-only.axe-core.func.spec.js +26 -0
  73. package/ds-form-combobox-single/read-only/DSComboboxSingle.read-only.keyboard-nav.func.spec.js +27 -0
  74. package/ds-form-combobox-single/read-only/DSComboboxSingle.read-only.visual.spec.js +33 -0
  75. package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItemCO.js +9 -5
  76. package/ds-form-layout-blocks/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.visual.spec.js +1 -1
  77. package/ds-form-layout-blocks/form-layout-checkbox-group/DSFormLayoutCheckboxGroupCO.js +2 -2
  78. package/ds-menu-button/DSMenuButtonCO.js +16 -12
  79. package/ds-menu-button/activable/DSMenuButton.activableMenuItem.func.spec.js +32 -0
  80. package/ds-menu-button/{basic/DSMenuButton.activableMenuItem.func.spec.js → activable/DSMenuButton.activableMenuItem.keyboardnav.func.spec.js} +1 -26
  81. package/ds-menu-button/disabled/DSMenuButton.axe-core.disabled.func.spec.js +20 -0
  82. package/ds-menu-button/disabled/DSMenuButton.disabled.func.spec.js +28 -0
  83. package/ds-menu-button/leftdecorations/DSMenuButton.axe-core.leftDecor.func.spec.js +20 -0
  84. package/ds-menu-button/multiselect/DSMenuButton.axe-core.multiselect.func.spec.js +28 -0
  85. package/ds-menu-button/multiselect/DSMenuButton.multiSelectItem.func.spec.js +34 -0
  86. package/ds-menu-button/{basic/DSMenuButton.multiSelectItem.func.spec.js → multiselect/DSMenuButton.multiSelectItem.keyboardnav.func.spec.js} +0 -29
  87. package/ds-menu-button/singleSelect/DSMenuButton.axe-core.singleSelect.func.spec.js +28 -0
  88. package/ds-menu-button/singleSelect/DSMenuButton.singleSelectItem.func.spec.js +39 -0
  89. package/ds-menu-button/{basic/DSMenuButton.singleSelectItem.func.spec.js → singleSelect/DSMenuButton.singleSelectItem.keyboardnav.func.spec.js} +11 -42
  90. package/ds-menu-button/submenu/DSMenuButton.axe-core.subMenu.func.spec.js +20 -0
  91. package/ds-menu-button/submenu/DSMenuButton.subMenuItem.func.spec.js +42 -0
  92. package/ds-menu-button/{basic/DSMenuButton.subMenuItem.func.spec.js → submenu/DSMenuButton.subMenuItem.keyboardnav.func.spec.js} +1 -38
  93. package/ds-mobile/MobileLoadingPage/MobileLoadingPageCO.js +1 -1
  94. package/ds-notification-badge/DSNotificationBadge.axe-core.func.spec.js +1 -0
  95. package/ds-pills-v2/DSPills.axe-core.func.spec.js +2 -2
  96. package/ds-pills-v2/DSPills.func.spec.js +26 -0
  97. package/ds-pills-v2/DSPills.visual.spec.js +1 -1
  98. package/ds-pills-v2/DSPillsV2CO.js +19 -1
  99. package/ds-pills-v2/selection/DSPills.axe-core.func.spec.js +77 -0
  100. package/ds-pills-v2/selection/DSPills.func.spec.js +155 -0
  101. package/ds-pills-v2/selection/DSPills.visual.spec.js +72 -0
  102. package/ds-query-builder/DSQueryBuilder.visual.spec.js +2 -1
  103. package/ds-query-builder/DSQueryBuilderCO.js +0 -5
  104. package/ds-shuttle-v2/DSShuttleV2CO.js +2 -4
  105. package/ds-shuttle-v2/Dnd/DSShuttleV2.DnD.visual.spec.js +0 -5
  106. package/ds-shuttle-v2/basic/DSShuttleV2.keyboard.func.spec.js +46 -66
  107. package/ds-shuttle-v2/drillingdown/DSShuttleV2.drilldown.kb.func.spec.js +3 -5
  108. package/ds-shuttle-v2/filtering/DSShuttleV2.filter.kb.func.spec.js +1 -7
  109. package/ds-shuttle-v2/globalcheckbox/DSShuttleV2.globalcheckbox.kb.func.spec.js +0 -2
  110. package/ds-shuttle-v2/items/DSShuttleV2.items.kb.func.spec.js +0 -2
  111. package/ds-slider-v2/DSSliderV2CO.js +10 -10
  112. package/ds-toast/DSToastCO.js +1 -1
  113. package/ds-toggle/DSToggle.func.spec.js +21 -18
  114. package/ds-toggle/DSToggle.visual.spec.js +56 -12
  115. package/package.json +119 -119
  116. package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePicker.DateInput.visual.spec.js +0 -57
  117. package/ds-menu-button/DSMenuButton.axe-core.func.spec.js +0 -66
  118. /package/ds-controlled-form/ds-controlled-date-time-picker/{date-time-picker → date-time-full}/DateTimePicker.custom.attributes.spec.js +0 -0
  119. /package/ds-controlled-form/ds-controlled-date-time-picker/{date-time-picker → date-time-full}/DateTimePicker.func.spec.js +0 -0
@@ -8,7 +8,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
8
8
  if (errorOnGo) throw errorOnGo;
9
9
  });
10
10
  it('01: should move an item to destination and display its ghost on that position', async () => {
11
- await browser.keys(Key.Tab);
12
11
  await browser.keys(Key.Tab);
13
12
  await browser.keys(Key.Tab);
14
13
  await browser.keys(Key.ArrowDown);
@@ -26,7 +25,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
26
25
  await expect(destinationItems).toBe(11);
27
26
  });
28
27
  it('02: should return the item to its previous position', async () => {
29
- await browser.keys(Key.Tab);
30
28
  await browser.keys(Key.Tab);
31
29
  await browser.keys(Key.Tab);
32
30
  await browser.keys(Key.ArrowUp);
@@ -34,43 +34,43 @@ export default class DSSliderCO extends PageObject {
34
34
 
35
35
  // selectors
36
36
  static async getSliderRoot(index = 0) {
37
- return $$('[data-testid="ds-slider-v2-root"]')[index];
37
+ return $$('[data-testid="ds-sliderv2-root"]')[index];
38
38
  }
39
39
 
40
40
  static async getSliderRangeWrapper(index = 0) {
41
- return $$('[data-testid="ds-slider-v2-range-wrapper"]')[index];
41
+ return $$('[data-testid="ds-sliderv2-range-wrapper"]')[index];
42
42
  }
43
43
 
44
44
  static async getSliderTrack(index = 0) {
45
- return $$('[data-testid="ds-slider-v2-track"]')[index];
45
+ return $$('[data-testid="ds-sliderv2-track"]')[index];
46
46
  }
47
47
 
48
48
  static async getSliderThumb(index = 0) {
49
- return $$('[data-testid="ds-slider-v2-thumb"]')[index];
49
+ return $$('[data-testid="ds-sliderv2-thumb"]')[index];
50
50
  }
51
51
 
52
52
  static async getSliderRangeWrapperBySlider(slider) {
53
- return slider.$('[data-testid="ds-slider-v2-range-wrapper"]');
53
+ return slider.$('[data-testid="ds-sliderv2-range-wrapper"]');
54
54
  }
55
55
 
56
56
  static async getSliderTrackBySlider(slider) {
57
- return slider.$('[data-testid="ds-slider-v2-track"]');
57
+ return slider.$('[data-testid="ds-sliderv2-track"]');
58
58
  }
59
59
 
60
60
  static async getSliderThumbBySlider(slider) {
61
- return slider.$('[data-testid="ds-slider-v2-thumb"]');
61
+ return slider.$('[data-testid="ds-sliderv2-thumb"]');
62
62
  }
63
63
 
64
64
  static async getSliderTickMarkValue(index = 0) {
65
- return $$('[data-testid="ds-slider-v2-tick-mark-value"]')[index];
65
+ return $$('[data-testid="ds-sliderv2-tick-mark-value"]')[index];
66
66
  }
67
67
 
68
68
  static async getSliderTickMark(index = 0) {
69
- return $$('[data-testid="ds-slider-v2-tick-mark-container"]')[index];
69
+ return $$('[data-testid="ds-sliderv2-tick-mark-container"]')[index];
70
70
  }
71
71
 
72
72
  static async getSliderTickMarkValues() {
73
- return $$('[data-testid="ds-slider-v2-tick-mark-value"]');
73
+ return $$('[data-testid="ds-sliderv2-tick-mark-value"]');
74
74
  }
75
75
 
76
76
  // actions
@@ -71,7 +71,7 @@ export default class DSToastCO extends PageObject {
71
71
  }
72
72
 
73
73
  static async getContent() {
74
- return $(`[data-testid="ds-toast-action-root"]`);
74
+ return $(`[data-testid="ds-toastactionlink-root"]`);
75
75
  }
76
76
 
77
77
  static async getToastByPosition(position) {
@@ -10,12 +10,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
10
10
  if (errorOnGo) throw errorOnGo;
11
11
  await (await DSToggleCO.getToggle()).waitForExist();
12
12
  });
13
- it('should change state to ON', async () => {
13
+ it('01: should change state to ON', async () => {
14
14
  await (await DSToggleCO.getToggle()).click();
15
15
  const toggleState = await DSToggleCO.getToggleState('ON');
16
16
  await expect(toggleState).toBeDisplayed();
17
17
  });
18
- it('should change state to OFF', async () => {
18
+ it('02: should change state to OFF', async () => {
19
19
  await (await DSToggleCO.getToggle()).click();
20
20
  const toggleState = await DSToggleCO.getToggleState('OFF');
21
21
  await expect(toggleState).toBeDisplayed();
@@ -27,51 +27,54 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
27
27
  if (errorOnGo) throw errorOnGo;
28
28
  await (await DSToggleCO.getToggle()).waitForExist();
29
29
  });
30
- it('toggle should be focused', async () => {
30
+ it('01: toggle should be focused', async () => {
31
31
  await browser.keys(Key.Tab);
32
32
  const toggleComponent = await DSToggleCO.getToggleFocuseableByDataTestId('my-toggle');
33
33
  await expect(toggleComponent).toBeFocused();
34
34
  });
35
- it('should change state to ON (Enter)', async () => {
35
+ it('02: should change state to ON (Enter)', async () => {
36
36
  await browser.keys(Key.Enter);
37
37
  const toggleState = await DSToggleCO.getToggleState('ON');
38
38
  await expect(toggleState).toBeDisplayed();
39
39
  });
40
- it('should change state to OFF (Space)', async () => {
40
+ it('03: should change state to OFF (Space)', async () => {
41
41
  await browser.keys(Key.Space);
42
42
  const toggleState = await DSToggleCO.getToggleState('OFF');
43
43
  await expect(toggleState).toBeDisplayed();
44
44
  });
45
- it('should change state to ON (Space)', async () => {
45
+ it('04: should change state to ON (Space)', async () => {
46
46
  await browser.keys(Key.Space);
47
47
  const toggleState = await DSToggleCO.getToggleState('ON');
48
48
  await expect(toggleState).toBeDisplayed();
49
49
  });
50
50
  });
51
+
51
52
  describe('PUI-6761 - DSControlledToggle:: disabled state', () => {
52
53
  before('loading page', async () => {
53
54
  const errorOnGo = await DSToggleCO.disabled.go();
54
55
  if (errorOnGo) throw errorOnGo;
55
56
  await (await DSToggleCO.getToggle()).waitForExist();
56
57
  });
57
- it('should not change state in disabled toggle', async () => {
58
- await (await DSToggleCO.getToggle()).click();
59
- const toggleState = await DSToggleCO.getToggleState('OFF');
60
- await expect(toggleState).toBeDisplayed();
58
+ it('01: should not change state in disabled toggle', async () => {
59
+ const disabledToggle = await DSToggleCO.getToggleByIndex(0);
60
+ await disabledToggle.click();
61
+ const toggleState = await disabledToggle.$('//div[@disabled]//div[2]').getText();
62
+ await expect(toggleState).toEqual('ON');
61
63
  });
62
64
  });
65
+
63
66
  describe('PUI-6762 - DSControlledToggle:: read only state', () => {
64
67
  before('loading page', async () => {
65
68
  const errorOnGo = await DSToggleCO.readOnly.go();
66
69
  if (errorOnGo) throw errorOnGo;
67
70
  await (await DSToggleCO.getToggle()).waitForExist();
68
71
  });
69
- it('should display tooltip in read only toggle (mouse over)', async () => {
72
+ it('01: should display tooltip in read only toggle (mouse over)', async () => {
70
73
  await mouseOver(await DSToggleCO.getToggle(), 30, 10);
71
74
  const tooltip = await DSToggleCO.getTooltip();
72
75
  await expect(tooltip).toBeDisplayed();
73
76
  });
74
- it('should display tooltip in read only toggle (keyboard focus)', async () => {
77
+ it('02: should display tooltip in read only toggle (keyboard focus)', async () => {
75
78
  await mouseOver(await DSToggleCO.getToggle(), 300, 100);
76
79
  await browser.keys(Key.Tab);
77
80
  const toggleComponent = await DSToggleCO.getToggleFocuseable();
@@ -79,17 +82,17 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
79
82
  await expect(toggleComponent).toBeFocused();
80
83
  await expect(tooltip).toBeDisplayed();
81
84
  });
82
- it('should not change state on [Enter] key press', async () => {
85
+ it('03: should not change state on [Enter] key press', async () => {
83
86
  await browser.keys(Key.Enter);
84
87
  const toggleState = await DSToggleCO.getToggleState('OFF');
85
88
  await expect(toggleState).toBeDisplayed();
86
89
  });
87
- it('should not change state on [Space] key press', async () => {
90
+ it('04: should not change state on [Space] key press', async () => {
88
91
  await browser.keys(Key.Space);
89
92
  const toggleState = await DSToggleCO.getToggleState('OFF');
90
93
  await expect(toggleState).toBeDisplayed();
91
94
  });
92
- it('should not change state on click', async () => {
95
+ it('05: should not change state on click', async () => {
93
96
  await (await DSToggleCO.getToggle()).click();
94
97
  const toggleState = await DSToggleCO.getToggleState('OFF');
95
98
  await expect(toggleState).toBeDisplayed();
@@ -101,17 +104,17 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
101
104
  if (errorOnGo) throw errorOnGo;
102
105
  await (await DSToggleCO.getToggle()).waitForExist();
103
106
  });
104
- it('should tab through the basic toggles to the last basic toggle', async () => {
107
+ it('01: should tab through the basic toggles to the last basic toggle', async () => {
105
108
  await tabStops(6);
106
109
  const toggle = await DSToggleCO.getToggleFocuseableByIndex(4);
107
110
  await expect(toggle).toBeFocused();
108
111
  });
109
- it('should tab and skip all three disabled toggles to the first enabled toggle, next row', async () => {
112
+ it('02: should tab and skip all three disabled toggles to the first enabled toggle, next row', async () => {
110
113
  await browser.keys(Key.Tab);
111
114
  const toggle = await DSToggleCO.getToggleFocuseableByIndex(11);
112
115
  await expect(toggle).toBeFocused();
113
116
  });
114
- it('should tab through the readonly toggles to the last readonly toggle', async () => {
117
+ it('03: should tab through the readonly toggles to the last readonly toggle', async () => {
115
118
  await tabStops(5);
116
119
  const toggle = await DSToggleCO.getToggleFocuseableByIndex(16);
117
120
  await expect(toggle).toBeFocused();
@@ -7,23 +7,24 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
7
7
  const errorOnGo = await DSToggleCO.showOffURL.go();
8
8
  if (errorOnGo) throw errorOnGo;
9
9
  });
10
- it('should display all DSControlledToggle styles correctly', async () => {
10
+ it('01: should display all DSControlledToggle styles correctly', async () => {
11
11
  await (await DSToggleCO.getToggleByIndex(0)).waitForExist();
12
12
  const snapshot = await browser.checkSnapshot(DSToggleCO.snapshotPath('show-off'));
13
13
  await expect(snapshot).toEqual(0);
14
14
  });
15
15
  });
16
+
16
17
  describe('PUI-6758 - DSControlledToggle - Visual Test - Label', () => {
17
18
  before('loading page', async () => {
18
19
  const errorOnGo = await DSToggleCO.labelOnOff.go();
19
20
  if (errorOnGo) throw errorOnGo;
20
21
  });
21
- it('should display the label there correctly', async () => {
22
+ it('01: should display the label there correctly', async () => {
22
23
  await (await DSToggleCO.getToggle()).waitForExist();
23
24
  const snapshot = await browser.checkSnapshot(DSToggleCO.snapshotPath('label-there'));
24
25
  await expect(snapshot).toEqual(0);
25
26
  });
26
- it('should display the label hello correctly', async () => {
27
+ it('02: should display the label hello correctly', async () => {
27
28
  await (await DSToggleCO.getToggle()).click();
28
29
  const snapshot = await browser.checkSnapshot(DSToggleCO.snapshotPath('label-hello'));
29
30
  await expect(snapshot).toEqual(0);
@@ -34,7 +35,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
34
35
  const errorOnGo = await DSToggleCO.behindModalSlideTest.go();
35
36
  if (errorOnGo) throw errorOnGo;
36
37
  });
37
- it('should display the modal slide (50% width) above the toggle there correctly', async () => {
38
+ it('01: should display the modal slide (50% width) above the toggle there correctly', async () => {
38
39
  const toggleModalSlide = await DSToggleCO.getToggleModalSlide();
39
40
  await toggleModalSlide.click();
40
41
  // eslint-disable-next-line wdio/no-pause
@@ -42,7 +43,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
42
43
  const snapshot = await browser.checkSnapshot(DSToggleCO.snapshotPath('toggle-modalslide-half'));
43
44
  await expect(snapshot).toEqual(0);
44
45
  });
45
- it('should display the modal slide (full width) above the toggle correctly', async () => {
46
+ it('02: should display the modal slide (full width) above the toggle correctly', async () => {
46
47
  const enableFullWidth = await DSToggleCO.getToggleFullWidth();
47
48
  await enableFullWidth.click();
48
49
  const toggleModalSlide = await DSToggleCO.getToggleModalSlide();
@@ -53,25 +54,68 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
53
54
  await expect(snapshot).toEqual(0);
54
55
  });
55
56
  });
57
+
56
58
  describe('PUI-14393 - [Toggle] applyAriaDisabled prop - visual Test', () => {
57
59
  before('loading page', async () => {
58
60
  const errorOnGo = await DSToggleCO.applyAriaDisabled.go();
59
61
  if (errorOnGo) throw errorOnGo;
60
62
  });
61
- it('01: the first aria-disabled toggle should be focused', async () => {
63
+ it('01: should display aria-disabled toggle not interacted', async () => {
62
64
  await browser.eyesOpen();
63
- const firstToggle = await DSToggleCO.getToggleByIndex(0);
64
- await firstToggle.click();
65
- const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-aria-disabled-mouse'));
65
+ const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-aria-disabled-default'));
66
66
  await expect(snapshot).toEqual(0);
67
67
  });
68
- it('02: The fifth aria-disabled toggle should be focused', async () => {
68
+ it('02: The fifth aria-disabled toggle should be focused w/ kb', async () => {
69
69
  await browser.eyesOpen();
70
- const fourthToggle = await DSToggleCO.getToggleByIndex(3);
71
- await fourthToggle.click();
70
+ await browser.keys(Key.Tab);
71
+ await browser.keys(Key.Tab);
72
72
  await browser.keys(Key.Tab);
73
73
  const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-aria-disabled-kb-nav'));
74
74
  await expect(snapshot).toEqual(0);
75
75
  });
76
+ it('03: should display aria-disabled toggle not interacted', async () => {
77
+ await browser.eyesOpen();
78
+ await browser.keys(Key.Tab);
79
+ const disabledToggle = await DSToggleCO.getToggleByIndex(2);
80
+ await disabledToggle.click();
81
+ const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-aria-disabled-mouse'));
82
+ await expect(snapshot).toEqual(0);
83
+ });
84
+ });
85
+
86
+ describe('PUI-14882 - DSControlledToggle:: Disabled -Visual', () => {
87
+ before('loading page', async () => {
88
+ const errorOnGo = await DSToggleCO.disabled.go();
89
+ if (errorOnGo) throw errorOnGo;
90
+ await (await DSToggleCO.getToggle()).waitForExist();
91
+ });
92
+ it('01: should display in disabled state toggle not focused', async () => {
93
+ await browser.eyesOpen();
94
+ await browser.keys(Key.Tab);
95
+ const disabledToggle = await DSToggleCO.getToggleByIndex(0);
96
+ await disabledToggle.click();
97
+ const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-disabled-notfocus'));
98
+ await expect(snapshot).toEqual(0);
99
+ });
100
+ });
101
+
102
+ describe('PUI-15038 - DSControlledToggle:: ReadOnly -Visual', () => {
103
+ before('loading page', async () => {
104
+ const errorOnGo = await DSToggleCO.readOnly.go();
105
+ if (errorOnGo) throw errorOnGo;
106
+ await (await DSToggleCO.getToggle()).waitForExist();
107
+ });
108
+ it('01: should display in readonly state toggle not focused', async () => {
109
+ await browser.eyesOpen();
110
+ const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-readonly-notfocus'));
111
+ await expect(snapshot).toEqual(0);
112
+ });
113
+ it('02: should display in readonly state toggle focused', async () => {
114
+ await browser.eyesOpen();
115
+ const readOnlyToggle = await DSToggleCO.getToggleByIndex(0);
116
+ await readOnlyToggle.click();
117
+ const snapshot = await browser.eyesCheckSnapshot(DSToggleCO.snapshotPath('toggle-readonly-focus'));
118
+ await expect(snapshot).toEqual(0);
119
+ });
76
120
  });
77
121
  }
package/package.json CHANGED
@@ -1,125 +1,125 @@
1
1
  {
2
2
  "name": "dimsum-e2e-tests",
3
- "version": "3.50.1-next.9",
3
+ "version": "3.51.0-beta.2",
4
4
  "description": "End-to-end tests for dimsum library",
5
5
  "dependencies": {
6
- "@elliemae/ds-accessibility": "3.50.1-next.9",
7
- "@elliemae/ds-accordion": "3.50.1-next.9",
8
- "@elliemae/ds-app-picker": "3.50.1-next.9",
9
- "@elliemae/ds-backdrop": "3.50.1-next.9",
10
- "@elliemae/ds-basic": "3.50.1-next.9",
11
- "@elliemae/ds-banner": "3.50.1-next.9",
12
- "@elliemae/ds-button": "3.50.1-next.9",
13
- "@elliemae/ds-breadcrumb": "3.50.1-next.9",
14
- "@elliemae/ds-button-group": "3.50.1-next.9",
15
- "@elliemae/ds-button-v1": "3.50.1-next.9",
16
- "@elliemae/ds-button-v2": "3.50.1-next.9",
17
- "@elliemae/ds-card": "3.50.1-next.9",
18
- "@elliemae/ds-card-array": "3.50.1-next.9",
19
- "@elliemae/ds-card-navigation": "3.50.1-next.9",
20
- "@elliemae/ds-card-v2-action-addon": "3.50.1-next.9",
21
- "@elliemae/ds-card-v2": "3.50.1-next.9",
22
- "@elliemae/ds-card-v2-group": "3.50.1-next.9",
23
- "@elliemae/ds-chat-bubble": "3.50.1-next.9",
24
- "@elliemae/ds-chat-tile": "3.50.1-next.9",
25
- "@elliemae/ds-circular-progress-indicator": "3.50.1-next.9",
26
- "@elliemae/ds-chat": "3.50.1-next.9",
27
- "@elliemae/ds-codeeditor": "3.50.1-next.9",
28
- "@elliemae/ds-chip": "3.50.1-next.9",
29
- "@elliemae/ds-comments": "3.50.1-next.9",
30
- "@elliemae/ds-data-table": "3.50.1-next.9",
31
- "@elliemae/ds-controlled-form": "3.50.1-next.9",
32
- "@elliemae/ds-data-table-cell-header": "3.50.1-next.9",
33
- "@elliemae/ds-datagrids": "3.50.1-next.9",
34
- "@elliemae/ds-csv-converter": "3.50.1-next.9",
35
- "@elliemae/ds-dataviz": "3.50.1-next.9",
36
- "@elliemae/ds-date-picker": "3.50.1-next.9",
37
- "@elliemae/ds-dataviz-pie": "3.50.1-next.9",
38
- "@elliemae/ds-date-range-picker": "3.50.1-next.9",
39
- "@elliemae/ds-date-range-selector": "3.50.1-next.9",
40
- "@elliemae/ds-date-time-recurrence-picker": "3.50.1-next.9",
41
- "@elliemae/ds-date-time-picker": "3.50.1-next.9",
42
- "@elliemae/ds-decision-graph": "3.50.1-next.9",
43
- "@elliemae/ds-dialog": "3.50.1-next.9",
44
- "@elliemae/ds-dropdownmenu": "3.50.1-next.9",
45
- "@elliemae/ds-drag-and-drop": "3.50.1-next.9",
46
- "@elliemae/ds-dropzone": "3.50.1-next.9",
47
- "@elliemae/ds-fast-list": "3.50.1-next.9",
48
- "@elliemae/ds-filterbar": "3.50.1-next.9",
49
- "@elliemae/ds-form": "3.50.1-next.9",
50
- "@elliemae/ds-form-date-range-picker": "3.50.1-next.9",
51
- "@elliemae/ds-form-date-time-picker": "3.50.1-next.9",
52
- "@elliemae/ds-form-layout-blocks": "3.50.1-next.9",
53
- "@elliemae/ds-global-header": "3.50.1-next.9",
54
- "@elliemae/ds-form-layout-label": "3.50.1-next.9",
55
- "@elliemae/ds-grid": "3.50.1-next.9",
56
- "@elliemae/ds-group-box": "3.50.1-next.9",
57
- "@elliemae/ds-header": "3.50.1-next.9",
58
- "@elliemae/ds-hooks-fontsize-detector": "3.50.1-next.9",
59
- "@elliemae/ds-icon": "3.50.1-next.9",
60
- "@elliemae/ds-hooks-fontsize-media": "3.50.1-next.9",
61
- "@elliemae/ds-image": "3.50.1-next.9",
62
- "@elliemae/ds-imagelibrarymodal": "3.50.1-next.9",
63
- "@elliemae/ds-indeterminate-progress-indicator": "3.50.1-next.9",
64
- "@elliemae/ds-icons": "3.50.1-next.9",
65
- "@elliemae/ds-label-value": "3.50.1-next.9",
66
- "@elliemae/ds-left-navigation": "3.50.1-next.9",
67
- "@elliemae/ds-list-section-header": "3.50.1-next.9",
68
- "@elliemae/ds-menu": "3.50.1-next.9",
69
- "@elliemae/ds-loading-indicator": "3.50.1-next.9",
70
- "@elliemae/ds-menu-items": "3.50.1-next.9",
71
- "@elliemae/ds-mini-toolbar": "3.50.1-next.9",
72
- "@elliemae/ds-mobile": "3.50.1-next.9",
73
- "@elliemae/ds-modal-slide": "3.50.1-next.9",
74
- "@elliemae/ds-notification-badge": "3.50.1-next.9",
75
- "@elliemae/ds-modal": "3.50.1-next.9",
76
- "@elliemae/ds-page-header": "3.50.1-next.9",
77
- "@elliemae/ds-number-range-field": "3.50.1-next.9",
78
- "@elliemae/ds-page-header-v1": "3.50.1-next.9",
79
- "@elliemae/ds-page-layout": "3.50.1-next.9",
80
- "@elliemae/ds-page-header-v2": "3.50.1-next.9",
81
- "@elliemae/ds-page-number": "3.50.1-next.9",
82
- "@elliemae/ds-pagination": "3.50.1-next.9",
83
- "@elliemae/ds-pills": "3.50.1-next.9",
84
- "@elliemae/ds-popover": "3.50.1-next.9",
85
- "@elliemae/ds-popper": "3.50.1-next.9",
86
- "@elliemae/ds-popperjs": "3.50.1-next.9",
87
- "@elliemae/ds-progress-indicator": "3.50.1-next.9",
88
- "@elliemae/ds-query-builder": "3.50.1-next.9",
89
- "@elliemae/ds-read-more": "3.50.1-next.9",
90
- "@elliemae/ds-resizeable-container": "3.50.1-next.9",
91
- "@elliemae/ds-ribbon": "3.50.1-next.9",
92
- "@elliemae/ds-search-field": "3.50.1-next.9",
93
- "@elliemae/ds-separator": "3.50.1-next.9",
94
- "@elliemae/ds-shuttle-v2": "3.50.1-next.9",
95
- "@elliemae/ds-shuttle": "3.50.1-next.9",
96
- "@elliemae/ds-side-panel": "3.50.1-next.9",
97
- "@elliemae/ds-skeleton": "3.50.1-next.9",
98
- "@elliemae/ds-spinner": "3.50.1-next.9",
99
- "@elliemae/ds-slider": "3.50.1-next.9",
100
- "@elliemae/ds-square-indicator": "3.50.1-next.9",
101
- "@elliemae/ds-stepper": "3.50.1-next.9",
102
- "@elliemae/ds-svg": "3.50.1-next.9",
103
- "@elliemae/ds-system": "3.50.1-next.9",
104
- "@elliemae/ds-tabs": "3.50.1-next.9",
105
- "@elliemae/ds-test-utils": "3.50.1-next.9",
106
- "@elliemae/ds-text-wrapper": "3.50.1-next.9",
107
- "@elliemae/ds-time-picker": "3.50.1-next.9",
108
- "@elliemae/ds-toast": "3.50.1-next.9",
109
- "@elliemae/ds-tooltip": "3.50.1-next.9",
110
- "@elliemae/ds-toolbar-v2": "3.50.1-next.9",
111
- "@elliemae/ds-toolbar": "3.50.1-next.9",
112
- "@elliemae/ds-transition": "3.50.1-next.9",
113
- "@elliemae/ds-tree-model": "3.50.1-next.9",
114
- "@elliemae/ds-treeview": "3.50.1-next.9",
115
- "@elliemae/ds-truncated-tooltip-text": "3.50.1-next.9",
116
- "@elliemae/ds-truncated-expandable-text": "3.50.1-next.9",
117
- "@elliemae/ds-typography": "3.50.1-next.9",
118
- "@elliemae/ds-uploader": "3.50.1-next.9",
119
- "@elliemae/ds-virtual-list": "3.50.1-next.9",
120
- "@elliemae/ds-wysiwygeditor": "3.50.1-next.9",
121
- "@elliemae/ds-wizard": "3.50.1-next.9",
122
- "@elliemae/ds-zoom": "3.50.1-next.9",
123
- "@elliemae/ds-zipcode-search": "3.50.1-next.9"
6
+ "@elliemae/ds-banner": "3.51.0-beta.2",
7
+ "@elliemae/ds-basic": "3.51.0-beta.2",
8
+ "@elliemae/ds-button": "3.51.0-beta.2",
9
+ "@elliemae/ds-accordion": "3.51.0-beta.2",
10
+ "@elliemae/ds-button-v2": "3.51.0-beta.2",
11
+ "@elliemae/ds-breadcrumb": "3.51.0-beta.2",
12
+ "@elliemae/ds-card": "3.51.0-beta.2",
13
+ "@elliemae/ds-card-navigation": "3.51.0-beta.2",
14
+ "@elliemae/ds-card-array": "3.51.0-beta.2",
15
+ "@elliemae/ds-card-v2": "3.51.0-beta.2",
16
+ "@elliemae/ds-card-v2-action-addon": "3.51.0-beta.2",
17
+ "@elliemae/ds-card-v2-group": "3.51.0-beta.2",
18
+ "@elliemae/ds-chat": "3.51.0-beta.2",
19
+ "@elliemae/ds-chat-bubble": "3.51.0-beta.2",
20
+ "@elliemae/ds-circular-progress-indicator": "3.51.0-beta.2",
21
+ "@elliemae/ds-backdrop": "3.51.0-beta.2",
22
+ "@elliemae/ds-comments": "3.51.0-beta.2",
23
+ "@elliemae/ds-button-v1": "3.51.0-beta.2",
24
+ "@elliemae/ds-controlled-form": "3.51.0-beta.2",
25
+ "@elliemae/ds-chat-tile": "3.51.0-beta.2",
26
+ "@elliemae/ds-data-table": "3.51.0-beta.2",
27
+ "@elliemae/ds-datagrids": "3.51.0-beta.2",
28
+ "@elliemae/ds-app-picker": "3.51.0-beta.2",
29
+ "@elliemae/ds-codeeditor": "3.51.0-beta.2",
30
+ "@elliemae/ds-accessibility": "3.51.0-beta.2",
31
+ "@elliemae/ds-date-range-picker": "3.51.0-beta.2",
32
+ "@elliemae/ds-date-picker": "3.51.0-beta.2",
33
+ "@elliemae/ds-csv-converter": "3.51.0-beta.2",
34
+ "@elliemae/ds-button-group": "3.51.0-beta.2",
35
+ "@elliemae/ds-data-table-cell-header": "3.51.0-beta.2",
36
+ "@elliemae/ds-date-range-selector": "3.51.0-beta.2",
37
+ "@elliemae/ds-date-time-recurrence-picker": "3.51.0-beta.2",
38
+ "@elliemae/ds-date-time-picker": "3.51.0-beta.2",
39
+ "@elliemae/ds-drag-and-drop": "3.51.0-beta.2",
40
+ "@elliemae/ds-dropdownmenu": "3.51.0-beta.2",
41
+ "@elliemae/ds-dataviz-pie": "3.51.0-beta.2",
42
+ "@elliemae/ds-dataviz": "3.51.0-beta.2",
43
+ "@elliemae/ds-form": "3.51.0-beta.2",
44
+ "@elliemae/ds-filterbar": "3.51.0-beta.2",
45
+ "@elliemae/ds-form-date-range-picker": "3.51.0-beta.2",
46
+ "@elliemae/ds-chip": "3.51.0-beta.2",
47
+ "@elliemae/ds-dropzone": "3.51.0-beta.2",
48
+ "@elliemae/ds-form-date-time-picker": "3.51.0-beta.2",
49
+ "@elliemae/ds-decision-graph": "3.51.0-beta.2",
50
+ "@elliemae/ds-dialog": "3.51.0-beta.2",
51
+ "@elliemae/ds-form-layout-blocks": "3.51.0-beta.2",
52
+ "@elliemae/ds-grid": "3.51.0-beta.2",
53
+ "@elliemae/ds-header": "3.51.0-beta.2",
54
+ "@elliemae/ds-fast-list": "3.51.0-beta.2",
55
+ "@elliemae/ds-icons": "3.51.0-beta.2",
56
+ "@elliemae/ds-form-layout-label": "3.51.0-beta.2",
57
+ "@elliemae/ds-imagelibrarymodal": "3.51.0-beta.2",
58
+ "@elliemae/ds-group-box": "3.51.0-beta.2",
59
+ "@elliemae/ds-hooks-fontsize-media": "3.51.0-beta.2",
60
+ "@elliemae/ds-left-navigation": "3.51.0-beta.2",
61
+ "@elliemae/ds-global-header": "3.51.0-beta.2",
62
+ "@elliemae/ds-hooks-fontsize-detector": "3.51.0-beta.2",
63
+ "@elliemae/ds-label-value": "3.51.0-beta.2",
64
+ "@elliemae/ds-menu-items": "3.51.0-beta.2",
65
+ "@elliemae/ds-loading-indicator": "3.51.0-beta.2",
66
+ "@elliemae/ds-list-section-header": "3.51.0-beta.2",
67
+ "@elliemae/ds-icon": "3.51.0-beta.2",
68
+ "@elliemae/ds-modal-slide": "3.51.0-beta.2",
69
+ "@elliemae/ds-modal": "3.51.0-beta.2",
70
+ "@elliemae/ds-indeterminate-progress-indicator": "3.51.0-beta.2",
71
+ "@elliemae/ds-number-range-field": "3.51.0-beta.2",
72
+ "@elliemae/ds-menu": "3.51.0-beta.2",
73
+ "@elliemae/ds-mini-toolbar": "3.51.0-beta.2",
74
+ "@elliemae/ds-notification-badge": "3.51.0-beta.2",
75
+ "@elliemae/ds-page-header-v1": "3.51.0-beta.2",
76
+ "@elliemae/ds-mobile": "3.51.0-beta.2",
77
+ "@elliemae/ds-pagination": "3.51.0-beta.2",
78
+ "@elliemae/ds-image": "3.51.0-beta.2",
79
+ "@elliemae/ds-page-number": "3.51.0-beta.2",
80
+ "@elliemae/ds-popperjs": "3.51.0-beta.2",
81
+ "@elliemae/ds-popover": "3.51.0-beta.2",
82
+ "@elliemae/ds-pills": "3.51.0-beta.2",
83
+ "@elliemae/ds-popper": "3.51.0-beta.2",
84
+ "@elliemae/ds-read-more": "3.51.0-beta.2",
85
+ "@elliemae/ds-query-builder": "3.51.0-beta.2",
86
+ "@elliemae/ds-ribbon": "3.51.0-beta.2",
87
+ "@elliemae/ds-search-field": "3.51.0-beta.2",
88
+ "@elliemae/ds-shuttle": "3.51.0-beta.2",
89
+ "@elliemae/ds-separator": "3.51.0-beta.2",
90
+ "@elliemae/ds-page-header-v2": "3.51.0-beta.2",
91
+ "@elliemae/ds-skeleton": "3.51.0-beta.2",
92
+ "@elliemae/ds-page-header": "3.51.0-beta.2",
93
+ "@elliemae/ds-shuttle-v2": "3.51.0-beta.2",
94
+ "@elliemae/ds-page-layout": "3.51.0-beta.2",
95
+ "@elliemae/ds-spinner": "3.51.0-beta.2",
96
+ "@elliemae/ds-slider": "3.51.0-beta.2",
97
+ "@elliemae/ds-system": "3.51.0-beta.2",
98
+ "@elliemae/ds-side-panel": "3.51.0-beta.2",
99
+ "@elliemae/ds-progress-indicator": "3.51.0-beta.2",
100
+ "@elliemae/ds-square-indicator": "3.51.0-beta.2",
101
+ "@elliemae/ds-resizeable-container": "3.51.0-beta.2",
102
+ "@elliemae/ds-svg": "3.51.0-beta.2",
103
+ "@elliemae/ds-stepper": "3.51.0-beta.2",
104
+ "@elliemae/ds-time-picker": "3.51.0-beta.2",
105
+ "@elliemae/ds-toolbar-v2": "3.51.0-beta.2",
106
+ "@elliemae/ds-tabs": "3.51.0-beta.2",
107
+ "@elliemae/ds-toolbar": "3.51.0-beta.2",
108
+ "@elliemae/ds-toast": "3.51.0-beta.2",
109
+ "@elliemae/ds-treeview": "3.51.0-beta.2",
110
+ "@elliemae/ds-truncated-tooltip-text": "3.51.0-beta.2",
111
+ "@elliemae/ds-typography": "3.51.0-beta.2",
112
+ "@elliemae/ds-text-wrapper": "3.51.0-beta.2",
113
+ "@elliemae/ds-uploader": "3.51.0-beta.2",
114
+ "@elliemae/ds-transition": "3.51.0-beta.2",
115
+ "@elliemae/ds-wizard": "3.51.0-beta.2",
116
+ "@elliemae/ds-tree-model": "3.51.0-beta.2",
117
+ "@elliemae/ds-wysiwygeditor": "3.51.0-beta.2",
118
+ "@elliemae/ds-zipcode-search": "3.51.0-beta.2",
119
+ "@elliemae/ds-virtual-list": "3.51.0-beta.2",
120
+ "@elliemae/ds-test-utils": "3.51.0-beta.2",
121
+ "@elliemae/ds-zoom": "3.51.0-beta.2",
122
+ "@elliemae/ds-tooltip": "3.51.0-beta.2",
123
+ "@elliemae/ds-truncated-expandable-text": "3.51.0-beta.2"
124
124
  }
125
125
  }