@ironsource/shared-ui-e2e 2.1.12-rc.3 → 2.1.12-rc.31
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/package.json +1 -1
- package/shared-e2e-commands.js +149 -123
- package/shared-e2e-commands.umd.cjs +1 -1
- package/tests/components/dropdown/base-dropdown.d.ts +4 -1
- package/tests/components/dropdown/dropdown-v4/dropdown-component.d.ts +0 -3
- package/tests/components/dropdown/dropdown-v4/treedropdown-component.d.ts +5 -3
- package/tests/components/dropdown/types.d.ts +2 -0
- package/tests/components/sortablelist/sortable-list-component.d.ts +1 -0
- package/tests/components/sortablelist/sortable-list-page.d.ts +2 -0
- package/tests/components/switch/consts.d.ts +3 -0
- package/tests/components/switch/switch-component.d.ts +13 -0
- package/tests/components/switch/switch-page.d.ts +10 -0
- package/tests/components/switch/types.d.ts +4 -0
- package/tests/index.d.ts +1 -0
- package/tests/testids/index.d.ts +8 -0
- package/tsconfig.tsbuildinfo +1 -1
package/shared-e2e-commands.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var c = (a, t, e) => (
|
|
4
|
-
var g = /* @__PURE__ */ ((a) => (a.TRIGGER = "ie-trigger", a.CONTENT = "ie-content", a.SEARCH = "ie-search", a.LIST = "ie-list", a.LIST_SELECTED = "ie-list-selected", a.ACTION_CANCEL = "ie-action-cancel", a.ACTION_APPLY = "ie-action-apply", a.SELECT_ALL = "ie-select-all", a.CLEAR_ALL = "ie-clear-all", a))(g || {}), s = /* @__PURE__ */ ((a) => (a.TRIGGER = "dd-trigger", a.WRAPPER = "dd-wrapper", a.BUTTON = "dd-button", a.BUTTON_WRAPPER = "dd-button-wrapper", a.BUTTON_CONTENT = "dd-button-content", a.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", a.BUTTON_CLEAR = "dd-button-clear", a.LABEL = "dd-label", a.LIST_CONTAINER = "dd-list-container", a.SEARCH = "dd-search", a.TITLE = "dd-title", a.ACTION_CANCEL = "dd-action-cancel", a.ACTION_APPLY = "dd-action-apply", a.ACTION_CLEAR_ALL = "dd-action-clear-all", a.HELPER_TEXT = "dd-helper-text", a.HELPER_TEXT_ERROR = "dd-helper-text-error", a.SELECT_ALL = "dd-select-all", a.NO_RESULT = "dd-no-result", a))(s || {}), R = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(R || {}), d = /* @__PURE__ */ ((a) => (a.WRAPPER = "alert-wrapper", a.TITLE = "alert-title", a.MESSAGE = "alert-message", a.ACTION_BUTTON = "alert-action-button", a.CLOSE_BUTTON = "alert-close-button", a))(d || {}), u = /* @__PURE__ */ ((a) => (a.WRAPPER = "dialog-wrapper", a.HEADER = "dialog-header", a.ACTION_CLOSE = "dialog-action-close", a.HEADER_SECONDARY = "dialog-header-secondary", a.CONTENT = "dialog-content", a.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", a.BACKDROP = "dialog-backdrop", a.SAVE_BUTTON = "dialog-save-button", a.CANCEL_BUTTON = "dialog-cancel-button", a))(u || {}), r = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", a.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", a.MANDATORY = "input-mandatory", a.LABEL_CONTAINER = "input-label-container", a.LABEL_TEXT = "input-label-text", a.FIELD = "input-field", a.EXTRA_TEXT = "input-extra-text", a.TOGGLE_PASSWORD = "input-toggle-password-icon", a))(r || {}),
|
|
5
|
-
const
|
|
1
|
+
var W = Object.defineProperty;
|
|
2
|
+
var U = (a, t, e) => t in a ? W(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
|
|
3
|
+
var c = (a, t, e) => (U(a, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
|
+
var g = /* @__PURE__ */ ((a) => (a.TRIGGER = "ie-trigger", a.CONTENT = "ie-content", a.SEARCH = "ie-search", a.LIST = "ie-list", a.LIST_SELECTED = "ie-list-selected", a.ACTION_CANCEL = "ie-action-cancel", a.ACTION_APPLY = "ie-action-apply", a.SELECT_ALL = "ie-select-all", a.CLEAR_ALL = "ie-clear-all", a))(g || {}), s = /* @__PURE__ */ ((a) => (a.TRIGGER = "dd-trigger", a.WRAPPER = "dd-wrapper", a.BUTTON = "dd-button", a.BUTTON_WRAPPER = "dd-button-wrapper", a.BUTTON_CONTENT = "dd-button-content", a.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", a.BUTTON_CLEAR = "dd-button-clear", a.LABEL = "dd-label", a.LIST_CONTAINER = "dd-list-container", a.SEARCH = "dd-search", a.TITLE = "dd-title", a.ACTION_CANCEL = "dd-action-cancel", a.ACTION_APPLY = "dd-action-apply", a.ACTION_CLEAR_ALL = "dd-action-clear-all", a.HELPER_TEXT = "dd-helper-text", a.HELPER_TEXT_ERROR = "dd-helper-text-error", a.SELECT_ALL = "dd-select-all", a.NO_RESULT = "dd-no-result", a))(s || {}), R = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(R || {}), d = /* @__PURE__ */ ((a) => (a.WRAPPER = "alert-wrapper", a.TITLE = "alert-title", a.MESSAGE = "alert-message", a.ACTION_BUTTON = "alert-action-button", a.CLOSE_BUTTON = "alert-close-button", a))(d || {}), u = /* @__PURE__ */ ((a) => (a.WRAPPER = "dialog-wrapper", a.HEADER = "dialog-header", a.ACTION_CLOSE = "dialog-action-close", a.HEADER_SECONDARY = "dialog-header-secondary", a.CONTENT = "dialog-content", a.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", a.BACKDROP = "dialog-backdrop", a.SAVE_BUTTON = "dialog-save-button", a.CANCEL_BUTTON = "dialog-cancel-button", a))(u || {}), r = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", a.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", a.MANDATORY = "input-mandatory", a.LABEL_CONTAINER = "input-label-container", a.LABEL_TEXT = "input-label-text", a.FIELD = "input-field", a.EXTRA_TEXT = "input-extra-text", a.TOGGLE_PASSWORD = "input-toggle-password-icon", a))(r || {}), _ = /* @__PURE__ */ ((a) => (a.WRAPPER = "swicth-wrapper", a.BUTTON = "swicth-button", a.TEXT = "swicth-text", a))(_ || {}), C = /* @__PURE__ */ ((a) => (a.WRAPPER = "ta-wrapper", a.LABEL = "ta-label", a.FIELD = "ta-field", a.TEXT = "ta-text", a))(C || {}), N = /* @__PURE__ */ ((a) => (a.CONTAINER = "search-container", a.FIELD = "search-field", a.CLOSE = "search-close", a.CLEAR = "search-clear", a))(N || {}), p = /* @__PURE__ */ ((a) => (a.CONTAINER = "tbl-container", a.TABLE = "tbl-table", a.HEADER = "tbl-header", a.TITLE = "tbl-title", a.HEADER_RIGHT = "tbl-header-right", a.ACTIONS = "tbl-actions", a.SECTIONS = "tbl-sections", a.BODY_WRAPPER = "tbl-body-wrapper", a.EMPTY_STATE = "tbl-empty-state", a.PRE_SEARCH_HEADER = "tbl-pre-search-header", a))(p || {}), O = /* @__PURE__ */ ((a) => (a.TEXT = "tt-text", a.TRIGGER = "tt-trigger", a.HEADER = "tt-header", a))(O || {}), B = /* @__PURE__ */ ((a) => (a.WRAPPER = "tabs-wrapper", a.TAB = "tabs-tab", a))(B || {}), x = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-label-container", a.TEXT = "field-label-text", a.MANDATORY = "field-label-mandatory", a.TOOLTIP = "field-label-help-tooltip", a))(x || {}), w = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-help-text-container", a.TEXT = "field-help-text-text", a.ICON = "field-help-text-icon", a))(w || {}), y = /* @__PURE__ */ ((a) => (a.CONTAINER = "sb-container", a.TITLE = "sb-title", a.MESSAGE = "sb-message", a.CLOSE = "sb-close", a.ICON = "sb-icon", a.ACTION_BUTTON = "sb-action-button", a))(y || {}), E = /* @__PURE__ */ ((a) => (a.TITLE = "form-card-title", a.CONTENT = "form-card-content", a.ACTIONS = "form-card-actions", a.SAVE_BUTTON = "form-card-save-btn", a.CANCEL_BUTTON = "form-card-cancel-btn", a))(E || {}), b = /* @__PURE__ */ ((a) => (a.TITLE = "ah-title", a.APP_KEY = "ah-app-key", a.APP_PLATFORM = "ah-app-platform", a.AB_ICON = "ah-ab-icon", a))(b || {}), F = /* @__PURE__ */ ((a) => (a.TEXT = "ic-text", a.COPY_BTN = "ic-copy-btn", a))(F || {}), m = /* @__PURE__ */ ((a) => (a.WRAPPER = "multibar-wrapper", a.CLOSE_BTN = "multibar-close-button", a.MENU = "multibar-menu", a.ACTION = "multibar-action", a))(m || {}), T = /* @__PURE__ */ ((a) => (a.CONTAINER = "sortable-list-container", a.DRAGGABLE_LIST = "sortable-list-draggable-list", a.LOCKED_LIST = "sortable-list-locked-list", a))(T || {});
|
|
5
|
+
const V = (a, t) => {
|
|
6
6
|
const e = new URLSearchParams(a).toString();
|
|
7
7
|
return t.includes("?") ? `${t}${e}` : `${t}?${e}`;
|
|
8
|
-
},
|
|
8
|
+
}, X = (a, t = {}) => {
|
|
9
9
|
const e = [];
|
|
10
10
|
Object.entries(t).forEach(([l, h]) => {
|
|
11
11
|
e.push(`${l}:${h}`);
|
|
@@ -15,9 +15,9 @@ const U = (a, t) => {
|
|
|
15
15
|
viewMode: "story",
|
|
16
16
|
args: e.join(";")
|
|
17
17
|
};
|
|
18
|
-
return
|
|
18
|
+
return V(o, "iframe.html");
|
|
19
19
|
}, n = (a, t) => `${a}-${t}`;
|
|
20
|
-
class
|
|
20
|
+
class Z {
|
|
21
21
|
constructor(t) {
|
|
22
22
|
c(this, "page");
|
|
23
23
|
this.page = t;
|
|
@@ -33,7 +33,7 @@ class Q {
|
|
|
33
33
|
return this.page.getByTestId(n(t, R.WRAPPER)).locator(`.icon.icon-name--${e}`) !== null;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
class
|
|
36
|
+
class M {
|
|
37
37
|
constructor(t) {
|
|
38
38
|
c(this, "page");
|
|
39
39
|
c(this, "testId");
|
|
@@ -47,14 +47,14 @@ class Z {
|
|
|
47
47
|
...t.additionalComponentParams
|
|
48
48
|
};
|
|
49
49
|
await this.page.goto(
|
|
50
|
-
|
|
50
|
+
X(
|
|
51
51
|
t.storyId || this.componentId,
|
|
52
52
|
e
|
|
53
53
|
)
|
|
54
54
|
), await this.page.waitForSelector(this.loadedPageSelector);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
class
|
|
57
|
+
class tt {
|
|
58
58
|
constructor(t) {
|
|
59
59
|
c(this, "page");
|
|
60
60
|
this.page = t;
|
|
@@ -104,7 +104,7 @@ class M {
|
|
|
104
104
|
);
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
|
-
class
|
|
107
|
+
class f {
|
|
108
108
|
constructor(t) {
|
|
109
109
|
c(this, "page");
|
|
110
110
|
this.page = t;
|
|
@@ -131,20 +131,26 @@ class G {
|
|
|
131
131
|
name: e,
|
|
132
132
|
shouldOpen: o = !0
|
|
133
133
|
}) {
|
|
134
|
-
o && await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator("ul > li
|
|
134
|
+
o && await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator("ul > li div.text-container", { hasText: e }).click();
|
|
135
|
+
}
|
|
136
|
+
async clearAllOptions({ testId: t }) {
|
|
137
|
+
await this.page.getByTestId(n(t, s.ACTION_CLEAR_ALL)).click();
|
|
135
138
|
}
|
|
136
139
|
async selectMultipleItemsByIndex({ testId: t, itemsToSelect: e }) {
|
|
137
|
-
await this.openDropdownComponent({ testId: t });
|
|
140
|
+
await this.openDropdownComponent({ testId: t }), await this.clearAllOptions({ testId: t });
|
|
138
141
|
for (const o of e)
|
|
139
142
|
await this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator("ul > li").nth(o).click();
|
|
140
143
|
}
|
|
141
144
|
async selectMultipleItemsByName({
|
|
142
145
|
testId: t,
|
|
143
|
-
itemsToSelect: e
|
|
146
|
+
itemsToSelect: e,
|
|
147
|
+
shouldClearAll: o
|
|
144
148
|
}) {
|
|
145
|
-
await this.openDropdownComponent({ testId: t })
|
|
146
|
-
|
|
147
|
-
|
|
149
|
+
await this.openDropdownComponent({ testId: t }), o && await this.clearAllOptions({
|
|
150
|
+
testId: t
|
|
151
|
+
});
|
|
152
|
+
for (const i of e)
|
|
153
|
+
await this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator("ul > li span", { hasText: i }).first().click();
|
|
148
154
|
}
|
|
149
155
|
async clickOnApply({ testId: t }) {
|
|
150
156
|
await this.page.getByTestId(n(t, s.ACTION_APPLY)).click();
|
|
@@ -162,39 +168,39 @@ class A {
|
|
|
162
168
|
this.page = t;
|
|
163
169
|
}
|
|
164
170
|
getLabelText({ testId: t }) {
|
|
165
|
-
return this.page.getByTestId(n(t,
|
|
171
|
+
return this.page.getByTestId(n(t, x.TEXT)).textContent();
|
|
166
172
|
}
|
|
167
173
|
isMandatory({ testId: t }) {
|
|
168
|
-
return this.page.getByTestId(n(t,
|
|
174
|
+
return this.page.getByTestId(n(t, x.MANDATORY)).isVisible();
|
|
169
175
|
}
|
|
170
176
|
async getHelpIconText({ testId: t }) {
|
|
171
177
|
const e = await this.page.getByTestId(
|
|
172
|
-
n(t,
|
|
178
|
+
n(t, x.TOOLTIP)
|
|
173
179
|
);
|
|
174
180
|
return await e.hover(), e.getAttribute("text");
|
|
175
181
|
}
|
|
176
182
|
}
|
|
177
|
-
class
|
|
183
|
+
class k {
|
|
178
184
|
constructor(t) {
|
|
179
185
|
c(this, "page");
|
|
180
186
|
this.page = t;
|
|
181
187
|
}
|
|
182
188
|
hasExtraText({ testId: t }) {
|
|
183
|
-
return this.page.getByTestId(n(t,
|
|
189
|
+
return this.page.getByTestId(n(t, w.TEXT)).isVisible();
|
|
184
190
|
}
|
|
185
191
|
getExtraText({ testId: t }) {
|
|
186
|
-
return this.page.getByTestId(n(t,
|
|
192
|
+
return this.page.getByTestId(n(t, w.TEXT)).textContent();
|
|
187
193
|
}
|
|
188
194
|
async hasExtraTextIconType({ testId: t, type: e }) {
|
|
189
|
-
return await (await this.page.getByTestId(n(t,
|
|
195
|
+
return await (await this.page.getByTestId(n(t, w.CONTAINER)).locator(`.icon.icon-name--${e}`)).count() !== 0;
|
|
190
196
|
}
|
|
191
197
|
}
|
|
192
|
-
class
|
|
198
|
+
class Y extends f {
|
|
193
199
|
constructor(e) {
|
|
194
200
|
super(e);
|
|
195
201
|
c(this, "fieldLabelComponent");
|
|
196
202
|
c(this, "fieldHelpTextComponent");
|
|
197
|
-
this.fieldLabelComponent = new A(e), this.fieldHelpTextComponent = new
|
|
203
|
+
this.fieldLabelComponent = new A(e), this.fieldHelpTextComponent = new k(e);
|
|
198
204
|
}
|
|
199
205
|
getDropdownTitle({ testId: e }) {
|
|
200
206
|
return this.fieldLabelComponent.getLabelText({ testId: e });
|
|
@@ -230,14 +236,11 @@ class X extends G {
|
|
|
230
236
|
return await this.openDropdownComponent({ testId: e }), await this.page.getByTestId(n(e, r.FIELD)).fill(o), this.page.getByTestId(n(e, s.LIST_CONTAINER)).locator("ul > li span").first().textContent();
|
|
231
237
|
}
|
|
232
238
|
async isErrorText({ testId: e }) {
|
|
233
|
-
return await this.page.getByTestId(n(e,
|
|
239
|
+
return await this.page.getByTestId(n(e, w.TEXT)).count() > 0;
|
|
234
240
|
}
|
|
235
241
|
async isDisabled({ testId: e }) {
|
|
236
242
|
return (await this.page.getByTestId(n(e, s.TRIGGER)).locator(".button__container--disabled")).isVisible();
|
|
237
243
|
}
|
|
238
|
-
async clearAllOptions({ testId: e }) {
|
|
239
|
-
await this.page.getByTestId(n(e, s.ACTION_CLEAR_ALL)).click();
|
|
240
|
-
}
|
|
241
244
|
isSelectAllChecked({ testId: e }) {
|
|
242
245
|
return this.page.getByTestId(n(e, s.SELECT_ALL)).locator(".checkbox.input").isChecked();
|
|
243
246
|
}
|
|
@@ -251,7 +254,7 @@ class X extends G {
|
|
|
251
254
|
return this.page.getByTestId(n(e, s.LIST_CONTAINER)).locator(".list").allTextContents();
|
|
252
255
|
}
|
|
253
256
|
}
|
|
254
|
-
class
|
|
257
|
+
class et extends f {
|
|
255
258
|
constructor(t) {
|
|
256
259
|
super(t);
|
|
257
260
|
}
|
|
@@ -262,10 +265,10 @@ class tt extends G {
|
|
|
262
265
|
return this.page.getByTestId(n(t, s.TRIGGER)).locator("button > span").textContent();
|
|
263
266
|
}
|
|
264
267
|
async searchForItem({ testId: t, searchTerm: e }) {
|
|
265
|
-
return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t,
|
|
268
|
+
return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, N.FIELD)).fill(e), this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator("ul > li span").first().textContent();
|
|
266
269
|
}
|
|
267
270
|
}
|
|
268
|
-
class
|
|
271
|
+
class at {
|
|
269
272
|
constructor(t) {
|
|
270
273
|
c(this, "page");
|
|
271
274
|
this.page = t;
|
|
@@ -331,7 +334,7 @@ class et {
|
|
|
331
334
|
await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, g.SELECT_ALL)).click(), await this.clickOnApply(t);
|
|
332
335
|
}
|
|
333
336
|
}
|
|
334
|
-
class
|
|
337
|
+
class v {
|
|
335
338
|
constructor(t) {
|
|
336
339
|
c(this, "page");
|
|
337
340
|
this.page = t;
|
|
@@ -355,12 +358,12 @@ class f {
|
|
|
355
358
|
return this.page.getByTestId(n(t, r.FIELD)).isDisabled();
|
|
356
359
|
}
|
|
357
360
|
}
|
|
358
|
-
class
|
|
361
|
+
class nt extends v {
|
|
359
362
|
constructor(e) {
|
|
360
363
|
super(e);
|
|
361
364
|
c(this, "fieldLabelComponent");
|
|
362
365
|
c(this, "fieldHelpTextComponent");
|
|
363
|
-
this.fieldLabelComponent = new A(e), this.fieldHelpTextComponent = new
|
|
366
|
+
this.fieldLabelComponent = new A(e), this.fieldHelpTextComponent = new k(e);
|
|
364
367
|
}
|
|
365
368
|
getInputsLabelText({ testId: e }) {
|
|
366
369
|
return this.fieldLabelComponent.getLabelText({ testId: e });
|
|
@@ -440,7 +443,7 @@ class at extends f {
|
|
|
440
443
|
return (await this.page.getByTestId(n(e, r.WRAPPER)).getAttribute("class")).includes("variant-error");
|
|
441
444
|
}
|
|
442
445
|
}
|
|
443
|
-
class
|
|
446
|
+
class ot {
|
|
444
447
|
constructor(t) {
|
|
445
448
|
c(this, "page");
|
|
446
449
|
this.page = t;
|
|
@@ -466,7 +469,7 @@ class nt {
|
|
|
466
469
|
return this.page.getByTestId(n(t, `${B.TAB}-${o}`)).locator(".tab-item--disabled").isVisible();
|
|
467
470
|
}
|
|
468
471
|
}
|
|
469
|
-
class
|
|
472
|
+
class it {
|
|
470
473
|
constructor(t) {
|
|
471
474
|
c(this, "page");
|
|
472
475
|
this.page = t;
|
|
@@ -482,8 +485,8 @@ class ot {
|
|
|
482
485
|
return this.page.getByTestId(`${t}-${O.TRIGGER}`).getAttribute("header");
|
|
483
486
|
}
|
|
484
487
|
}
|
|
485
|
-
const I = ".table-row",
|
|
486
|
-
class
|
|
488
|
+
const I = ".table-row", S = ".icon-wrapper", H = ".states", P = ".table-head-container", G = ".table-row.loading", K = 1e3;
|
|
489
|
+
class st {
|
|
487
490
|
constructor(t) {
|
|
488
491
|
c(this, "page");
|
|
489
492
|
this.page = t;
|
|
@@ -526,27 +529,27 @@ class it {
|
|
|
526
529
|
await this.page.focus(e), await this.page.evaluate((o) => {
|
|
527
530
|
const i = document.querySelector(o);
|
|
528
531
|
i && (i.scrollTop = i.scrollHeight);
|
|
529
|
-
}, e), await this.page.waitForTimeout(
|
|
532
|
+
}, e), await this.page.waitForTimeout(K);
|
|
530
533
|
}
|
|
531
534
|
async waitForTableToLoad() {
|
|
532
|
-
await this.page.waitForSelector(
|
|
535
|
+
await this.page.waitForSelector(G, {
|
|
533
536
|
state: "hidden"
|
|
534
537
|
});
|
|
535
538
|
}
|
|
536
539
|
async waitingForTableLoadingToAppear() {
|
|
537
|
-
await this.page.waitForSelector(
|
|
540
|
+
await this.page.waitForSelector(G);
|
|
538
541
|
}
|
|
539
542
|
async expandRow({ testId: t, rowValue: e }) {
|
|
540
|
-
await this.page.getByTestId(n(t, p.BODY_WRAPPER)).locator(I, { hasText: e }).locator(
|
|
543
|
+
await this.page.getByTestId(n(t, p.BODY_WRAPPER)).locator(I, { hasText: e }).locator(S).click();
|
|
541
544
|
}
|
|
542
545
|
isRowExpanded({ testId: t, rowValue: e }) {
|
|
543
|
-
return this.page.getByTestId(n(t, p.BODY_WRAPPER)).locator(I, { hasText: e }).locator(
|
|
546
|
+
return this.page.getByTestId(n(t, p.BODY_WRAPPER)).locator(I, { hasText: e }).locator(S).isVisible();
|
|
544
547
|
}
|
|
545
548
|
async getExpandedRowContent({ testId: t, rowValue: e }) {
|
|
546
549
|
return await this.isRowExpanded({
|
|
547
550
|
testId: t,
|
|
548
551
|
rowValue: e
|
|
549
|
-
}) || await this.expandRow({ testId: t, rowValue: e }), this.page.getByTestId(n(t, p.BODY_WRAPPER)).locator(I, { hasText: e }).locator(
|
|
552
|
+
}) || await this.expandRow({ testId: t, rowValue: e }), this.page.getByTestId(n(t, p.BODY_WRAPPER)).locator(I, { hasText: e }).locator(S).textContent();
|
|
550
553
|
}
|
|
551
554
|
isEmptyStateVisible({ testId: t }) {
|
|
552
555
|
return this.page.getByTestId(n(t, p.TABLE)).locator(".empty-state").isVisible();
|
|
@@ -560,13 +563,13 @@ class it {
|
|
|
560
563
|
async clickOnRowCheckboxByRowValue({ testId: t, rowValue: e }) {
|
|
561
564
|
await this.page.getByTestId(n(t, p.TABLE)).locator(I, {
|
|
562
565
|
hasText: e
|
|
563
|
-
}).locator(
|
|
566
|
+
}).locator(H).click();
|
|
564
567
|
}
|
|
565
568
|
getCheckedRowsNumber({ testId: t }) {
|
|
566
569
|
return this.page.getByTestId(n(t, p.TABLE)).locator(I).locator(".icon.checked").count();
|
|
567
570
|
}
|
|
568
571
|
async clickOnSelectAllCheckbox({ testId: t }) {
|
|
569
|
-
await this.page.getByTestId(n(t, p.TABLE)).locator(
|
|
572
|
+
await this.page.getByTestId(n(t, p.TABLE)).locator(H).nth(0).click();
|
|
570
573
|
}
|
|
571
574
|
getTableLocator({ testId: t }) {
|
|
572
575
|
return this.page.getByTestId(
|
|
@@ -577,7 +580,7 @@ class it {
|
|
|
577
580
|
return this.getTableLocator({ testId: t }).locator(e).allTextContents();
|
|
578
581
|
}
|
|
579
582
|
}
|
|
580
|
-
class
|
|
583
|
+
class j {
|
|
581
584
|
constructor(t) {
|
|
582
585
|
c(this, "page");
|
|
583
586
|
this.page = t;
|
|
@@ -599,7 +602,7 @@ class K {
|
|
|
599
602
|
return this.page.getByTestId(t).isDisabled();
|
|
600
603
|
}
|
|
601
604
|
}
|
|
602
|
-
class
|
|
605
|
+
class ct {
|
|
603
606
|
constructor(t) {
|
|
604
607
|
c(this, "page");
|
|
605
608
|
this.page = t;
|
|
@@ -641,34 +644,34 @@ class rt {
|
|
|
641
644
|
this.page = t;
|
|
642
645
|
}
|
|
643
646
|
async waitForComponent({ testId: t }) {
|
|
644
|
-
const e = `[data-testid='${t}-${
|
|
647
|
+
const e = `[data-testid='${t}-${m.WRAPPER}']`;
|
|
645
648
|
await this.page.waitForSelector(e);
|
|
646
649
|
}
|
|
647
650
|
async closeMultiBar({ testId: t }) {
|
|
648
|
-
await this.page.getByTestId(n(t,
|
|
651
|
+
await this.page.getByTestId(n(t, m.CLOSE_BTN)).locator(".icon-wrapper").click();
|
|
649
652
|
}
|
|
650
653
|
getMultiBarCountText({ testId: t }) {
|
|
651
|
-
return this.page.getByTestId(n(t,
|
|
654
|
+
return this.page.getByTestId(n(t, m.WRAPPER)).locator(".count-text").textContent();
|
|
652
655
|
}
|
|
653
656
|
async isMultiBarVisible({ testId: t }) {
|
|
654
|
-
return await this.page.waitForTimeout(1e3), this.page.getByTestId(n(t,
|
|
657
|
+
return await this.page.waitForTimeout(1e3), this.page.getByTestId(n(t, m.WRAPPER)).locator(".multi-bar-panel").isVisible();
|
|
655
658
|
}
|
|
656
659
|
async clickOnActionButton({ testId: t, actionButtonId: e }) {
|
|
657
660
|
await this.page.getByTestId(
|
|
658
661
|
n(
|
|
659
662
|
t,
|
|
660
|
-
`${
|
|
663
|
+
`${m.ACTION}-${e}`
|
|
661
664
|
)
|
|
662
665
|
).locator(".start-icon").click();
|
|
663
666
|
}
|
|
664
667
|
}
|
|
665
|
-
class
|
|
668
|
+
class lt {
|
|
666
669
|
constructor(t) {
|
|
667
670
|
c(this, "page");
|
|
668
671
|
this.page = t;
|
|
669
672
|
}
|
|
670
673
|
async waitForComponent({ testId: t }) {
|
|
671
|
-
const e = `[data-testid='${t}-${
|
|
674
|
+
const e = `[data-testid='${t}-${x.TEXT}']`;
|
|
672
675
|
await this.page.waitForSelector(e);
|
|
673
676
|
}
|
|
674
677
|
getFormRowTitle({ testId: t }) {
|
|
@@ -678,10 +681,10 @@ class ct {
|
|
|
678
681
|
return new A(this.page).isMandatory({ testId: t });
|
|
679
682
|
}
|
|
680
683
|
getIconText({ testId: t }) {
|
|
681
|
-
return new
|
|
684
|
+
return new k(this.page).getExtraText({ testId: t });
|
|
682
685
|
}
|
|
683
686
|
}
|
|
684
|
-
class
|
|
687
|
+
class pt {
|
|
685
688
|
constructor(t) {
|
|
686
689
|
c(this, "page");
|
|
687
690
|
this.page = t;
|
|
@@ -706,7 +709,7 @@ class lt {
|
|
|
706
709
|
await this.page.getByTestId(n(t, E.CANCEL_BUTTON)).click();
|
|
707
710
|
}
|
|
708
711
|
isSaveButtonLoading({ testId: t }) {
|
|
709
|
-
return new
|
|
712
|
+
return new j(this.page).isButtonLoading({ testId: t });
|
|
710
713
|
}
|
|
711
714
|
async clearForm({
|
|
712
715
|
testId: t,
|
|
@@ -717,7 +720,7 @@ class lt {
|
|
|
717
720
|
).all()).forEach((i) => i.clear());
|
|
718
721
|
}
|
|
719
722
|
}
|
|
720
|
-
class L extends
|
|
723
|
+
class L extends v {
|
|
721
724
|
constructor(t) {
|
|
722
725
|
super(t);
|
|
723
726
|
}
|
|
@@ -757,13 +760,13 @@ class L extends f {
|
|
|
757
760
|
await (await this.page.getByTestId(n(t, r.WRAPPER)).locator(".password-visibility")).click();
|
|
758
761
|
}
|
|
759
762
|
}
|
|
760
|
-
class
|
|
763
|
+
class gt {
|
|
761
764
|
constructor(t) {
|
|
762
765
|
c(this, "page");
|
|
763
766
|
this.page = t;
|
|
764
767
|
}
|
|
765
768
|
async waitForComponent({ testId: t }) {
|
|
766
|
-
const e = `[data-testid='${t}-${
|
|
769
|
+
const e = `[data-testid='${t}-${N.CONTAINER}']`;
|
|
767
770
|
await this.page.waitForSelector(e);
|
|
768
771
|
}
|
|
769
772
|
async searchInput({ testId: t, searchTerm: e }) {
|
|
@@ -773,7 +776,7 @@ class pt {
|
|
|
773
776
|
await new L(this.page).clearInput({ testId: t });
|
|
774
777
|
}
|
|
775
778
|
async clickOnXButton({ testId: t }) {
|
|
776
|
-
await this.page.getByTestId(n(t,
|
|
779
|
+
await this.page.getByTestId(n(t, N.CLEAR)).locator(".icon-name--x-circle").click();
|
|
777
780
|
}
|
|
778
781
|
isDisabled({ testId: t }) {
|
|
779
782
|
return new L(this.page).isDisabled({ testId: t });
|
|
@@ -785,20 +788,20 @@ class pt {
|
|
|
785
788
|
return new L(this.page).getInputsFieldText({ testId: t });
|
|
786
789
|
}
|
|
787
790
|
}
|
|
788
|
-
class
|
|
791
|
+
class q {
|
|
789
792
|
constructor(t) {
|
|
790
793
|
c(this, "page");
|
|
791
794
|
this.page = t;
|
|
792
795
|
}
|
|
793
796
|
async waitForComponent({ testId: t }) {
|
|
794
|
-
const e = `[data-testid='${t}-${
|
|
797
|
+
const e = `[data-testid='${t}-${F.TEXT}']`;
|
|
795
798
|
await this.page.waitForSelector(e);
|
|
796
799
|
}
|
|
797
800
|
getInlineCopyText({ testId: t }) {
|
|
798
|
-
return this.page.getByTestId(`${t}-${
|
|
801
|
+
return this.page.getByTestId(`${t}-${F.TEXT}`).textContent();
|
|
799
802
|
}
|
|
800
803
|
}
|
|
801
|
-
class
|
|
804
|
+
class Tt {
|
|
802
805
|
constructor(t) {
|
|
803
806
|
c(this, "page");
|
|
804
807
|
this.page = t;
|
|
@@ -811,7 +814,7 @@ class gt {
|
|
|
811
814
|
return this.page.getByTestId(`${t}-${b.TITLE}`).textContent();
|
|
812
815
|
}
|
|
813
816
|
getInlineCopyText({ testId: t }) {
|
|
814
|
-
return new
|
|
817
|
+
return new q(this.page).getInlineCopyText({
|
|
815
818
|
testId: t
|
|
816
819
|
});
|
|
817
820
|
}
|
|
@@ -822,7 +825,7 @@ class gt {
|
|
|
822
825
|
return await this.page.getByTestId(`${t}-${b.APP_PLATFORM}`).getAttribute("data-platform") === e;
|
|
823
826
|
}
|
|
824
827
|
}
|
|
825
|
-
class
|
|
828
|
+
class ht {
|
|
826
829
|
constructor(t) {
|
|
827
830
|
c(this, "page");
|
|
828
831
|
this.page = t;
|
|
@@ -855,43 +858,43 @@ class Tt {
|
|
|
855
858
|
return this.page.getByTestId(n(t, d.WRAPPER)).getAttribute("class");
|
|
856
859
|
}
|
|
857
860
|
}
|
|
858
|
-
class
|
|
861
|
+
class z {
|
|
859
862
|
constructor(t) {
|
|
860
863
|
c(this, "page");
|
|
861
864
|
this.page = t;
|
|
862
865
|
}
|
|
863
866
|
async waitForComponent({ testId: t }) {
|
|
864
|
-
const e = `[data-testid='${t}-${
|
|
867
|
+
const e = `[data-testid='${t}-${C.FIELD}']`;
|
|
865
868
|
await this.page.waitForSelector(e);
|
|
866
869
|
}
|
|
867
870
|
async addInput({ testId: t, text: e }) {
|
|
868
|
-
await this.page.getByTestId(n(t,
|
|
871
|
+
await this.page.getByTestId(n(t, C.FIELD)).type(e);
|
|
869
872
|
}
|
|
870
873
|
async clearInput({ testId: t }) {
|
|
871
|
-
await this.page.getByTestId(n(t,
|
|
874
|
+
await this.page.getByTestId(n(t, C.FIELD)).clear();
|
|
872
875
|
}
|
|
873
876
|
getInput({ testId: t }) {
|
|
874
|
-
return this.page.getByTestId(n(t,
|
|
877
|
+
return this.page.getByTestId(n(t, C.FIELD)).inputValue();
|
|
875
878
|
}
|
|
876
879
|
getPlaceholderText({ testId: t }) {
|
|
877
|
-
return this.page.getByTestId(n(t,
|
|
880
|
+
return this.page.getByTestId(n(t, C.FIELD)).getAttribute("placeholder");
|
|
878
881
|
}
|
|
879
882
|
isDisabled({ testId: t }) {
|
|
880
|
-
return this.page.getByTestId(n(t,
|
|
883
|
+
return this.page.getByTestId(n(t, C.FIELD)).isDisabled();
|
|
881
884
|
}
|
|
882
885
|
}
|
|
883
|
-
class
|
|
886
|
+
class ut extends z {
|
|
884
887
|
getLabelText({ testId: t }) {
|
|
885
|
-
return this.page.getByTestId(n(t,
|
|
888
|
+
return this.page.getByTestId(n(t, x.TEXT)).textContent();
|
|
886
889
|
}
|
|
887
890
|
hasFieldHelpText({ testId: t }) {
|
|
888
|
-
return this.page.getByTestId(n(t,
|
|
891
|
+
return this.page.getByTestId(n(t, w.CONTAINER)).isVisible();
|
|
889
892
|
}
|
|
890
893
|
getFieldHelpText({ testId: t }) {
|
|
891
|
-
return this.page.getByTestId(n(t,
|
|
894
|
+
return this.page.getByTestId(n(t, w.CONTAINER)).textContent();
|
|
892
895
|
}
|
|
893
896
|
}
|
|
894
|
-
class
|
|
897
|
+
class dt extends Y {
|
|
895
898
|
constructor(t) {
|
|
896
899
|
super(t);
|
|
897
900
|
}
|
|
@@ -920,7 +923,7 @@ class ut extends X {
|
|
|
920
923
|
return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, r.FIELD)).fill(e), this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator("ul > li span").first().textContent();
|
|
921
924
|
}
|
|
922
925
|
async isErrorText({ testId: t }) {
|
|
923
|
-
return await this.page.getByTestId(n(t,
|
|
926
|
+
return await this.page.getByTestId(n(t, w.TEXT)).count() > 0;
|
|
924
927
|
}
|
|
925
928
|
async isDisabled({ testId: t }) {
|
|
926
929
|
return (await this.page.getByTestId(n(t, s.TRIGGER)).locator(".button__container--disabled")).isVisible();
|
|
@@ -944,7 +947,7 @@ class ut extends X {
|
|
|
944
947
|
testId: t,
|
|
945
948
|
nodeName: e
|
|
946
949
|
}) {
|
|
947
|
-
const o = this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator(
|
|
950
|
+
const o = this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator(".item--multi", { hasText: e }).locator(".tree-main-arrow-wrapper");
|
|
948
951
|
if (await o.isVisible())
|
|
949
952
|
await o.click();
|
|
950
953
|
else
|
|
@@ -952,32 +955,35 @@ class ut extends X {
|
|
|
952
955
|
}
|
|
953
956
|
async selectTreeDropdownOptionByName({
|
|
954
957
|
testId: t,
|
|
955
|
-
|
|
956
|
-
|
|
958
|
+
node: e,
|
|
959
|
+
item: o,
|
|
960
|
+
shouldExpand: i = !1
|
|
957
961
|
}) {
|
|
958
|
-
await this.openDropdownComponent({ testId: t }),
|
|
959
|
-
const
|
|
960
|
-
if (await
|
|
961
|
-
await
|
|
962
|
+
await this.openDropdownComponent({ testId: t }), i && await this.expandTreeNode({ testId: t, nodeName: e });
|
|
963
|
+
const l = this.page.getByTestId(n(t, s.LIST_CONTAINER)).locator(`text=${o}`);
|
|
964
|
+
if (await l.isVisible())
|
|
965
|
+
await l.click();
|
|
962
966
|
else
|
|
963
|
-
throw new Error(`Option with text "${
|
|
967
|
+
throw new Error(`Option with text "${o}" not found in the dropdown.`);
|
|
964
968
|
}
|
|
965
969
|
async selectMultipleTreeItemsByName({
|
|
966
970
|
testId: t,
|
|
967
|
-
itemsToSelect: e
|
|
971
|
+
itemsToSelect: e,
|
|
972
|
+
node: o
|
|
968
973
|
}) {
|
|
969
974
|
await this.openDropdownComponent({ testId: t });
|
|
970
|
-
for (const
|
|
975
|
+
for (const i of e)
|
|
971
976
|
await this.selectTreeDropdownOptionByName({
|
|
972
977
|
testId: t,
|
|
973
|
-
|
|
978
|
+
node: o,
|
|
979
|
+
item: i,
|
|
974
980
|
shouldExpand: !0
|
|
975
981
|
});
|
|
976
982
|
await this.clickOnApply({ testId: t });
|
|
977
983
|
}
|
|
978
984
|
}
|
|
979
|
-
const
|
|
980
|
-
class
|
|
985
|
+
const J = ".sortable-item";
|
|
986
|
+
class yt {
|
|
981
987
|
constructor(t) {
|
|
982
988
|
c(this, "page");
|
|
983
989
|
this.page = t;
|
|
@@ -991,7 +997,7 @@ class dt {
|
|
|
991
997
|
return this.page.isVisible(e);
|
|
992
998
|
}
|
|
993
999
|
async getItems(t) {
|
|
994
|
-
return this.page.getByTestId(n(t, "sortable-
|
|
1000
|
+
return this.page.getByTestId(n(t, T.CONTAINER)).locator(".sortable-item").allTextContents();
|
|
995
1001
|
}
|
|
996
1002
|
async sortItem(t, e, o) {
|
|
997
1003
|
const i = await this.page.getByTestId(
|
|
@@ -1003,7 +1009,7 @@ class dt {
|
|
|
1003
1009
|
return (await this.getItems(t)).every((i, l) => i === e[l]);
|
|
1004
1010
|
}
|
|
1005
1011
|
async getListItemLocator({ testId: t, item: e, modifier: o }) {
|
|
1006
|
-
return this.page.getByTestId(n(t, o)).locator(
|
|
1012
|
+
return this.page.getByTestId(n(t, o)).locator(J, {
|
|
1007
1013
|
hasText: e
|
|
1008
1014
|
});
|
|
1009
1015
|
}
|
|
@@ -1083,8 +1089,8 @@ class dt {
|
|
|
1083
1089
|
modifier: i
|
|
1084
1090
|
})).locator(".item.drag-allowed").first().boundingBox();
|
|
1085
1091
|
if (h) {
|
|
1086
|
-
const
|
|
1087
|
-
await this.page.mouse.move(
|
|
1092
|
+
const D = h.x, $ = h.y;
|
|
1093
|
+
await this.page.mouse.move(D, $), await this.page.mouse.down(), await this.page.mouse.move(D + 20, $ - 20), await this.page.mouse.up();
|
|
1088
1094
|
}
|
|
1089
1095
|
}
|
|
1090
1096
|
async getListOrder() {
|
|
@@ -1101,30 +1107,50 @@ class dt {
|
|
|
1101
1107
|
l = await h.locator(".child-list span", { hasText: e }).count(), o.push(l > 0);
|
|
1102
1108
|
return o;
|
|
1103
1109
|
}
|
|
1110
|
+
async getSelectedItem(t) {
|
|
1111
|
+
return this.page.getByTestId(n(t, T.CONTAINER)).locator(".sortable-item--selected").textContent();
|
|
1112
|
+
}
|
|
1113
|
+
}
|
|
1114
|
+
class wt {
|
|
1115
|
+
constructor(t) {
|
|
1116
|
+
c(this, "page");
|
|
1117
|
+
this.page = t;
|
|
1118
|
+
}
|
|
1119
|
+
async waitForComponent({ testId: t }) {
|
|
1120
|
+
const e = n(t, _.WRAPPER);
|
|
1121
|
+
await this.page.getByTestId(e).waitFor({ state: "visible" });
|
|
1122
|
+
}
|
|
1123
|
+
async selectView({ view: t, testId: e }) {
|
|
1124
|
+
const o = `[text="${t}"]`;
|
|
1125
|
+
console.log(o);
|
|
1126
|
+
const i = n(e, _.WRAPPER);
|
|
1127
|
+
await (await this.page.getByTestId(i).locator(o)).click();
|
|
1128
|
+
}
|
|
1104
1129
|
}
|
|
1105
1130
|
export {
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1131
|
+
ht as AlertComponent,
|
|
1132
|
+
Tt as AppHeaderComponent,
|
|
1133
|
+
Z as BannerComponent,
|
|
1134
|
+
j as ButtonComponent,
|
|
1135
|
+
M as ComponentBasePage,
|
|
1136
|
+
tt as DialogComponent,
|
|
1137
|
+
Y as DropdownComponent,
|
|
1138
|
+
et as DropdownComponentV3,
|
|
1139
|
+
k as FieldHelpTextComponent,
|
|
1115
1140
|
A as FieldLabelComponent,
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1141
|
+
pt as FormCardComponent,
|
|
1142
|
+
lt as FormRowComponent,
|
|
1143
|
+
at as IncludeExcludeComponent,
|
|
1144
|
+
q as InlineCopyComponent,
|
|
1145
|
+
nt as InputsComponent,
|
|
1121
1146
|
rt as MultiBarComponent,
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1147
|
+
gt as SearchComponent,
|
|
1148
|
+
ct as SnackbarComponent,
|
|
1149
|
+
yt as SortableListComponent,
|
|
1150
|
+
wt as SwitchComponent,
|
|
1151
|
+
st as TableComponent,
|
|
1152
|
+
ot as TabsComponent,
|
|
1153
|
+
ut as TextAreaComponent,
|
|
1154
|
+
it as TooltipComponent,
|
|
1155
|
+
dt as TreeDropdownComponent
|
|
1130
1156
|
};
|