@ironsource/shared-ui-e2e - npm Package Compare versions

Comparing version 2.1.4 to 2.1.5-rc.0

package.json

 {
   "name": "@ironsource/shared-ui-e2e",
   "private": false,
-  "version": "2.1.4",
+  "version": "2.1.5-rc.0",
   "description": "",
@@ -6,0 +6,0 @@ "type": "module",

shared-e2e-commands.js

 var D = Object.defineProperty;
 var H = (a, t, e) => t in a ? D(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var s = (a, t, e) => (H(a, typeof t != "symbol" ? t + "" : t, e), e);
-var l = /* @__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))(l || {}), c = /* @__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_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))(c || {}), x = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(x || {}), T = /* @__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))(T || {}), g = /* @__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))(g || {}), i = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", 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))(i || {}), R = /* @__PURE__ */ ((a) => (a.CONTAINER = "search-container", a.FIELD = "search-field", a.CLOSE = "search-close", a.CLEAR = "search-clear", a))(R || {}), r = /* @__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))(r || {}), I = /* @__PURE__ */ ((a) => (a.TEXT = "tt-text", a.TRIGGER = "tt-trigger", a.HEADER = "tt-header", a))(I || {}), d = /* @__PURE__ */ ((a) => (a.WRAPPER = "tabs-wrapper", a.TAB = "tabs-tab", a))(d || {}), w = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-label-container", a.TEXT = "field-label-text", a.MANDATORY = "field-label-mandatory", a.TOOLTIP = "field-label-help-tooltip", a))(w || {}), B = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-help-text-container", a.TEXT = "field-help-text-text", a.ICON = "field-help-text-icon", a))(B || {}), h = /* @__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))(h || {}), u = /* @__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))(u || {}), m = /* @__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))(m || {}), b = /* @__PURE__ */ ((a) => (a.TEXT = "ic-text", a.COPY_BTN = "ic-copy-btn", a))(b || {}), C = /* @__PURE__ */ ((a) => (a.WRAPPER = "multibar-wrapper", a.CLOSE_BTN = "multibar-close-button", a.MENU = "multibar-menu", a.ACTION = "multibar-action", a))(C || {});
+var l = /* @__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))(l || {}), c = /* @__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_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))(c || {}), x = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(x || {}), T = /* @__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))(T || {}), g = /* @__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))(g || {}), i = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", 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))(i || {}), m = /* @__PURE__ */ ((a) => (a.CONTAINER = "search-container", a.FIELD = "search-field", a.CLOSE = "search-close", a.CLEAR = "search-clear", a))(m || {}), r = /* @__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))(r || {}), I = /* @__PURE__ */ ((a) => (a.TEXT = "tt-text", a.TRIGGER = "tt-trigger", a.HEADER = "tt-header", a))(I || {}), y = /* @__PURE__ */ ((a) => (a.WRAPPER = "tabs-wrapper", a.TAB = "tabs-tab", a))(y || {}), w = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-label-container", a.TEXT = "field-label-text", a.MANDATORY = "field-label-mandatory", a.TOOLTIP = "field-label-help-tooltip", a))(w || {}), B = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-help-text-container", a.TEXT = "field-help-text-text", a.ICON = "field-help-text-icon", a))(B || {}), h = /* @__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))(h || {}), u = /* @__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))(u || {}), R = /* @__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))(R || {}), b = /* @__PURE__ */ ((a) => (a.TEXT = "ic-text", a.COPY_BTN = "ic-copy-btn", a))(b || {}), C = /* @__PURE__ */ ((a) => (a.WRAPPER = "multibar-wrapper", a.CLOSE_BTN = "multibar-close-button", a.MENU = "multibar-menu", a.ACTION = "multibar-action", a))(C || {});
 const W = (a, t) => {
   const e = new URLSearchParams(a).toString();
   return t.includes("?") ? `${t}${e}` : `${t}?${e}`;
-}, G = (a, t = {}) => {
+}, v = (a, t = {}) => {
   const e = [];
@@ -20,3 +20,3 @@ Object.entries(t).forEach(([F, $]) => {
 }, n = (a, t) => `${a}-${t}`;
-class Y {
+class f {
   constructor(t) {
@@ -37,3 +37,3 @@ s(this, "page");
 }
-class f {
+class Y {
   constructor(t) {
@@ -52,3 +52,3 @@ s(this, "page");
     await this.page.goto(
-      G(
+      v(
         t.storyId || this.componentId,
@@ -149,2 +149,5 @@ e
   }
+  async isValidationAppear({ testId: t }) {
+    return (await this.page.getByTestId(n(t, c.BUTTON_WRAPPER)).getAttribute("class")).includes("state-error");
+  }
 }
@@ -248,3 +251,3 @@ class A {
   async searchForItem({ testId: t, searchTerm: e }) {
-    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, R.FIELD)).fill(e), this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
+    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, m.FIELD)).fill(e), this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
   }
@@ -417,2 +420,5 @@ }
   }
+  async isValidationAppear({ testId: e }) {
+    return (await this.page.getByTestId(n(e, i.WRAPPER)).getAttribute("class")).includes("variant-error");
+  }
 }
@@ -425,7 +431,7 @@ class Q {
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${d.WRAPPER}']`;
+    const e = `[data-testid='${t}-${y.WRAPPER}']`;
     await this.page.waitForSelector(e);
   }
   getSelectedTabText({ testId: t }) {
-    return this.page.getByTestId(n(t, d.WRAPPER)).locator(".tab-item--active").textContent();
+    return this.page.getByTestId(n(t, y.WRAPPER)).locator(".tab-item--active").textContent();
   }
@@ -435,11 +441,11 @@ async selectTab({ testId: t, tabName: e }) {
     await this.page.getByTestId(
-      n(t, `${d.TAB}-${o + 1}`)
+      n(t, `${y.TAB}-${o + 1}`)
     ).click();
   }
   async getTabIndex({ testId: t, tabName: e }) {
-    return (await this.page.getByTestId(n(t, d.WRAPPER)).locator(".tab-item").allTextContents()).indexOf(e);
+    return (await this.page.getByTestId(n(t, y.WRAPPER)).locator(".tab-item").allTextContents()).indexOf(e);
   }
   async isTabDisabled({ testId: t, tabName: e }) {
     const o = await this.getTabIndex({ testId: t, tabName: e });
-    return this.page.getByTestId(n(t, `${d.TAB}-${o}`)).locator(".tab-item--disabled").isVisible();
+    return this.page.getByTestId(n(t, `${y.TAB}-${o}`)).locator(".tab-item--disabled").isVisible();
   }
@@ -463,3 +469,3 @@ }
 }
-const y = ".table-row", L = ".icon-wrapper", N = ".states", O = ".table-head-container", P = ".table-row.loading", v = 1e3;
+const d = ".table-row", L = ".icon-wrapper", P = ".states", O = ".table-head-container", N = ".table-row.loading", G = 1e3;
 class M {
@@ -475,3 +481,3 @@ constructor(t) {
   getTableRowCount({ testId: t }) {
-    return this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(y).count();
+    return this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(d).count();
   }
@@ -509,6 +515,6 @@ async getColumnHeaders({ testId: t }) {
       p && (p.scrollTop = p.scrollHeight);
-    }, e), await this.page.waitForTimeout(v);
+    }, e), await this.page.waitForTimeout(G);
   }
   async waitForTableToLoad() {
-    await this.page.waitForSelector(P, {
+    await this.page.waitForSelector(N, {
       state: "hidden"
@@ -518,9 +524,9 @@ });
   async waitingForTableLoadingToAppear() {
-    await this.page.waitForSelector(P);
+    await this.page.waitForSelector(N);
   }
   async expandRow({ testId: t, rowValue: e }) {
-    await this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(y, { hasText: e }).locator(L).click();
+    await this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(d, { hasText: e }).locator(L).click();
   }
   isRowExpanded({ testId: t, rowValue: e }) {
-    return this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(y, { hasText: e }).locator(L).isVisible();
+    return this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(d, { hasText: e }).locator(L).isVisible();
   }
@@ -531,3 +537,3 @@ async getExpandedRowContent({ testId: t, rowValue: e }) {
       rowValue: e
-    }) || await this.expandRow({ testId: t, rowValue: e }), this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(y, { hasText: e }).locator(L).textContent();
+    }) || await this.expandRow({ testId: t, rowValue: e }), this.page.getByTestId(n(t, r.BODY_WRAPPER)).locator(d, { hasText: e }).locator(L).textContent();
   }
@@ -544,11 +550,11 @@ isEmptyStateVisible({ testId: t }) {
   async clickOnRowCheckboxByRowValue({ testId: t, rowValue: e }) {
-    await this.page.getByTestId(n(t, r.TABLE)).locator(y, {
+    await this.page.getByTestId(n(t, r.TABLE)).locator(d, {
       hasText: e
-    }).locator(N).click();
+    }).locator(P).click();
   }
   getCheckedRowsNumber({ testId: t }) {
-    return this.page.getByTestId(n(t, r.TABLE)).locator(y).locator(".icon.checked").count();
+    return this.page.getByTestId(n(t, r.TABLE)).locator(d).locator(".icon.checked").count();
   }
   async clickOnSelectAllCheckbox({ testId: t }) {
-    await this.page.getByTestId(n(t, r.TABLE)).locator(N).nth(0).click();
+    await this.page.getByTestId(n(t, r.TABLE)).locator(P).nth(0).click();
   }
@@ -747,3 +753,3 @@ getTableLocator({ testId: t }) {
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${R.CONTAINER}']`;
+    const e = `[data-testid='${t}-${m.CONTAINER}']`;
     await this.page.waitForSelector(e);
@@ -758,3 +764,3 @@ }
   async clickOnXButton({ testId: t }) {
-    await this.page.getByTestId(n(t, R.CLEAR)).locator(".icon-name--x-circle").click();
+    await this.page.getByTestId(n(t, m.CLEAR)).locator(".icon-name--x-circle").click();
   }
@@ -790,7 +796,7 @@ isDisabled({ testId: t }) {
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${m.TITLE}']`;
+    const e = `[data-testid='${t}-${R.TITLE}']`;
     await this.page.waitForSelector(e);
   }
   getHeaderTitle({ testId: t }) {
-    return this.page.getByTestId(`${t}-${m.TITLE}`).textContent();
+    return this.page.getByTestId(`${t}-${R.TITLE}`).textContent();
   }
@@ -806,3 +812,3 @@ getInlineCopyText({ testId: t }) {
   }) {
-    return await this.page.getByTestId(`${t}-${m.APP_PLATFORM}`).getAttribute("data-platform") === e;
+    return await this.page.getByTestId(`${t}-${R.APP_PLATFORM}`).getAttribute("data-platform") === e;
   }
@@ -846,5 +852,5 @@ }
   it as AppHeaderComponent,
-  Y as BannerComponent,
+  f as BannerComponent,
   U as ButtonComponent,
-  f as ComponentBasePage,
+  Y as ComponentBasePage,
   j as DialogComponent,
@@ -851,0 +857,0 @@ K as DropdownComponent,

tests/components/dropdown/base-dropdown.d.ts

@@ -23,2 +23,5 @@ import { Page } from '@playwright/test';
     }): Promise<void>;
+    isValidationAppear({ testId }: {
+        testId: string;
+    }): Promise<boolean>;
 }

tests/components/inputs/input-v4/inputs-component.d.ts

@@ -66,2 +66,5 @@ import { Page } from '@playwright/test';
     }): Promise<any>;
+    isValidationAppear({ testId }: {
+        testId: string;
+    }): Promise<boolean>;
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

170179

increased by0.46%

Lines of code

2556

increased by0.51%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes