@agnos-ui/page-objects 0.4.0-next.0 → 0.4.0-next.1

package/dist/lib/index.mjs

@@ -1,501 +0,0 @@
-var C = Object.defineProperty;
-var S = (n, c, t) => c in n ? C(n, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[c] = t;
-var b = (n, c, t) => S(n, typeof c != "symbol" ? c + "" : c, t);
-import { BasePO as p } from "@agnos-ui/base-po";
-const v = {
-  // TODO: should we use bootstrap-independent classes starting with au- ?
-  rootComponent: ".modal",
-  closeButton: ".btn-close",
-  backdrop: "xpath=./preceding-sibling::div[contains(@class,'modal-backdrop')]",
-  header: ".modal-header",
-  title: ".modal-title",
-  body: ".modal-body",
-  footer: ".modal-footer"
-};
-class w extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(v));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  get locatorHeader() {
-    return this.locatorRoot.locator(this.selectors.header);
-  }
-  get locatorTitle() {
-    return this.locatorHeader.locator(this.selectors.title);
-  }
-  get locatorBody() {
-    return this.locatorRoot.locator(this.selectors.body);
-  }
-  get locatorFooter() {
-    return this.locatorRoot.locator(this.selectors.footer);
-  }
-  get locatorCloseButton() {
-    return this.locatorRoot.locator(this.selectors.closeButton);
-  }
-  get locatorBackdrop() {
-    return this.locatorRoot.locator(this.selectors.backdrop);
-  }
-  async state() {
-    return this.locatorRoot.evaluate(async (t, e) => {
-      var i, u, m, g, h, d, y, x, A;
-      const a = (i = t.querySelector(e.closeButton)) == null ? void 0 : i.getAttribute("aria-label"), s = (m = (u = t.querySelector(e.header)) == null ? void 0 : u.innerText) == null ? void 0 : m.trim(), r = (h = (g = t.querySelector(e.title)) == null ? void 0 : g.innerText) == null ? void 0 : h.trim(), o = (y = (d = t.querySelector(e.body)) == null ? void 0 : d.innerText) == null ? void 0 : y.trim(), l = (A = (x = t.querySelector(e.footer)) == null ? void 0 : x.innerText) == null ? void 0 : A.trim();
-      return {
-        rootClasses: t.className.trim().split(" ").sort(),
-        header: s,
-        title: r,
-        body: o,
-        footer: l,
-        closeButton: a
-      };
-    }, this.selectors);
-  }
-}
-const f = {
-  rootComponent: ".au-pagination",
-  activePage: ".active",
-  previousPage: ".au-previous",
-  nextPage: ".au-next",
-  firstPage: ".au-first",
-  lastPage: ".au-last",
-  pages: ".au-page",
-  ellipses: ".au-ellipsis"
-};
-class M extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(f));
-  }
-  // TODO should we add this in the list of selector ?
-  // Depend on the setSelectors usage...
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  /**
-   * Gets the locator of the button is the current page in the pagination component.
-   */
-  get locatorActivePage() {
-    return this.locatorRoot.locator(this.selectors.activePage);
-  }
-  /**
-   * Gets the locator of the button that once clicked moves to the previous page in the pagination component.
-   */
-  get locatorPreviousButton() {
-    return this.locatorRoot.locator(this.selectors.previousPage);
-  }
-  /**
-   * Gets the locator of the button that once clicked moves to the next page in the pagination component.
-   */
-  get locatorNextButton() {
-    return this.locatorRoot.locator(this.selectors.nextPage);
-  }
-  /**
-   * Gets the locator of the button that once clicked moves to the first page in the pagination component.
-   */
-  get locatorFirstButton() {
-    return this.locatorRoot.locator(this.selectors.firstPage);
-  }
-  /**
-   * Gets the locator of the button that once clicked moves to the last page in the pagination component.
-   */
-  get locatorLastButton() {
-    return this.locatorRoot.locator(this.selectors.lastPage);
-  }
-  /**
-   * Gets the locators of the pages
-   */
-  get locatorPages() {
-    return this.locatorRoot.locator(this.selectors.pages);
-  }
-  /**
-   * Gets the locator of a page button in the pagination component given his position.
-   * @param pageNumber - The number of the page in the pagination object.
-   */
-  locatorNthPage(t) {
-    return this.locatorRoot.locator(this.selectors.pages).nth(t - 1);
-  }
-  /**
-   * Gets the locator of a page button in the pagination component given a string.
-   * @param pageString - The string of the page in the pagination object.
-   */
-  locatorPage(t) {
-    return this.locatorRoot.locator(this.selectors.pages, { hasText: t });
-  }
-  get locatorEllipses() {
-    return this.locatorRoot.locator(this.selectors.ellipses);
-  }
-  async state() {
-    return this.locatorRoot.evaluate((t) => {
-      const e = { rootClasses: [], disabled: null, pages: [], hrefs: [] }, a = [...t.querySelectorAll(".au-page")], s = [], r = [], o = {}, l = (d) => d == null ? void 0 : d.getAttribute("href"), i = t.querySelector("a.au-first"), u = t.querySelector("a.au-previous"), m = t.querySelector("a.au-next"), g = t.querySelector("a.au-last");
-      i && (o.first = l(i)), u && (o.previous = l(u)), m && (o.next = l(m)), g && (o.last = l(g));
-      for (const d of a)
-        r.push(d.getAttribute("href") || ""), s.push((d.textContent || "").trim());
-      const h = [...t.querySelectorAll("a.au-page[aria-disabled]")];
-      return e.pages = s, e.hrefs = r, e.hrefsNavigation = o, e.rootClasses = t.className.trim().split(" "), e.disabled = h.length === a.length ? "true" : null, t.querySelector("a.au-previous[aria-disabled]") ? e.isPreviousDisabled = !0 : u && (e.isPreviousDisabled = !1), t.querySelector("a.au-next[aria-disabled]") ? e.isNextDisabled = !0 : m && (e.isNextDisabled = !1), t.querySelector("a.au-first[aria-disabled]") ? e.isFirstDisabled = !0 : i && (e.isFirstDisabled = !1), t.querySelector("a.au-last[aria-disabled]") ? e.isLastDisabled = !0 : g && (e.isLastDisabled = !1), e;
-    });
-  }
-}
-const R = {
-  rootComponent: ".au-rating",
-  star: ".au-rating-star"
-};
-class O extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(R));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  /**
-   * Get the main title locator of the feature page
-   */
-  locatorStar(t) {
-    return this.locatorRoot.locator(this.selectors.star).nth(t);
-  }
-  async state() {
-    return await this.locatorRoot.evaluate((t, e) => {
-      const a = [...t.querySelectorAll(e.star)], s = [], r = [];
-      for (const o of a)
-        s.push((o.textContent || "").trim()), r.push(o.className.split(" "));
-      return {
-        rootClasses: t.className.trim().split(" ").sort(),
-        value: t.getAttribute("aria-valuenow"),
-        min: t.getAttribute("aria-valuemin"),
-        max: t.getAttribute("aria-valuemax"),
-        text: t.getAttribute("aria-valuetext"),
-        disabled: t.getAttribute("aria-disabled"),
-        readonly: t.getAttribute("aria-readonly"),
-        stars: s,
-        classes: r
-      };
-    }, this.selectors);
-  }
-}
-const B = {
-  rootComponent: ".au-select"
-  // TODO add selector list
-};
-class V extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(B));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  /**
-   * Get the main title locator of the feature page
-   */
-  get locatorInput() {
-    return this.locatorRoot.locator('input[type="text"]').nth(0);
-  }
-  /**
-   * Menu container
-   */
-  get locatorMenu() {
-    return this.locatorRoot.locator(".dropdown-menu");
-  }
-  /**
-   * Return the first menu item locator including the text
-   */
-  get locatorMenuItems() {
-    return this.locatorMenu.locator(".au-select-item");
-  }
-  /**
-   * Return the first menu item locator including the text
-   */
-  locatorMenuItem(t) {
-    return this.locatorMenu.getByText(t).nth(0);
-  }
-  /**
-   * Bages container
-   */
-  get locatorBadges() {
-    return this.locatorRoot.locator("div.au-select-badge");
-  }
-  /**
-   * Return the first badge locator including the text
-   */
-  locatorBadgeItem(t) {
-    return this.locatorBadges.filter({ hasText: t }).nth(0);
-  }
-  async state() {
-    return await this.locatorRoot.evaluate((t) => {
-      var u, m;
-      const e = t.querySelector('div[role="combobox"]'), a = t.querySelector('input[type="text"]'), s = [];
-      if (e) {
-        const g = e.querySelectorAll("div.au-select-badge");
-        for (const h of g)
-          s.push((u = h == null ? void 0 : h.textContent) == null ? void 0 : u.trim());
-      }
-      const r = t.querySelector("ul.dropdown-menu"), o = r != null, l = [], i = [];
-      if (r != null) {
-        const g = r.querySelectorAll("li.dropdown-item");
-        for (const h of g) {
-          const d = (m = h.textContent) == null ? void 0 : m.trim();
-          l.push(d), h.classList.contains("selected") && i.push(d);
-        }
-      }
-      return {
-        text: a.value,
-        badges: s,
-        isOpen: o,
-        list: l,
-        checked: i
-      };
-    });
-  }
-}
-const q = {
-  rootComponent: ".alert",
-  body: ".alert-body",
-  closeButton: ".btn-close"
-};
-class E extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(q));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  get locatorCloseButton() {
-    return this.locatorRoot.locator(this.selectors.closeButton);
-  }
-  async state() {
-    return this.locatorRoot.evaluate((t, e) => {
-      var r, o, l;
-      const a = (o = (r = t.querySelector(e.body)) == null ? void 0 : r.innerText) == null ? void 0 : o.replace(/[^\x20-\x7E]/g, ""), s = (l = t.querySelector(e.closeButton)) == null ? void 0 : l.getAttribute("aria-label");
-      return {
-        rootClasses: t.className.trim().split(" ").sort(),
-        body: a,
-        closeButton: s
-      };
-    }, this.selectors);
-  }
-}
-class D extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", {
-      item: ".accordion-item",
-      bodyContainer: ".accordion-collapse",
-      body: ".accordion-body",
-      header: ".accordion-header",
-      buttons: ".accordion-button"
-    });
-  }
-  getComponentSelector() {
-    return ".au-accordion";
-  }
-  /**
-   * Gets the locators of the items containing the header and the body-container inside
-   * the accordion
-   */
-  get locatorAccordionItems() {
-    return this.locatorRoot.locator(this.selectors.item);
-  }
-  /**
-   * Gets the locators of the item specified by the itemIndex containing the header and the body-container inside
-   * the accordion
-   */
-  locatorAccordionItem(t) {
-    return this.locatorRoot.locator(this.selectors.item).nth(t);
-  }
-  get locatorAccordionCBodyContainers() {
-    return this.locatorAccordionItems.locator(this.selectors.bodyContainer);
-  }
-  locatorAccordionBodyContainer(t) {
-    return this.locatorAccordionItem(t).locator(this.selectors.bodyContainer);
-  }
-  /**
-   * Gets the locator of the bodies of the accordion.
-   */
-  get locatorAccordionBodies() {
-    return this.locatorAccordionCBodyContainers.locator(this.selectors.body);
-  }
-  locatorAccordionBody(t) {
-    return this.locatorAccordionBodyContainer(t).locator(this.selectors.body);
-  }
-  get locatorAccordionHeaders() {
-    return this.locatorAccordionItems.locator(this.selectors.header);
-  }
-  locatorAccordionHeader(t) {
-    return this.locatorAccordionItem(t).locator(this.selectors.header);
-  }
-  /**
-   * Gets the locators of the buttons that handle the accordion, present in the accordion header.
-   * It does not get the locators of the buttons present in the body, added by the developer.
-   */
-  get locatorAccordionButtons() {
-    return this.locatorAccordionHeaders.locator(this.selectors.buttons);
-  }
-  locatorAccordionButton(t) {
-    return this.locatorAccordionHeader(t).locator(this.selectors.buttons);
-  }
-  async state() {
-    return await this.locatorRoot.evaluate((t) => {
-      const e = [...t.querySelectorAll(".accordion-item")], a = [];
-      for (const s of e) {
-        const r = s.querySelector(".accordion-collapse"), o = s.querySelector(".accordion-button");
-        a.push({
-          classes: s.className.trim().split(" "),
-          id: s.id,
-          isInDOM: r !== null,
-          bodyContainerId: r == null ? void 0 : r.id,
-          buttonId: o == null ? void 0 : o.id,
-          expanded: o == null ? void 0 : o.getAttribute("aria-expanded"),
-          disabled: o == null ? void 0 : o.getAttribute("aria-disabled"),
-          labeledBy: r == null ? void 0 : r.getAttribute("aria-labelledby"),
-          buttonControls: o == null ? void 0 : o.getAttribute("aria-controls")
-        });
-      }
-      return { rootClasses: t.className.trim().split(" "), items: a };
-    });
-  }
-}
-const P = {
-  rootComponent: '[role="progressbar"]',
-  outerBar: ".progress",
-  innerBar: ".progress-bar"
-};
-class k extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(P));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  get locatorOuterBar() {
-    return this.locatorRoot.locator(this.selectors.outerBar);
-  }
-  get locatorInnerBar() {
-    return this.locatorRoot.locator(this.selectors.innerBar);
-  }
-  async state() {
-    return this.locatorRoot.evaluate((t) => {
-      var s, r, o, l, i, u;
-      const e = t.querySelector(".progress-bar"), a = t.querySelector(".progress");
-      return {
-        ariaLabel: t.getAttribute("aria-label"),
-        ariaValueNow: t.getAttribute("aria-valuenow"),
-        ariaValueMin: t.getAttribute("aria-valuemin"),
-        ariaValueMax: t.getAttribute("aria-valuemax"),
-        ariaValueText: t.getAttribute("aria-valuetext"),
-        label: (s = e == null ? void 0 : e.textContent) == null ? void 0 : s.trim(),
-        innerClasses: ((l = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : l.sort()) ?? [],
-        outerHeight: (i = a == null ? void 0 : a.style) == null ? void 0 : i.height,
-        innerWidth: (u = e == null ? void 0 : e.style) == null ? void 0 : u.width
-      };
-    });
-  }
-}
-const L = {
-  rootComponent: ".au-slider",
-  clickableArea: ".au-slider-clickable-area",
-  handle: ".au-slider-handle",
-  minLabelHorizontal: ".au-slider-label-min",
-  maxLabelHorizontal: ".au-slider-label-max",
-  minLabelVertical: ".au-slider-label-vertical-min",
-  maxLabelVertical: ".au-slider-label-vertical-max",
-  valueLabel: ".au-slider-label-now",
-  progress: ".au-slider-progress"
-};
-class z extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(L));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  get locatorHandle() {
-    return this.locatorRoot.locator(this.selectors.handle);
-  }
-  get locatorMinLabelHorizontal() {
-    return this.locatorRoot.locator(this.selectors.minLabelHorizontal);
-  }
-  get locatorMaxLabelHorizontal() {
-    return this.locatorRoot.locator(this.selectors.maxLabelHorizontal);
-  }
-  get locatorMinLabelVertical() {
-    return this.locatorRoot.locator(this.selectors.minLabelVertical);
-  }
-  get locatorMaxLabelVertical() {
-    return this.locatorRoot.locator(this.selectors.maxLabelVertical);
-  }
-  get locatorProgress() {
-    return this.locatorRoot.locator(this.selectors.progress);
-  }
-  get locatorValueLabel() {
-    return this.locatorRoot.locator(this.selectors.valueLabel);
-  }
-  async sliderHandleState() {
-    return this.locatorRoot.locator(this.selectors.handle).evaluateAll((t) => t.map((e) => ({
-      style: e.getAttribute("style"),
-      value: e.getAttribute("aria-valuenow"),
-      min: e.getAttribute("aria-valuemin"),
-      max: e.getAttribute("aria-valuemax"),
-      disabled: e.getAttribute("aria-disabled"),
-      readonly: e.getAttribute("aria-readonly"),
-      ariaLabel: e.getAttribute("aria-label"),
-      ariaValueText: e.getAttribute("aria-valuetext")
-    })));
-  }
-  async sliderProgressState() {
-    return this.locatorRoot.locator(this.selectors.progress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
-  }
-}
-const H = {
-  rootComponent: ".toast",
-  closeButton: ".btn-close",
-  header: ".toast-header",
-  body: ".toast-body"
-};
-class F extends p {
-  constructor() {
-    super(...arguments);
-    b(this, "selectors", structuredClone(H));
-  }
-  getComponentSelector() {
-    return this.selectors.rootComponent;
-  }
-  get locatorCloseButton() {
-    return this.locatorRoot.locator(this.selectors.closeButton);
-  }
-  async state() {
-    return await this.locatorRoot.evaluate((t, e) => {
-      var o, l, i;
-      const a = (o = t.querySelector(e.body)) == null ? void 0 : o.innerText, s = (l = t.querySelector(e.header)) == null ? void 0 : l.innerText, r = (i = t.querySelector(e.closeButton)) == null ? void 0 : i.getAttribute("aria-label");
-      return {
-        rootClasses: t.className.trim().split(" ").sort(),
-        body: a,
-        header: s,
-        closeButton: r
-      };
-    }, this.selectors);
-  }
-}
-export {
-  D as AccordionPO,
-  E as AlertPO,
-  w as ModalPO,
-  M as PaginationPO,
-  k as ProgressbarPO,
-  O as RatingPO,
-  V as SelectPO,
-  z as SliderPO,
-  F as ToastPO,
-  q as alertSelectors,
-  v as modalSelectors,
-  f as paginationSelectors,
-  P as progressbarSelectors,
-  R as ratingSelectors,
-  B as selectSelectors,
-  L as sliderSelectors,
-  H as toastSelectors
-};