dimsum-e2e-tests 3.48.2-next.0 → 3.49.0-rc.0
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.
- package/CHANGELOG.md +213 -263
- package/ds-pills-v2/DSPills.axe-core.func.spec.js +2 -2
- package/ds-pills-v2/DSPills.visual.spec.js +1 -1
- package/ds-pills-v2/DSPillsV2CO.js +15 -1
- package/ds-pills-v2/selection/DSPills.axe-core.func.spec.js +77 -0
- package/ds-pills-v2/selection/DSPills.func.spec.js +155 -0
- package/ds-pills-v2/selection/DSPills.visual.spec.js +72 -0
- package/package.json +119 -119
|
@@ -15,13 +15,13 @@ if (
|
|
|
15
15
|
if (errorOnGo) throw errorOnGo;
|
|
16
16
|
});
|
|
17
17
|
it('01: Evaluate dropdown pills accessibility with axe-core', async () => {
|
|
18
|
-
const dropDownTrigger = await DSPillsV2CO.
|
|
18
|
+
const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
|
|
19
19
|
await dropDownTrigger.waitForDisplayed();
|
|
20
20
|
const result = await axeCoreCheck();
|
|
21
21
|
expect(result.length).toBe(0);
|
|
22
22
|
});
|
|
23
23
|
it('02: Evaluate dropdown pills accessibility with axe-core - dropdown menu opened', async () => {
|
|
24
|
-
const dropDownTrigger = await DSPillsV2CO.
|
|
24
|
+
const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
|
|
25
25
|
await dropDownTrigger.click();
|
|
26
26
|
const dropDownMenu = await DSPillsV2CO.dropDownMenu();
|
|
27
27
|
await dropDownMenu.waitForDisplayed();
|
|
@@ -11,7 +11,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
|
|
|
11
11
|
if (errorOnGo) throw errorOnGo;
|
|
12
12
|
});
|
|
13
13
|
it('should correctly display the dropdown pills', async () => {
|
|
14
|
-
const dropDownTrigger = await DSPillsV2CO.
|
|
14
|
+
const dropDownTrigger = await DSPillsV2CO.getDDChevronbyIndex(1);
|
|
15
15
|
await dropDownTrigger.click();
|
|
16
16
|
const snapshot = await browser.checkSnapshot(DSPillsV2CO.snapshotPath('pills-v2-dropdown'));
|
|
17
17
|
await expect(snapshot).toEqual(0);
|
|
@@ -21,6 +21,12 @@ export default class DSPillsV2CO extends PageObject {
|
|
|
21
21
|
|
|
22
22
|
static applyTooltipOverflowWrap = new Urlbuilder(PATH_E2E_PILLS_V2, 'pui-14447-tooltip-overflow');
|
|
23
23
|
|
|
24
|
+
static requiredSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'required-select-menu-button-test');
|
|
25
|
+
|
|
26
|
+
static singleSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'single-select-menu-button-test');
|
|
27
|
+
|
|
28
|
+
static multiSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'multi-select-menu-button-test');
|
|
29
|
+
|
|
24
30
|
static getUrl(component = 'basic') {
|
|
25
31
|
return PageObject.getUrl(PATH_E2E_PILLS_V2, component);
|
|
26
32
|
}
|
|
@@ -35,7 +41,11 @@ export default class DSPillsV2CO extends PageObject {
|
|
|
35
41
|
return $$('[data-testid="ds-pill-dropdown-chevron"]');
|
|
36
42
|
}
|
|
37
43
|
|
|
38
|
-
static
|
|
44
|
+
static getDDChevronbyIndex = async (index) => getElementByIndex(this.getDDChevrons, index);
|
|
45
|
+
|
|
46
|
+
static async getMBChevronByIndex(index = 0) {
|
|
47
|
+
return $$('[data-testid="ds-pill-menu-button-chevron"]')[index];
|
|
48
|
+
}
|
|
39
49
|
|
|
40
50
|
static async getInputs() {
|
|
41
51
|
return $$('[data-testid="ds-pill-input"]');
|
|
@@ -55,6 +65,10 @@ export default class DSPillsV2CO extends PageObject {
|
|
|
55
65
|
|
|
56
66
|
static getPillByIndex = async (index) => getElementByIndex(this.getPills, index);
|
|
57
67
|
|
|
68
|
+
static async getPillsTextByIndex(index = 0) {
|
|
69
|
+
return $$('[data-testid="ds-pill-wrapper"] [data-testid="DS-SimpleTruncateText"]')[index];
|
|
70
|
+
}
|
|
71
|
+
|
|
58
72
|
static async getResetBtn() {
|
|
59
73
|
return $('[data-testid="ds-button"]');
|
|
60
74
|
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/* eslint-disable max-lines */
|
|
2
|
+
import { Key } from 'webdriverio';
|
|
3
|
+
import DSPillsV2CO from '../DSPillsV2CO';
|
|
4
|
+
import { axeCoreCheck } from '../../helpers';
|
|
5
|
+
|
|
6
|
+
if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
|
|
7
|
+
describe('PUI-14708 - PillsV2 Selection: Single Select -AxeCore', () => {
|
|
8
|
+
before('loading page', async () => {
|
|
9
|
+
const errorOnGo = await DSPillsV2CO.singleSelectMB.go();
|
|
10
|
+
if (errorOnGo) throw errorOnGo;
|
|
11
|
+
});
|
|
12
|
+
it('01: should have a pill with expanded single select menu, unselected, and pass axe-core scan', async () => {
|
|
13
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
14
|
+
await menuTrigger.click();
|
|
15
|
+
const result = await axeCoreCheck();
|
|
16
|
+
expect(result.length).toBe(0);
|
|
17
|
+
});
|
|
18
|
+
it('02: should have a pill with expanded single select menu, selected, and pass axe-core scan', async () => {
|
|
19
|
+
await browser.keys(Key.ArrowDown);
|
|
20
|
+
await browser.keys(Key.Space);
|
|
21
|
+
const result = await axeCoreCheck();
|
|
22
|
+
expect(result.length).toBe(0);
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
describe('PUI-14713 - PillsV2 Selection: Required Select -AxeCore', () => {
|
|
27
|
+
before('loading page', async () => {
|
|
28
|
+
const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
|
|
29
|
+
if (errorOnGo) throw errorOnGo;
|
|
30
|
+
});
|
|
31
|
+
it('01: should have a pill with one required option selected (single) and pass axe-core scan', async () => {
|
|
32
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
33
|
+
await menuTrigger.click();
|
|
34
|
+
const result = await axeCoreCheck();
|
|
35
|
+
expect(result.length).toBe(0);
|
|
36
|
+
});
|
|
37
|
+
it('02: should have a pill with one required option selected (multi) and pass axe-core scan', async () => {
|
|
38
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
|
|
39
|
+
await menuTrigger.click();
|
|
40
|
+
const result = await axeCoreCheck();
|
|
41
|
+
expect(result.length).toBe(0);
|
|
42
|
+
});
|
|
43
|
+
it('03: should have a pill with two optional options selected and pass axe-core scan', async () => {
|
|
44
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
|
|
45
|
+
await menuTrigger.click();
|
|
46
|
+
await browser.keys(Key.ArrowDown);
|
|
47
|
+
await browser.keys(Key.Space);
|
|
48
|
+
await browser.keys(Key.ArrowDown);
|
|
49
|
+
await browser.keys(Key.Space);
|
|
50
|
+
await browser.keys(Key.ArrowDown);
|
|
51
|
+
await browser.keys(Key.Space);
|
|
52
|
+
const result = await axeCoreCheck();
|
|
53
|
+
expect(result.length).toBe(0);
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
describe('PUI-14710 - PillsV2 Selection: Multi Selec -AxeCore', () => {
|
|
58
|
+
before('loading page', async () => {
|
|
59
|
+
const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
|
|
60
|
+
if (errorOnGo) throw errorOnGo;
|
|
61
|
+
});
|
|
62
|
+
it('01: should have a pill with multi select menu, unselected, and pass axe-core scan', async () => {
|
|
63
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
64
|
+
await menuTrigger.click();
|
|
65
|
+
const result = await axeCoreCheck();
|
|
66
|
+
expect(result.length).toBe(0);
|
|
67
|
+
});
|
|
68
|
+
it('02: should have a pill with multi select menu, multi opts selected, and pass axe-core scan', async () => {
|
|
69
|
+
await browser.keys(Key.ArrowDown);
|
|
70
|
+
await browser.keys(Key.Space);
|
|
71
|
+
await browser.keys(Key.ArrowDown);
|
|
72
|
+
await browser.keys(Key.Space);
|
|
73
|
+
const result = await axeCoreCheck();
|
|
74
|
+
expect(result.length).toBe(0);
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* eslint-disable max-lines */
|
|
2
|
+
import { Key } from 'webdriverio';
|
|
3
|
+
import DSPillsV2CO from '../DSPillsV2CO';
|
|
4
|
+
import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
|
|
5
|
+
|
|
6
|
+
if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
|
|
7
|
+
describe('PUI-14703 - Pills v2: Selection: KB, multi', () => {
|
|
8
|
+
before('loading page', async () => {
|
|
9
|
+
const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
|
|
10
|
+
if (errorOnGo) throw errorOnGo;
|
|
11
|
+
});
|
|
12
|
+
it('01: should have multi select expanded, no selection, no minipill', async () => {
|
|
13
|
+
await browser.keys(Key.Tab);
|
|
14
|
+
await browser.keys(Key.Return);
|
|
15
|
+
const pills = await DSPillsV2CO.getPills();
|
|
16
|
+
const howManyPills = pills.length;
|
|
17
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
18
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
19
|
+
await expect(howManyPills).toEqual(1); // The selection pill, no values pills displayed
|
|
20
|
+
});
|
|
21
|
+
it('02: should have multi select with two options selected, expanded, with two minipills', async () => {
|
|
22
|
+
await browser.keys(Key.ArrowDown);
|
|
23
|
+
await browser.keys(Key.Space);
|
|
24
|
+
await browser.keys(Key.ArrowDown);
|
|
25
|
+
await browser.keys(Key.Space);
|
|
26
|
+
const pills = await DSPillsV2CO.getPills();
|
|
27
|
+
const howManyPills = pills.length;
|
|
28
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
29
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
|
|
30
|
+
const minipillLabel2 = await (await DSPillsV2CO.getPillsTextByIndex(2)).getText();
|
|
31
|
+
await expect(minipillLabel1).toEqual('Bold');
|
|
32
|
+
await expect(minipillLabel2).toEqual('Underlined');
|
|
33
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
34
|
+
await expect(howManyPills).toEqual(3);
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
describe('PUI-14702 - Pills v2: Selection: MOUSE, single', () => {
|
|
39
|
+
before('loading page', async () => {
|
|
40
|
+
const errorOnGo = await DSPillsV2CO.singleSelectMB.go();
|
|
41
|
+
if (errorOnGo) throw errorOnGo;
|
|
42
|
+
});
|
|
43
|
+
it('01: should have single select menu expanded, no options selected, no minipills', async () => {
|
|
44
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
45
|
+
await menuTrigger.click();
|
|
46
|
+
const pills = await DSPillsV2CO.getPills();
|
|
47
|
+
const howManyPills = pills.length;
|
|
48
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
49
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
50
|
+
await expect(howManyPills).toEqual(1); //
|
|
51
|
+
});
|
|
52
|
+
it('02: should select one option, and get its minipill. Menu stays open', async () => {
|
|
53
|
+
const optionRed = await DSMenuButtonCO.getMenuItemWrapper(0);
|
|
54
|
+
await optionRed.click();
|
|
55
|
+
const pills = await DSPillsV2CO.getPills();
|
|
56
|
+
const howManyPills = pills.length;
|
|
57
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
58
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
|
|
59
|
+
await expect(optionRed).toHaveAttribute('aria-checked', 'true');
|
|
60
|
+
await expect(minipillLabel1).toEqual('Red');
|
|
61
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
62
|
+
await expect(howManyPills).toEqual(2);
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
describe('PUI-14707 - Pills v2: Selection: REQUIRED, single', () => {
|
|
67
|
+
before('loading page', async () => {
|
|
68
|
+
const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
|
|
69
|
+
if (errorOnGo) throw errorOnGo;
|
|
70
|
+
});
|
|
71
|
+
it('01: should expand required single select and have one option select by default', async () => {
|
|
72
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
73
|
+
await menuTrigger.click();
|
|
74
|
+
const optionBlack = await DSMenuButtonCO.getMenuItemWrapper(0);
|
|
75
|
+
const pills = await DSPillsV2CO.getPills();
|
|
76
|
+
const howManyPills = pills.length;
|
|
77
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
78
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
|
|
79
|
+
await expect(optionBlack).toHaveAttribute('aria-checked', 'true');
|
|
80
|
+
await expect(minipillLabel1).toEqual('Black');
|
|
81
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
82
|
+
await expect(howManyPills).toEqual(4);
|
|
83
|
+
});
|
|
84
|
+
it('02: should select antoher option, unselecting the first one and changing the minipill', async () => {
|
|
85
|
+
const optionBlack = await DSMenuButtonCO.getMenuItemWrapper(0);
|
|
86
|
+
const optionRed = await DSMenuButtonCO.getMenuItemWrapper(1);
|
|
87
|
+
await optionRed.click();
|
|
88
|
+
const pills = await DSPillsV2CO.getPills();
|
|
89
|
+
const howManyPills = pills.length;
|
|
90
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
91
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
|
|
92
|
+
await expect(optionBlack).toHaveAttribute('aria-checked', 'false');
|
|
93
|
+
await expect(optionRed).toHaveAttribute('aria-checked', 'true');
|
|
94
|
+
await expect(minipillLabel1).toEqual('Red');
|
|
95
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
96
|
+
await expect(howManyPills).toEqual(4);
|
|
97
|
+
});
|
|
98
|
+
it('03: should NOT be able to unselect an option without selecting another one', async () => {
|
|
99
|
+
const optionRed = await DSMenuButtonCO.getMenuItemWrapper(1);
|
|
100
|
+
await optionRed.click();
|
|
101
|
+
await expect(optionRed).toHaveAttribute('aria-checked', 'true');
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
describe('PUI-14705 - Pills v2: Selection: REQUIRED, multi', () => {
|
|
106
|
+
before('loading page', async () => {
|
|
107
|
+
const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
|
|
108
|
+
if (errorOnGo) throw errorOnGo;
|
|
109
|
+
});
|
|
110
|
+
it('01: should not be able to unselect the only selected option by default', async () => {
|
|
111
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
|
|
112
|
+
await menuTrigger.click();
|
|
113
|
+
const optionItalic = await DSMenuButtonCO.getMenuItemWrapper(0);
|
|
114
|
+
await browser.keys(Key.Space); // tries to unselect
|
|
115
|
+
const pills = await DSPillsV2CO.getPills();
|
|
116
|
+
const howManyPills = pills.length;
|
|
117
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
118
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(3)).getText();
|
|
119
|
+
await expect(optionItalic).toHaveAttribute('aria-checked', 'true');
|
|
120
|
+
await expect(minipillLabel1).toEqual('Italic');
|
|
121
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
122
|
+
await expect(howManyPills).toEqual(4);
|
|
123
|
+
});
|
|
124
|
+
it('02: should be able to select another option keeping the first one selected', async () => {
|
|
125
|
+
const optionBold = await DSMenuButtonCO.getMenuItemWrapper(1);
|
|
126
|
+
await optionBold.click();
|
|
127
|
+
const optionItalic = await DSMenuButtonCO.getMenuItemWrapper(0);
|
|
128
|
+
const pills = await DSPillsV2CO.getPills();
|
|
129
|
+
const howManyPills = pills.length;
|
|
130
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
131
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(3)).getText();
|
|
132
|
+
const minipillLabel2 = await (await DSPillsV2CO.getPillsTextByIndex(4)).getText();
|
|
133
|
+
await expect(optionItalic).toHaveAttribute('aria-checked', 'true');
|
|
134
|
+
await expect(optionBold).toHaveAttribute('aria-checked', 'true');
|
|
135
|
+
await expect(minipillLabel1).toEqual('Italic');
|
|
136
|
+
await expect(minipillLabel2).toEqual('Bold');
|
|
137
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
138
|
+
await expect(howManyPills).toEqual(5);
|
|
139
|
+
});
|
|
140
|
+
it('03: should now be able to unselect the first option', async () => {
|
|
141
|
+
const optionBold = await DSMenuButtonCO.getMenuItemWrapper(1);
|
|
142
|
+
const optionItalic = await DSMenuButtonCO.getMenuItemWrapper(0);
|
|
143
|
+
await optionItalic.click();
|
|
144
|
+
const pills = await DSPillsV2CO.getPills();
|
|
145
|
+
const howManyPills = pills.length;
|
|
146
|
+
const menu = await DSMenuButtonCO.getMenuRoot();
|
|
147
|
+
const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(3)).getText();
|
|
148
|
+
await expect(optionItalic).toHaveAttribute('aria-checked', 'false');
|
|
149
|
+
await expect(optionBold).toHaveAttribute('aria-checked', 'true');
|
|
150
|
+
await expect(minipillLabel1).toEqual('Bold');
|
|
151
|
+
await expect(menu).toBeDisplayedInViewport();
|
|
152
|
+
await expect(howManyPills).toEqual(4);
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/* eslint-disable max-lines */
|
|
2
|
+
import { Key } from 'webdriverio';
|
|
3
|
+
import DSPillsV2CO from '../DSPillsV2CO';
|
|
4
|
+
|
|
5
|
+
if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
|
|
6
|
+
describe('PUI-14709 - PillsV2 Selection: Single Select -Visual', () => {
|
|
7
|
+
before('loading page', async () => {
|
|
8
|
+
const errorOnGo = await DSPillsV2CO.singleSelectMB.go();
|
|
9
|
+
if (errorOnGo) throw errorOnGo;
|
|
10
|
+
});
|
|
11
|
+
it('01: should have a pill with expanded single select menu, unselected, matching baseline', async () => {
|
|
12
|
+
await browser.eyesOpen();
|
|
13
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
14
|
+
await menuTrigger.click();
|
|
15
|
+
const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-single-unsel'));
|
|
16
|
+
await expect(snapshot).toEqual(0);
|
|
17
|
+
});
|
|
18
|
+
it('02: should have a pill with expanded single select menu, selected, matching baseline', async () => {
|
|
19
|
+
await browser.eyesOpen();
|
|
20
|
+
await browser.keys(Key.ArrowDown);
|
|
21
|
+
await browser.keys(Key.Space);
|
|
22
|
+
const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-single-sel'));
|
|
23
|
+
await expect(snapshot).toEqual(0);
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
describe('PUI-14712 - PillsV2 Selection: Required Select -Visual', () => {
|
|
28
|
+
before('loading page', async () => {
|
|
29
|
+
const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
|
|
30
|
+
if (errorOnGo) throw errorOnGo;
|
|
31
|
+
});
|
|
32
|
+
it('01: should have a pill with expanded single select menu, required, matching baseline', async () => {
|
|
33
|
+
await browser.eyesOpen();
|
|
34
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
35
|
+
await menuTrigger.click();
|
|
36
|
+
const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-req-single'));
|
|
37
|
+
await expect(snapshot).toEqual(0);
|
|
38
|
+
});
|
|
39
|
+
it('02: should have a pill with expanded multi select menu, required, matching baseline', async () => {
|
|
40
|
+
await browser.eyesOpen();
|
|
41
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
|
|
42
|
+
await menuTrigger.click();
|
|
43
|
+
await browser.keys(Key.ArrowDown);
|
|
44
|
+
await browser.keys(Key.Space);
|
|
45
|
+
const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-req-multi'));
|
|
46
|
+
await expect(snapshot).toEqual(0);
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
describe('PUI-14711 - PillsV2 Selection: Multi Select -Visual', () => {
|
|
51
|
+
before('loading page', async () => {
|
|
52
|
+
const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
|
|
53
|
+
if (errorOnGo) throw errorOnGo;
|
|
54
|
+
});
|
|
55
|
+
it('01: should have a pill with multi select menu, unselected, matching baseline', async () => {
|
|
56
|
+
await browser.eyesOpen();
|
|
57
|
+
const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
|
|
58
|
+
await menuTrigger.click();
|
|
59
|
+
const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-multi-unsel'));
|
|
60
|
+
await expect(snapshot).toEqual(0);
|
|
61
|
+
});
|
|
62
|
+
it('02: should have a pill with multi select menu, multi opts selected, and pass axe-core scan', async () => {
|
|
63
|
+
await browser.eyesOpen();
|
|
64
|
+
await browser.keys(Key.ArrowDown);
|
|
65
|
+
await browser.keys(Key.Space);
|
|
66
|
+
await browser.keys(Key.ArrowDown);
|
|
67
|
+
await browser.keys(Key.Space);
|
|
68
|
+
const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-multi-sel'));
|
|
69
|
+
await expect(snapshot).toEqual(0);
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
}
|
package/package.json
CHANGED
|
@@ -1,125 +1,125 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dimsum-e2e-tests",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.49.0-rc.0",
|
|
4
4
|
"description": "End-to-end tests for dimsum library",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@elliemae/ds-accessibility": "3.
|
|
7
|
-
"@elliemae/ds-accordion": "3.
|
|
8
|
-
"@elliemae/ds-app-picker": "3.
|
|
9
|
-
"@elliemae/ds-
|
|
10
|
-
"@elliemae/ds-banner": "3.
|
|
11
|
-
"@elliemae/ds-
|
|
12
|
-
"@elliemae/ds-breadcrumb": "3.
|
|
13
|
-
"@elliemae/ds-button": "3.
|
|
14
|
-
"@elliemae/ds-button-group": "3.
|
|
15
|
-
"@elliemae/ds-button-
|
|
16
|
-
"@elliemae/ds-button-
|
|
17
|
-
"@elliemae/ds-card": "3.
|
|
18
|
-
"@elliemae/ds-card
|
|
19
|
-
"@elliemae/ds-card-navigation": "3.
|
|
20
|
-
"@elliemae/ds-card-v2": "3.
|
|
21
|
-
"@elliemae/ds-card-v2-
|
|
22
|
-
"@elliemae/ds-
|
|
23
|
-
"@elliemae/ds-chat
|
|
24
|
-
"@elliemae/ds-
|
|
25
|
-
"@elliemae/ds-chat-tile": "3.
|
|
26
|
-
"@elliemae/ds-chip": "3.
|
|
27
|
-
"@elliemae/ds-circular-progress-indicator": "3.
|
|
28
|
-
"@elliemae/ds-codeeditor": "3.
|
|
29
|
-
"@elliemae/ds-comments": "3.
|
|
30
|
-
"@elliemae/ds-controlled-form": "3.
|
|
31
|
-
"@elliemae/ds-csv-converter": "3.
|
|
32
|
-
"@elliemae/ds-data-table": "3.
|
|
33
|
-
"@elliemae/ds-data-table-cell-header": "3.
|
|
34
|
-
"@elliemae/ds-datagrids": "3.
|
|
35
|
-
"@elliemae/ds-dataviz": "3.
|
|
36
|
-
"@elliemae/ds-
|
|
37
|
-
"@elliemae/ds-
|
|
38
|
-
"@elliemae/ds-date-range-
|
|
39
|
-
"@elliemae/ds-date-
|
|
40
|
-
"@elliemae/ds-date-
|
|
41
|
-
"@elliemae/ds-date-time-recurrence-picker": "3.
|
|
42
|
-
"@elliemae/ds-decision-graph": "3.
|
|
43
|
-
"@elliemae/ds-dialog": "3.
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-
|
|
46
|
-
"@elliemae/ds-dropzone": "3.
|
|
47
|
-
"@elliemae/ds-fast-list": "3.
|
|
48
|
-
"@elliemae/ds-
|
|
49
|
-
"@elliemae/ds-form": "3.
|
|
50
|
-
"@elliemae/ds-
|
|
51
|
-
"@elliemae/ds-form-date-time-picker": "3.
|
|
52
|
-
"@elliemae/ds-form-layout-blocks": "3.
|
|
53
|
-
"@elliemae/ds-
|
|
54
|
-
"@elliemae/ds-
|
|
55
|
-
"@elliemae/ds-
|
|
56
|
-
"@elliemae/ds-
|
|
57
|
-
"@elliemae/ds-header": "3.
|
|
58
|
-
"@elliemae/ds-hooks-fontsize-detector": "3.
|
|
59
|
-
"@elliemae/ds-
|
|
60
|
-
"@elliemae/ds-
|
|
61
|
-
"@elliemae/ds-
|
|
62
|
-
"@elliemae/ds-
|
|
63
|
-
"@elliemae/ds-
|
|
64
|
-
"@elliemae/ds-indeterminate-progress-indicator": "3.
|
|
65
|
-
"@elliemae/ds-label-value": "3.
|
|
66
|
-
"@elliemae/ds-
|
|
67
|
-
"@elliemae/ds-
|
|
68
|
-
"@elliemae/ds-
|
|
69
|
-
"@elliemae/ds-
|
|
70
|
-
"@elliemae/ds-menu-items": "3.
|
|
71
|
-
"@elliemae/ds-mini-toolbar": "3.
|
|
72
|
-
"@elliemae/ds-mobile": "3.
|
|
73
|
-
"@elliemae/ds-modal": "3.
|
|
74
|
-
"@elliemae/ds-modal
|
|
75
|
-
"@elliemae/ds-notification-badge": "3.
|
|
76
|
-
"@elliemae/ds-number-range-field": "3.
|
|
77
|
-
"@elliemae/ds-page-header": "3.
|
|
78
|
-
"@elliemae/ds-page-header-
|
|
79
|
-
"@elliemae/ds-page-header-
|
|
80
|
-
"@elliemae/ds-page-layout": "3.
|
|
81
|
-
"@elliemae/ds-
|
|
82
|
-
"@elliemae/ds-
|
|
83
|
-
"@elliemae/ds-pills": "3.
|
|
84
|
-
"@elliemae/ds-popover": "3.
|
|
85
|
-
"@elliemae/ds-popper": "3.
|
|
86
|
-
"@elliemae/ds-
|
|
87
|
-
"@elliemae/ds-
|
|
88
|
-
"@elliemae/ds-query-builder": "3.
|
|
89
|
-
"@elliemae/ds-read-more": "3.
|
|
90
|
-
"@elliemae/ds-resizeable-container": "3.
|
|
91
|
-
"@elliemae/ds-ribbon": "3.
|
|
92
|
-
"@elliemae/ds-
|
|
93
|
-
"@elliemae/ds-
|
|
94
|
-
"@elliemae/ds-shuttle": "3.
|
|
95
|
-
"@elliemae/ds-shuttle-v2": "3.
|
|
96
|
-
"@elliemae/ds-side-panel": "3.
|
|
97
|
-
"@elliemae/ds-skeleton": "3.
|
|
98
|
-
"@elliemae/ds-slider": "3.
|
|
99
|
-
"@elliemae/ds-spinner": "3.
|
|
100
|
-
"@elliemae/ds-square-indicator": "3.
|
|
101
|
-
"@elliemae/ds-stepper": "3.
|
|
102
|
-
"@elliemae/ds-svg": "3.
|
|
103
|
-
"@elliemae/ds-
|
|
104
|
-
"@elliemae/ds-
|
|
105
|
-
"@elliemae/ds-test-utils": "3.
|
|
106
|
-
"@elliemae/ds-text-wrapper": "3.
|
|
107
|
-
"@elliemae/ds-time-picker": "3.
|
|
108
|
-
"@elliemae/ds-
|
|
109
|
-
"@elliemae/ds-
|
|
110
|
-
"@elliemae/ds-toolbar-v2": "3.
|
|
111
|
-
"@elliemae/ds-tooltip": "3.
|
|
112
|
-
"@elliemae/ds-transition": "3.
|
|
113
|
-
"@elliemae/ds-tree-model": "3.
|
|
114
|
-
"@elliemae/ds-treeview": "3.
|
|
115
|
-
"@elliemae/ds-truncated-expandable-text": "3.
|
|
116
|
-
"@elliemae/ds-truncated-tooltip-text": "3.
|
|
117
|
-
"@elliemae/ds-typography": "3.
|
|
118
|
-
"@elliemae/ds-
|
|
119
|
-
"@elliemae/ds-uploader": "3.
|
|
120
|
-
"@elliemae/ds-
|
|
121
|
-
"@elliemae/ds-wysiwygeditor": "3.
|
|
122
|
-
"@elliemae/ds-zipcode-search": "3.
|
|
123
|
-
"@elliemae/ds-zoom": "3.
|
|
6
|
+
"@elliemae/ds-accessibility": "3.49.0-rc.0",
|
|
7
|
+
"@elliemae/ds-accordion": "3.49.0-rc.0",
|
|
8
|
+
"@elliemae/ds-app-picker": "3.49.0-rc.0",
|
|
9
|
+
"@elliemae/ds-backdrop": "3.49.0-rc.0",
|
|
10
|
+
"@elliemae/ds-banner": "3.49.0-rc.0",
|
|
11
|
+
"@elliemae/ds-basic": "3.49.0-rc.0",
|
|
12
|
+
"@elliemae/ds-breadcrumb": "3.49.0-rc.0",
|
|
13
|
+
"@elliemae/ds-button": "3.49.0-rc.0",
|
|
14
|
+
"@elliemae/ds-button-group": "3.49.0-rc.0",
|
|
15
|
+
"@elliemae/ds-button-v1": "3.49.0-rc.0",
|
|
16
|
+
"@elliemae/ds-button-v2": "3.49.0-rc.0",
|
|
17
|
+
"@elliemae/ds-card-array": "3.49.0-rc.0",
|
|
18
|
+
"@elliemae/ds-card": "3.49.0-rc.0",
|
|
19
|
+
"@elliemae/ds-card-navigation": "3.49.0-rc.0",
|
|
20
|
+
"@elliemae/ds-card-v2": "3.49.0-rc.0",
|
|
21
|
+
"@elliemae/ds-card-v2-action-addon": "3.49.0-rc.0",
|
|
22
|
+
"@elliemae/ds-card-v2-group": "3.49.0-rc.0",
|
|
23
|
+
"@elliemae/ds-chat": "3.49.0-rc.0",
|
|
24
|
+
"@elliemae/ds-chat-bubble": "3.49.0-rc.0",
|
|
25
|
+
"@elliemae/ds-chat-tile": "3.49.0-rc.0",
|
|
26
|
+
"@elliemae/ds-chip": "3.49.0-rc.0",
|
|
27
|
+
"@elliemae/ds-circular-progress-indicator": "3.49.0-rc.0",
|
|
28
|
+
"@elliemae/ds-codeeditor": "3.49.0-rc.0",
|
|
29
|
+
"@elliemae/ds-comments": "3.49.0-rc.0",
|
|
30
|
+
"@elliemae/ds-controlled-form": "3.49.0-rc.0",
|
|
31
|
+
"@elliemae/ds-csv-converter": "3.49.0-rc.0",
|
|
32
|
+
"@elliemae/ds-data-table": "3.49.0-rc.0",
|
|
33
|
+
"@elliemae/ds-data-table-cell-header": "3.49.0-rc.0",
|
|
34
|
+
"@elliemae/ds-datagrids": "3.49.0-rc.0",
|
|
35
|
+
"@elliemae/ds-dataviz": "3.49.0-rc.0",
|
|
36
|
+
"@elliemae/ds-dataviz-pie": "3.49.0-rc.0",
|
|
37
|
+
"@elliemae/ds-date-picker": "3.49.0-rc.0",
|
|
38
|
+
"@elliemae/ds-date-range-selector": "3.49.0-rc.0",
|
|
39
|
+
"@elliemae/ds-date-range-picker": "3.49.0-rc.0",
|
|
40
|
+
"@elliemae/ds-date-time-picker": "3.49.0-rc.0",
|
|
41
|
+
"@elliemae/ds-date-time-recurrence-picker": "3.49.0-rc.0",
|
|
42
|
+
"@elliemae/ds-decision-graph": "3.49.0-rc.0",
|
|
43
|
+
"@elliemae/ds-dialog": "3.49.0-rc.0",
|
|
44
|
+
"@elliemae/ds-drag-and-drop": "3.49.0-rc.0",
|
|
45
|
+
"@elliemae/ds-dropdownmenu": "3.49.0-rc.0",
|
|
46
|
+
"@elliemae/ds-dropzone": "3.49.0-rc.0",
|
|
47
|
+
"@elliemae/ds-fast-list": "3.49.0-rc.0",
|
|
48
|
+
"@elliemae/ds-form-date-range-picker": "3.49.0-rc.0",
|
|
49
|
+
"@elliemae/ds-form": "3.49.0-rc.0",
|
|
50
|
+
"@elliemae/ds-filterbar": "3.49.0-rc.0",
|
|
51
|
+
"@elliemae/ds-form-date-time-picker": "3.49.0-rc.0",
|
|
52
|
+
"@elliemae/ds-form-layout-blocks": "3.49.0-rc.0",
|
|
53
|
+
"@elliemae/ds-global-header": "3.49.0-rc.0",
|
|
54
|
+
"@elliemae/ds-form-layout-label": "3.49.0-rc.0",
|
|
55
|
+
"@elliemae/ds-grid": "3.49.0-rc.0",
|
|
56
|
+
"@elliemae/ds-group-box": "3.49.0-rc.0",
|
|
57
|
+
"@elliemae/ds-header": "3.49.0-rc.0",
|
|
58
|
+
"@elliemae/ds-hooks-fontsize-detector": "3.49.0-rc.0",
|
|
59
|
+
"@elliemae/ds-hooks-fontsize-media": "3.49.0-rc.0",
|
|
60
|
+
"@elliemae/ds-icons": "3.49.0-rc.0",
|
|
61
|
+
"@elliemae/ds-imagelibrarymodal": "3.49.0-rc.0",
|
|
62
|
+
"@elliemae/ds-icon": "3.49.0-rc.0",
|
|
63
|
+
"@elliemae/ds-image": "3.49.0-rc.0",
|
|
64
|
+
"@elliemae/ds-indeterminate-progress-indicator": "3.49.0-rc.0",
|
|
65
|
+
"@elliemae/ds-label-value": "3.49.0-rc.0",
|
|
66
|
+
"@elliemae/ds-left-navigation": "3.49.0-rc.0",
|
|
67
|
+
"@elliemae/ds-list-section-header": "3.49.0-rc.0",
|
|
68
|
+
"@elliemae/ds-loading-indicator": "3.49.0-rc.0",
|
|
69
|
+
"@elliemae/ds-menu": "3.49.0-rc.0",
|
|
70
|
+
"@elliemae/ds-menu-items": "3.49.0-rc.0",
|
|
71
|
+
"@elliemae/ds-mini-toolbar": "3.49.0-rc.0",
|
|
72
|
+
"@elliemae/ds-mobile": "3.49.0-rc.0",
|
|
73
|
+
"@elliemae/ds-modal-slide": "3.49.0-rc.0",
|
|
74
|
+
"@elliemae/ds-modal": "3.49.0-rc.0",
|
|
75
|
+
"@elliemae/ds-notification-badge": "3.49.0-rc.0",
|
|
76
|
+
"@elliemae/ds-number-range-field": "3.49.0-rc.0",
|
|
77
|
+
"@elliemae/ds-page-header": "3.49.0-rc.0",
|
|
78
|
+
"@elliemae/ds-page-header-v1": "3.49.0-rc.0",
|
|
79
|
+
"@elliemae/ds-page-header-v2": "3.49.0-rc.0",
|
|
80
|
+
"@elliemae/ds-page-layout": "3.49.0-rc.0",
|
|
81
|
+
"@elliemae/ds-pagination": "3.49.0-rc.0",
|
|
82
|
+
"@elliemae/ds-page-number": "3.49.0-rc.0",
|
|
83
|
+
"@elliemae/ds-pills": "3.49.0-rc.0",
|
|
84
|
+
"@elliemae/ds-popover": "3.49.0-rc.0",
|
|
85
|
+
"@elliemae/ds-popper": "3.49.0-rc.0",
|
|
86
|
+
"@elliemae/ds-popperjs": "3.49.0-rc.0",
|
|
87
|
+
"@elliemae/ds-progress-indicator": "3.49.0-rc.0",
|
|
88
|
+
"@elliemae/ds-query-builder": "3.49.0-rc.0",
|
|
89
|
+
"@elliemae/ds-read-more": "3.49.0-rc.0",
|
|
90
|
+
"@elliemae/ds-resizeable-container": "3.49.0-rc.0",
|
|
91
|
+
"@elliemae/ds-ribbon": "3.49.0-rc.0",
|
|
92
|
+
"@elliemae/ds-search-field": "3.49.0-rc.0",
|
|
93
|
+
"@elliemae/ds-separator": "3.49.0-rc.0",
|
|
94
|
+
"@elliemae/ds-shuttle": "3.49.0-rc.0",
|
|
95
|
+
"@elliemae/ds-shuttle-v2": "3.49.0-rc.0",
|
|
96
|
+
"@elliemae/ds-side-panel": "3.49.0-rc.0",
|
|
97
|
+
"@elliemae/ds-skeleton": "3.49.0-rc.0",
|
|
98
|
+
"@elliemae/ds-slider": "3.49.0-rc.0",
|
|
99
|
+
"@elliemae/ds-spinner": "3.49.0-rc.0",
|
|
100
|
+
"@elliemae/ds-square-indicator": "3.49.0-rc.0",
|
|
101
|
+
"@elliemae/ds-stepper": "3.49.0-rc.0",
|
|
102
|
+
"@elliemae/ds-svg": "3.49.0-rc.0",
|
|
103
|
+
"@elliemae/ds-tabs": "3.49.0-rc.0",
|
|
104
|
+
"@elliemae/ds-system": "3.49.0-rc.0",
|
|
105
|
+
"@elliemae/ds-test-utils": "3.49.0-rc.0",
|
|
106
|
+
"@elliemae/ds-text-wrapper": "3.49.0-rc.0",
|
|
107
|
+
"@elliemae/ds-time-picker": "3.49.0-rc.0",
|
|
108
|
+
"@elliemae/ds-toolbar": "3.49.0-rc.0",
|
|
109
|
+
"@elliemae/ds-toast": "3.49.0-rc.0",
|
|
110
|
+
"@elliemae/ds-toolbar-v2": "3.49.0-rc.0",
|
|
111
|
+
"@elliemae/ds-tooltip": "3.49.0-rc.0",
|
|
112
|
+
"@elliemae/ds-transition": "3.49.0-rc.0",
|
|
113
|
+
"@elliemae/ds-tree-model": "3.49.0-rc.0",
|
|
114
|
+
"@elliemae/ds-treeview": "3.49.0-rc.0",
|
|
115
|
+
"@elliemae/ds-truncated-expandable-text": "3.49.0-rc.0",
|
|
116
|
+
"@elliemae/ds-truncated-tooltip-text": "3.49.0-rc.0",
|
|
117
|
+
"@elliemae/ds-typography": "3.49.0-rc.0",
|
|
118
|
+
"@elliemae/ds-wizard": "3.49.0-rc.0",
|
|
119
|
+
"@elliemae/ds-uploader": "3.49.0-rc.0",
|
|
120
|
+
"@elliemae/ds-virtual-list": "3.49.0-rc.0",
|
|
121
|
+
"@elliemae/ds-wysiwygeditor": "3.49.0-rc.0",
|
|
122
|
+
"@elliemae/ds-zipcode-search": "3.49.0-rc.0",
|
|
123
|
+
"@elliemae/ds-zoom": "3.49.0-rc.0"
|
|
124
124
|
}
|
|
125
125
|
}
|