@agnos-ui/page-objects 0.6.0-next.1 → 0.6.0-next.2

package/accordion.po.d.ts

@@ -0,0 +1,45 @@
+import type { Locator } from '@playwright/test';
+import { BasePO } from '@agnos-ui/base-po';
+export declare class AccordionPO extends BasePO {
+    private readonly selectors;
+    getComponentSelector(): string;
+    /**
+     * Gets the locators of the items containing the header and the body-container inside
+     * the accordion
+     */
+    get locatorAccordionItems(): Locator;
+    /**
+     * Gets the locators of the item specified by the itemIndex containing the header and the body-container inside
+     * the accordion
+     */
+    locatorAccordionItem(itemIndex: number): Locator;
+    get locatorAccordionCBodyContainers(): Locator;
+    locatorAccordionBodyContainer(bodyContainerIndex: number): Locator;
+    /**
+     * Gets the locator of the bodies of the accordion.
+     */
+    get locatorAccordionBodies(): Locator;
+    locatorAccordionBody(bodyIndex: number): Locator;
+    get locatorAccordionHeaders(): Locator;
+    locatorAccordionHeader(headerIndex: number): Locator;
+    /**
+     * 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(): Locator;
+    locatorAccordionButton(buttonIndex: number): Locator;
+    state(): Promise<{
+        rootClasses: string[];
+        items: {
+            classes: string[];
+            id: string;
+            isInDOM: boolean;
+            bodyContainerId: string | undefined;
+            buttonId: string | undefined;
+            expanded: string | null | undefined;
+            disabled: string | null | undefined;
+            labeledBy: string | null | undefined;
+            buttonControls: string | null | undefined;
+        }[];
+    }>;
+}

package/alert.po.d.ts

@@ -0,0 +1,21 @@
+import { BasePO } from '@agnos-ui/base-po';
+import type { Locator } from '@playwright/test';
+export declare const alertSelectors: {
+    rootComponent: string;
+    body: string;
+    closeButton: string;
+};
+export declare class AlertPO extends BasePO {
+    selectors: {
+        rootComponent: string;
+        body: string;
+        closeButton: string;
+    };
+    getComponentSelector(): string;
+    get locatorCloseButton(): Locator;
+    state(): Promise<{
+        rootClasses: string[];
+        body: string | undefined;
+        closeButton: string | null | undefined;
+    }>;
+}

package/index.cjs

@@ -0,0 +1 @@
+"use strict";var T=Object.defineProperty;var L=(i,c,t)=>c in i?T(i,c,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[c]=t;var g=(i,c,t)=>L(i,typeof c!="symbol"?c+"":c,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@agnos-ui/base-po"),C={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 H extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(C))}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((t,e)=>{var n,u,p,m,h,d,y,S,x;const s=(n=t.querySelector(e.closeButton))==null?void 0:n.getAttribute("aria-label"),a=(p=(u=t.querySelector(e.header))==null?void 0:u.innerText)==null?void 0:p.trim(),r=(h=(m=t.querySelector(e.title))==null?void 0:m.innerText)==null?void 0:h.trim(),o=(y=(d=t.querySelector(e.body))==null?void 0:d.innerText)==null?void 0:y.trim(),l=(x=(S=t.querySelector(e.footer))==null?void 0:S.innerText)==null?void 0:x.trim();return{rootClasses:t.className.trim().split(" ").sort(),header:a,title:r,body:o,footer:l,closeButton:s}},this.selectors)}}const A={rootComponent:".au-pagination",activePage:".active",previousPage:".au-previous",nextPage:".au-next",firstPage:".au-first",lastPage:".au-last",pages:".au-page",ellipses:".au-ellipsis"};class I extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(A))}getComponentSelector(){return this.selectors.rootComponent}get locatorActivePage(){return this.locatorRoot.locator(this.selectors.activePage)}get locatorPreviousButton(){return this.locatorRoot.locator(this.selectors.previousPage)}get locatorNextButton(){return this.locatorRoot.locator(this.selectors.nextPage)}get locatorFirstButton(){return this.locatorRoot.locator(this.selectors.firstPage)}get locatorLastButton(){return this.locatorRoot.locator(this.selectors.lastPage)}get locatorPages(){return this.locatorRoot.locator(this.selectors.pages)}locatorNthPage(t){return this.locatorRoot.locator(this.selectors.pages).nth(t-1)}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:[]},s=[...t.querySelectorAll(".au-page")],a=[],r=[],o={},l=d=>d==null?void 0:d.getAttribute("href"),n=t.querySelector("a.au-first"),u=t.querySelector("a.au-previous"),p=t.querySelector("a.au-next"),m=t.querySelector("a.au-last");n&&(o.first=l(n)),u&&(o.previous=l(u)),p&&(o.next=l(p)),m&&(o.last=l(m));for(const d of s)r.push(d.getAttribute("href")||""),a.push((d.textContent||"").trim());const h=[...t.querySelectorAll("a.au-page[aria-disabled]")];return e.pages=a,e.hrefs=r,e.hrefsNavigation=o,e.rootClasses=t.className.trim().split(" "),e.disabled=h.length===s.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:p&&(e.isNextDisabled=!1),t.querySelector("a.au-first[aria-disabled]")?e.isFirstDisabled=!0:n&&(e.isFirstDisabled=!1),t.querySelector("a.au-last[aria-disabled]")?e.isLastDisabled=!0:m&&(e.isLastDisabled=!1),e})}}const P={rootComponent:".au-rating",star:".au-rating-star"};class M extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(P))}getComponentSelector(){return this.selectors.rootComponent}locatorStar(t){return this.locatorRoot.locator(this.selectors.star).nth(t)}async state(){return await this.locatorRoot.evaluate((t,e)=>{const s=[...t.querySelectorAll(e.star)],a=[],r=[];for(const o of s)a.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:a,classes:r}},this.selectors)}}const f={rootComponent:".au-select"};class w extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(f))}getComponentSelector(){return this.selectors.rootComponent}get locatorInput(){return this.locatorRoot.locator('input[type="text"]').nth(0)}get locatorMenu(){return this.locatorRoot.locator(".dropdown-menu")}get locatorMenuItems(){return this.locatorMenu.locator(".au-select-item")}locatorMenuItem(t){return this.locatorMenu.getByText(t).nth(0)}get locatorBadges(){return this.locatorRoot.locator("div.au-select-badge")}locatorBadgeItem(t){return this.locatorBadges.filter({hasText:t}).nth(0)}async state(){return await this.locatorRoot.evaluate(t=>{var u,p;const e=t.querySelector('div[role="combobox"]'),s=t.querySelector('input[type="text"]'),a=[];if(e){const m=e.querySelectorAll("div.au-select-badge");for(const h of m)a.push((u=h==null?void 0:h.textContent)==null?void 0:u.trim())}const r=t.querySelector("ul.dropdown-menu"),o=r!=null,l=[],n=[];if(r!=null){const m=r.querySelectorAll("li.dropdown-item");for(const h of m){const d=(p=h.textContent)==null?void 0:p.trim();l.push(d),h.classList.contains("selected")&&n.push(d)}}return{text:s.value,badges:a,isOpen:o,list:l,checked:n}})}}const v={rootComponent:".alert",body:".alert-body",closeButton:".btn-close"};class E extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(v))}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 s=(o=(r=t.querySelector(e.body))==null?void 0:r.innerText)==null?void 0:o.replace(/[^\x20-\x7E]/g,""),a=(l=t.querySelector(e.closeButton))==null?void 0:l.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:s,closeButton:a}},this.selectors)}}class V extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",{item:".accordion-item",bodyContainer:".accordion-collapse",body:".accordion-body",header:".accordion-header",buttons:".accordion-button"})}getComponentSelector(){return".au-accordion"}get locatorAccordionItems(){return this.locatorRoot.locator(this.selectors.item)}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)}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)}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")],s=[];for(const a of e){const r=a.querySelector(".accordion-collapse"),o=a.querySelector(".accordion-button");s.push({classes:a.className.trim().split(" "),id:a.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:s}})}}const R={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class D extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(R))}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 a,r,o,l,n,u;const e=t.querySelector(".progress-bar"),s=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:(a=e==null?void 0:e.textContent)==null?void 0:a.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:(n=s==null?void 0:s.style)==null?void 0:n.height,innerWidth:(u=e==null?void 0:e.style)==null?void 0:u.width}})}}const B={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 k extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(B))}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 O={rootComponent:".toast",closeButton:".btn-close",header:".toast-header",body:".toast-body"};class z extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(O))}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,n;const s=(o=t.querySelector(e.body))==null?void 0:o.innerText,a=(l=t.querySelector(e.header))==null?void 0:l.innerText,r=(n=t.querySelector(e.closeButton))==null?void 0:n.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:s,header:a,closeButton:r}},this.selectors)}}const q={rootComponent:'[role="tree"]',itemContainer:'[role="treeitem"]',itemToggle:".au-tree-expand-icon",itemContents:".au-tree-item"};class F extends b.BasePO{constructor(){super(...arguments);g(this,"selectors",structuredClone(q))}getComponentSelector(){return this.selectors.rootComponent}get locatorItemToggle(){return this.locatorRoot.locator(this.selectors.itemToggle)}get locatorItemContainer(){return this.locatorRoot.locator(this.selectors.itemContents)}async itemContainerState(){return this.locatorRoot.locator(this.selectors.itemContainer).evaluateAll(t=>t.map(e=>({ariaSelected:e.getAttribute("aria-selected"),ariaExpanded:e.getAttribute("aria-expanded")})))}async itemToggleState(){return this.locatorRoot.locator(this.selectors.itemToggle).evaluateAll(t=>t.map(e=>({ariaLabel:e.getAttribute("aria-label")})))}}exports.AccordionPO=V;exports.AlertPO=E;exports.ModalPO=H;exports.PaginationPO=I;exports.ProgressbarPO=D;exports.RatingPO=M;exports.SelectPO=w;exports.SliderPO=k;exports.ToastPO=z;exports.TreePO=F;exports.alertSelectors=v;exports.modalSelectors=C;exports.paginationSelectors=A;exports.progressbarSelectors=R;exports.ratingSelectors=P;exports.selectSelectors=f;exports.sliderSelectors=B;exports.toastSelectors=O;exports.treeSelectors=q;

package/index.js

@@ -0,0 +1,535 @@
+var A = Object.defineProperty;
+var S = (i, c, t) => c in i ? A(i, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[c] = t;
+var g = (i, c, t) => S(i, typeof c != "symbol" ? c + "" : c, t);
+import { BasePO as b } from "@agnos-ui/base-po";
+const f = {
+  // 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 b {
+  constructor() {
+    super(...arguments);
+    g(this, "selectors", structuredClone(f));
+  }
+  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((t, e) => {
+      var n, u, p, m, h, d, y, x, C;
+      const s = (n = t.querySelector(e.closeButton)) == null ? void 0 : n.getAttribute("aria-label"), a = (p = (u = t.querySelector(e.header)) == null ? void 0 : u.innerText) == null ? void 0 : p.trim(), r = (h = (m = t.querySelector(e.title)) == null ? void 0 : m.innerText) == null ? void 0 : h.trim(), o = (y = (d = t.querySelector(e.body)) == null ? void 0 : d.innerText) == null ? void 0 : y.trim(), l = (C = (x = t.querySelector(e.footer)) == null ? void 0 : x.innerText) == null ? void 0 : C.trim();
+      return {
+        rootClasses: t.className.trim().split(" ").sort(),
+        header: a,
+        title: r,
+        body: o,
+        footer: l,
+        closeButton: s
+      };
+    }, this.selectors);
+  }
+}
+const v = {
+  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 b {
+  constructor() {
+    super(...arguments);
+    g(this, "selectors", structuredClone(v));
+  }
+  // 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: [] }, s = [...t.querySelectorAll(".au-page")], a = [], r = [], o = {}, l = (d) => d == null ? void 0 : d.getAttribute("href"), n = t.querySelector("a.au-first"), u = t.querySelector("a.au-previous"), p = t.querySelector("a.au-next"), m = t.querySelector("a.au-last");
+      n && (o.first = l(n)), u && (o.previous = l(u)), p && (o.next = l(p)), m && (o.last = l(m));
+      for (const d of s)
+        r.push(d.getAttribute("href") || ""), a.push((d.textContent || "").trim());
+      const h = [...t.querySelectorAll("a.au-page[aria-disabled]")];
+      return e.pages = a, e.hrefs = r, e.hrefsNavigation = o, e.rootClasses = t.className.trim().split(" "), e.disabled = h.length === s.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 : p && (e.isNextDisabled = !1), t.querySelector("a.au-first[aria-disabled]") ? e.isFirstDisabled = !0 : n && (e.isFirstDisabled = !1), t.querySelector("a.au-last[aria-disabled]") ? e.isLastDisabled = !0 : m && (e.isLastDisabled = !1), e;
+    });
+  }
+}
+const R = {
+  rootComponent: ".au-rating",
+  star: ".au-rating-star"
+};
+class E extends b {
+  constructor() {
+    super(...arguments);
+    g(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 s = [...t.querySelectorAll(e.star)], a = [], r = [];
+      for (const o of s)
+        a.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: a,
+        classes: r
+      };
+    }, this.selectors);
+  }
+}
+const B = {
+  rootComponent: ".au-select"
+  // TODO add selector list
+};
+class V extends b {
+  constructor() {
+    super(...arguments);
+    g(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, p;
+      const e = t.querySelector('div[role="combobox"]'), s = t.querySelector('input[type="text"]'), a = [];
+      if (e) {
+        const m = e.querySelectorAll("div.au-select-badge");
+        for (const h of m)
+          a.push((u = h == null ? void 0 : h.textContent) == null ? void 0 : u.trim());
+      }
+      const r = t.querySelector("ul.dropdown-menu"), o = r != null, l = [], n = [];
+      if (r != null) {
+        const m = r.querySelectorAll("li.dropdown-item");
+        for (const h of m) {
+          const d = (p = h.textContent) == null ? void 0 : p.trim();
+          l.push(d), h.classList.contains("selected") && n.push(d);
+        }
+      }
+      return {
+        text: s.value,
+        badges: a,
+        isOpen: o,
+        list: l,
+        checked: n
+      };
+    });
+  }
+}
+const P = {
+  rootComponent: ".alert",
+  body: ".alert-body",
+  closeButton: ".btn-close"
+};
+class D extends b {
+  constructor() {
+    super(...arguments);
+    g(this, "selectors", structuredClone(P));
+  }
+  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 s = (o = (r = t.querySelector(e.body)) == null ? void 0 : r.innerText) == null ? void 0 : o.replace(/[^\x20-\x7E]/g, ""), a = (l = t.querySelector(e.closeButton)) == null ? void 0 : l.getAttribute("aria-label");
+      return {
+        rootClasses: t.className.trim().split(" ").sort(),
+        body: s,
+        closeButton: a
+      };
+    }, this.selectors);
+  }
+}
+class k extends b {
+  constructor() {
+    super(...arguments);
+    g(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")], s = [];
+      for (const a of e) {
+        const r = a.querySelector(".accordion-collapse"), o = a.querySelector(".accordion-button");
+        s.push({
+          classes: a.className.trim().split(" "),
+          id: a.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: s };
+    });
+  }
+}
+const q = {
+  rootComponent: '[role="progressbar"]',
+  outerBar: ".progress",
+  innerBar: ".progress-bar"
+};
+class z extends b {
+  constructor() {
+    super(...arguments);
+    g(this, "selectors", structuredClone(q));
+  }
+  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 a, r, o, l, n, u;
+      const e = t.querySelector(".progress-bar"), s = 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: (a = e == null ? void 0 : e.textContent) == null ? void 0 : a.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: (n = s == null ? void 0 : s.style) == null ? void 0 : n.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 F extends b {
+  constructor() {
+    super(...arguments);
+    g(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 T = {
+  rootComponent: ".toast",
+  closeButton: ".btn-close",
+  header: ".toast-header",
+  body: ".toast-body"
+};
+class W extends b {
+  constructor() {
+    super(...arguments);
+    g(this, "selectors", structuredClone(T));
+  }
+  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, n;
+      const s = (o = t.querySelector(e.body)) == null ? void 0 : o.innerText, a = (l = t.querySelector(e.header)) == null ? void 0 : l.innerText, r = (n = t.querySelector(e.closeButton)) == null ? void 0 : n.getAttribute("aria-label");
+      return {
+        rootClasses: t.className.trim().split(" ").sort(),
+        body: s,
+        header: a,
+        closeButton: r
+      };
+    }, this.selectors);
+  }
+}
+const H = {
+  rootComponent: '[role="tree"]',
+  itemContainer: '[role="treeitem"]',
+  itemToggle: ".au-tree-expand-icon",
+  itemContents: ".au-tree-item"
+};
+class j extends b {
+  constructor() {
+    super(...arguments);
+    g(this, "selectors", structuredClone(H));
+  }
+  getComponentSelector() {
+    return this.selectors.rootComponent;
+  }
+  get locatorItemToggle() {
+    return this.locatorRoot.locator(this.selectors.itemToggle);
+  }
+  get locatorItemContainer() {
+    return this.locatorRoot.locator(this.selectors.itemContents);
+  }
+  async itemContainerState() {
+    return this.locatorRoot.locator(this.selectors.itemContainer).evaluateAll((t) => t.map((e) => ({
+      ariaSelected: e.getAttribute("aria-selected"),
+      ariaExpanded: e.getAttribute("aria-expanded")
+    })));
+  }
+  async itemToggleState() {
+    return this.locatorRoot.locator(this.selectors.itemToggle).evaluateAll((t) => t.map((e) => ({
+      ariaLabel: e.getAttribute("aria-label")
+    })));
+  }
+}
+export {
+  k as AccordionPO,
+  D as AlertPO,
+  w as ModalPO,
+  M as PaginationPO,
+  z as ProgressbarPO,
+  E as RatingPO,
+  V as SelectPO,
+  F as SliderPO,
+  W as ToastPO,
+  j as TreePO,
+  P as alertSelectors,
+  f as modalSelectors,
+  v as paginationSelectors,
+  q as progressbarSelectors,
+  R as ratingSelectors,
+  B as selectSelectors,
+  L as sliderSelectors,
+  T as toastSelectors,
+  H as treeSelectors
+};

package/modal.po.d.ts

@@ -0,0 +1,37 @@
+import type { Locator } from '@playwright/test';
+import { BasePO } from '@agnos-ui/base-po';
+export declare const modalSelectors: {
+    rootComponent: string;
+    closeButton: string;
+    backdrop: string;
+    header: string;
+    title: string;
+    body: string;
+    footer: string;
+};
+export declare class ModalPO extends BasePO {
+    selectors: {
+        rootComponent: string;
+        closeButton: string;
+        backdrop: string;
+        header: string;
+        title: string;
+        body: string;
+        footer: string;
+    };
+    getComponentSelector(): string;
+    get locatorHeader(): Locator;
+    get locatorTitle(): Locator;
+    get locatorBody(): Locator;
+    get locatorFooter(): Locator;
+    get locatorCloseButton(): Locator;
+    get locatorBackdrop(): Locator;
+    state(): Promise<{
+        rootClasses: string[];
+        header: string | undefined;
+        title: string | undefined;
+        body: string | undefined;
+        footer: string | undefined;
+        closeButton: string | null | undefined;
+    }>;
+}