@agnos-ui/page-objects 0.9.3 → 0.10.0-next.0

package/drawer.po.d.ts

@@ -0,0 +1,34 @@
+import { BasePO } from '@agnos-ui/base-po';
+import type { Locator } from '@playwright/test';
+export declare const drawerSelectors: {
+    rootComponent: string;
+    backdrop: string;
+    header: string;
+    body: string;
+    container: string;
+    splitter: string;
+    closeButton: string;
+};
+export declare class DrawerPO extends BasePO {
+    readonly selectors: {
+        rootComponent: string;
+        backdrop: string;
+        header: string;
+        body: string;
+        container: string;
+        splitter: string;
+        closeButton: string;
+    };
+    getComponentSelector(): string;
+    get locatorHeader(): Locator;
+    get locatorBody(): Locator;
+    get locatorBackdrop(): Locator;
+    get locatorContainer(): Locator;
+    get locatorSplitter(): Locator;
+    get locatorCloseButton(): Locator;
+    state(): Promise<{
+        rootClasses: string[];
+        header: string | undefined;
+        body: string | undefined;
+    }>;
+}

package/index.cjs

@@ -1 +1 @@
-"use strict";var w=Object.defineProperty;var V=(c,l,t)=>l in c?w(c,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[l]=t;var u=(c,l,t)=>V(c,typeof l!="symbol"?l+"":l,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@agnos-ui/base-po"),A={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 d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(A))}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,h,p,m,b,g,y,S,x;const s=(n=t.querySelector(e.closeButton))==null?void 0:n.getAttribute("aria-label"),a=(p=(h=t.querySelector(e.header))==null?void 0:h.innerText)==null?void 0:p.trim(),r=(b=(m=t.querySelector(e.title))==null?void 0:m.innerText)==null?void 0:b.trim(),o=(y=(g=t.querySelector(e.body))==null?void 0:g.innerText)==null?void 0:y.trim(),i=(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:i,closeButton:s}},this.selectors)}}const R={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 d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(R))}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={},i=g=>g==null?void 0:g.getAttribute("href"),n=t.querySelector("a.au-first"),h=t.querySelector("a.au-previous"),p=t.querySelector("a.au-next"),m=t.querySelector("a.au-last");n&&(o.first=i(n)),h&&(o.previous=i(h)),p&&(o.next=i(p)),m&&(o.last=i(m));for(const g of s)r.push(g.getAttribute("href")||""),a.push((g.textContent||"").trim());const b=[...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=b.length===s.length?"true":null,t.querySelector("a.au-previous[aria-disabled]")?e.isPreviousDisabled=!0:h&&(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 E extends d.BasePO{constructor(){super(...arguments);u(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 v={rootComponent:".au-select"};class D extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(v))}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 h,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 b of m)a.push((h=b==null?void 0:b.textContent)==null?void 0:h.trim())}const r=t.querySelector("ul.dropdown-menu"),o=r!=null,i=[],n=[];if(r!=null){const m=r.querySelectorAll("li.dropdown-item");for(const b of m){const g=(p=b.textContent)==null?void 0:p.trim();i.push(g),b.classList.contains("selected")&&n.push(g)}}return{text:s.value,badges:a,isOpen:o,list:i,checked:n}})}}const B={rootComponent:".alert",body:".alert-body",closeButton:".btn-close"};class z extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(B))}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,i;const s=(o=(r=t.querySelector(e.body))==null?void 0:r.innerText)==null?void 0:o.replace(/[^\x20-\x7E]/g,""),a=(i=t.querySelector(e.closeButton))==null?void 0:i.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:s,closeButton:a}},this.selectors)}}class F extends d.BasePO{constructor(){super(...arguments);u(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 f={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class _ extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(f))}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,i,n,h;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:((i=(o=(r=e==null?void 0:e.className)==null?void 0:r.trim())==null?void 0:o.split(" "))==null?void 0:i.sort())??[],outerHeight:(n=s==null?void 0:s.style)==null?void 0:n.height,innerWidth:(h=e==null?void 0:e.style)==null?void 0:h.width}})}}const O={rootComponent:".au-slider",clickableArea:".au-slider-clickable-area",clickableAreaVertical:".au-slider-clickable-area-vertical",handle:".au-slider-handle",tick:".au-slider-tick",tickLabel:".au-slider-tick-label",tickLabelVertical:".au-slider-tick-label-vertical",tickLabelNow:".au-slider-tick-label-now",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",content:".au-slider-content"};class j extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(O))}getComponentSelector(){return this.selectors.rootComponent}get clickableArea(){return this.locatorRoot.locator(this.selectors.clickableArea)}get clickableAreaVertical(){return this.locatorRoot.locator(this.selectors.clickableAreaVertical)}get locatorHandle(){return this.locatorRoot.locator(this.selectors.handle)}get locatorTick(){return this.locatorRoot.locator(this.selectors.tick)}get locatorTickLabel(){return this.locatorRoot.locator(this.selectors.tickLabel)}get locatorTickLabelNow(){return this.locatorRoot.locator(this.selectors.tickLabelNow)}get locatorTickLabelVertical(){return this.locatorRoot.locator(this.selectors.tickLabelVertical)}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)}get locatorContent(){return this.locatorRoot.locator(this.selectors.content)}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")))}async sliderTickLabelState(t){return t.evaluateAll(e=>e.map(s=>({style:s.getAttribute("style"),innerText:s.innerText})))}}const C={rootComponent:".toast",closeButton:".btn-close",header:".toast-header",body:".toast-body"};class q extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(C))}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,i,n;const s=(o=t.querySelector(e.body))==null?void 0:o.innerText,a=(i=t.querySelector(e.header))==null?void 0:i.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 L={rootComponent:".au-toaster",container:".au-toaster-container",closeButton:".au-toaster-closeAll"};class W extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(L))}getComponentSelector(){return this.selectors.rootComponent}get locatorContainer(){return this.locatorRoot.locator(this.selectors.container)}async toastPOs(){return Array.from({length:await this.locatorContainer.locator(C.rootComponent).count()},(t,e)=>new q(this.locatorContainer,e))}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}const T={rootComponent:'[role="tree"]',itemContainer:'[role="treeitem"]',itemToggle:".au-tree-expand-icon",itemContents:".au-tree-item"};class G extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(T))}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")})))}}const k={rootComponent:".au-collapse"};class J extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(k))}getComponentSelector(){return this.selectors.rootComponent}async state(){return this.locatorRoot.evaluate((t,e)=>({rootClasses:t.className.trim().split(" ").sort()}),this.selectors)}}const I={rootComponent:".au-carousel",container:".au-carousel-container",slide:".au-carousel-slide",nextBtn:".carousel-control-next",prevBtn:".carousel-control-prev",indicators:".carousel-indicators",indicatorBtn:".carousel-indicators button"};class K extends d.BasePO{constructor(){super(...arguments);u(this,"selectors",structuredClone(I))}getComponentSelector(){return this.selectors.rootComponent}get locatorContainer(){return this.locatorRoot.locator(this.selectors.container)}get locatorNextBtn(){return this.locatorRoot.locator(this.selectors.nextBtn)}get locatorPrevBtn(){return this.locatorRoot.locator(this.selectors.prevBtn)}get locatorIndicators(){return this.locatorRoot.locator(this.selectors.indicators)}get locatorIndicatorBtn(){return this.locatorRoot.locator(this.selectors.indicatorBtn)}get locatorSlide(){return this.locatorRoot.locator(this.selectors.slide)}async state(){return this.locatorRoot.evaluate(t=>{const e=t.querySelectorAll(".carousel-indicators button");return{rootClasses:t.className.trim().split(" ").sort(),prevBtn:t.querySelector(".carousel-control-prev")!==null,nextBtn:t.querySelector(".carousel-control-next")!==null,indicators:{selected:[...e].findIndex(s=>s.classList.contains("active")),count:e.length},slides:{visible:[...t.querySelectorAll(".au-carousel-slide")].findIndex(s=>{const a=s.getBoundingClientRect(),r=t.getBoundingClientRect();return a.left>=r.left&&a.right<=r.right})}}})}}exports.AccordionPO=F;exports.AlertPO=z;exports.CarouselPO=K;exports.CollapsePO=J;exports.ModalPO=H;exports.PaginationPO=M;exports.ProgressbarPO=_;exports.RatingPO=E;exports.SelectPO=D;exports.SliderPO=j;exports.ToastPO=q;exports.ToasterPO=W;exports.TreePO=G;exports.alertSelectors=B;exports.carouselSelectors=I;exports.collapseSelectors=k;exports.modalSelectors=A;exports.paginationSelectors=R;exports.progressbarSelectors=f;exports.ratingSelectors=P;exports.selectSelectors=v;exports.sliderSelectors=O;exports.toastSelectors=C;exports.toasterSelectors=L;exports.treeSelectors=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@agnos-ui/base-po"),m={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 k extends l.BasePO{selectors=structuredClone(m);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)=>{const o=t.querySelector(e.closeButton)?.getAttribute("aria-label"),r=t.querySelector(e.header)?.innerText?.trim(),a=t.querySelector(e.title)?.innerText?.trim(),s=t.querySelector(e.body)?.innerText?.trim(),n=t.querySelector(e.footer)?.innerText?.trim();return{rootClasses:t.className.trim().split(" ").sort(),header:r,title:a,body:s,footer:n,closeButton:o}},this.selectors)}}const p={rootComponent:".au-pagination",activePage:".active",previousPage:".au-previous",nextPage:".au-next",firstPage:".au-first",lastPage:".au-last",pages:".au-page",ellipses:".au-ellipsis"};class T extends l.BasePO{selectors=structuredClone(p);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:[]},o=[...t.querySelectorAll(".au-page")],r=[],a=[],s={},n=g=>g?.getAttribute("href"),d=t.querySelector("a.au-first"),u=t.querySelector("a.au-previous"),i=t.querySelector("a.au-next"),h=t.querySelector("a.au-last");d&&(s.first=n(d)),u&&(s.previous=n(u)),i&&(s.next=n(i)),h&&(s.last=n(h));for(const g of o)a.push(g.getAttribute("href")||""),r.push((g.textContent||"").trim());const q=[...t.querySelectorAll("a.au-page[aria-disabled]")];return e.pages=r,e.hrefs=a,e.hrefsNavigation=s,e.rootClasses=t.className.trim().split(" "),e.disabled=q.length===o.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:i&&(e.isNextDisabled=!1),t.querySelector("a.au-first[aria-disabled]")?e.isFirstDisabled=!0:d&&(e.isFirstDisabled=!1),t.querySelector("a.au-last[aria-disabled]")?e.isLastDisabled=!0:h&&(e.isLastDisabled=!1),e})}}const y={rootComponent:".au-rating",star:".au-rating-star"};class L extends l.BasePO{selectors=structuredClone(y);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 o=[...t.querySelectorAll(e.star)],r=[],a=[];for(const s of o)r.push((s.textContent||"").trim()),a.push(s.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:r,classes:a}},this.selectors)}}const C={rootComponent:".au-select"};class w extends l.BasePO{selectors=structuredClone(C);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=>{const e=t.querySelector('div[role="combobox"]'),o=t.querySelector('input[type="text"]'),r=[];if(e){const u=e.querySelectorAll("div.au-select-badge");for(const i of u)r.push(i?.textContent?.trim())}const a=t.querySelector("ul.dropdown-menu"),s=a!=null,n=[],d=[];if(a!=null){const u=a.querySelectorAll("li.dropdown-item");for(const i of u){const h=i.textContent?.trim();n.push(h),i.classList.contains("selected")&&d.push(h)}}return{text:o.value,badges:r,isOpen:s,list:n,checked:d}})}}const S={rootComponent:".alert",body:".alert-body",closeButton:".btn-close"};class I extends l.BasePO{selectors=structuredClone(S);getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}async state(){return this.locatorRoot.evaluate((t,e)=>{const o=t.querySelector(e.body)?.innerText?.replace(/[^\x20-\x7E]/g,""),r=t.querySelector(e.closeButton)?.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:o,closeButton:r}},this.selectors)}}class V extends l.BasePO{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")],o=[];for(const r of e){const a=r.querySelector(".accordion-collapse"),s=r.querySelector(".accordion-button");o.push({classes:r.className.trim().split(" "),id:r.id,isInDOM:a!==null,bodyContainerId:a?.id,buttonId:s?.id,expanded:s?.getAttribute("aria-expanded"),disabled:s?.getAttribute("aria-disabled"),labeledBy:a?.getAttribute("aria-labelledby"),buttonControls:s?.getAttribute("aria-controls")})}return{rootClasses:t.className.trim().split(" "),items:o}})}}const x={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class H extends l.BasePO{selectors=structuredClone(x);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=>{const e=t.querySelector(".progress-bar"),o=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:e?.textContent?.trim(),innerClasses:e?.className?.trim()?.split(" ")?.sort()??[],outerHeight:o?.style?.height,innerWidth:e?.style?.width}})}}const B={rootComponent:".au-slider",clickableArea:".au-slider-clickable-area",clickableAreaVertical:".au-slider-clickable-area-vertical",handle:".au-slider-handle",tick:".au-slider-tick",tickLabel:".au-slider-tick-label",tickLabelVertical:".au-slider-tick-label-vertical",tickLabelNow:".au-slider-tick-label-now",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",content:".au-slider-content"};class M extends l.BasePO{selectors=structuredClone(B);getComponentSelector(){return this.selectors.rootComponent}get clickableArea(){return this.locatorRoot.locator(this.selectors.clickableArea)}get clickableAreaVertical(){return this.locatorRoot.locator(this.selectors.clickableAreaVertical)}get locatorHandle(){return this.locatorRoot.locator(this.selectors.handle)}get locatorTick(){return this.locatorRoot.locator(this.selectors.tick)}get locatorTickLabel(){return this.locatorRoot.locator(this.selectors.tickLabel)}get locatorTickLabelNow(){return this.locatorRoot.locator(this.selectors.tickLabelNow)}get locatorTickLabelVertical(){return this.locatorRoot.locator(this.selectors.tickLabelVertical)}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)}get locatorContent(){return this.locatorRoot.locator(this.selectors.content)}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")))}async sliderTickLabelState(t){return t.evaluateAll(e=>e.map(o=>({style:o.getAttribute("style"),innerText:o.innerText})))}}const b={rootComponent:".toast",closeButton:".btn-close",header:".toast-header",body:".toast-body"};class A extends l.BasePO{selectors=structuredClone(b);getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}async state(){return await this.locatorRoot.evaluate((t,e)=>{const o=t.querySelector(e.body)?.innerText,r=t.querySelector(e.header)?.innerText,a=t.querySelector(e.closeButton)?.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:o,header:r,closeButton:a}},this.selectors)}}const R={rootComponent:".au-toaster",container:".au-toaster-container",closeButton:".au-toaster-closeAll"};class E extends l.BasePO{selectors=structuredClone(R);getComponentSelector(){return this.selectors.rootComponent}get locatorContainer(){return this.locatorRoot.locator(this.selectors.container)}async toastPOs(){return Array.from({length:await this.locatorContainer.locator(b.rootComponent).count()},(t,e)=>new A(this.locatorContainer,e))}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}const P={rootComponent:'[role="tree"]',itemContainer:'[role="treeitem"]',itemToggle:".au-tree-expand-icon",itemContents:".au-tree-item"};class D extends l.BasePO{selectors=structuredClone(P);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")})))}}const v={rootComponent:".au-collapse"};class z extends l.BasePO{selectors=structuredClone(v);getComponentSelector(){return this.selectors.rootComponent}async state(){return this.locatorRoot.evaluate((t,e)=>({rootClasses:t.className.trim().split(" ").sort()}),this.selectors)}}const f={rootComponent:".au-carousel",container:".au-carousel-container",slide:".au-carousel-slide",nextBtn:".carousel-control-next",prevBtn:".carousel-control-prev",indicators:".carousel-indicators",indicatorBtn:".carousel-indicators button"};class F extends l.BasePO{selectors=structuredClone(f);getComponentSelector(){return this.selectors.rootComponent}get locatorContainer(){return this.locatorRoot.locator(this.selectors.container)}get locatorNextBtn(){return this.locatorRoot.locator(this.selectors.nextBtn)}get locatorPrevBtn(){return this.locatorRoot.locator(this.selectors.prevBtn)}get locatorIndicators(){return this.locatorRoot.locator(this.selectors.indicators)}get locatorIndicatorBtn(){return this.locatorRoot.locator(this.selectors.indicatorBtn)}get locatorSlide(){return this.locatorRoot.locator(this.selectors.slide)}async state(){return this.locatorRoot.evaluate(t=>{const e=t.querySelectorAll(".carousel-indicators button");return{rootClasses:t.className.trim().split(" ").sort(),prevBtn:t.querySelector(".carousel-control-prev")!==null,nextBtn:t.querySelector(".carousel-control-next")!==null,indicators:{selected:[...e].findIndex(o=>o.classList.contains("active")),count:e.length},slides:{visible:[...t.querySelectorAll(".au-carousel-slide")].findIndex(o=>{const r=o.getBoundingClientRect(),a=t.getBoundingClientRect();return r.left>=a.left&&r.right<=a.right})}}})}}const O={rootComponent:".au-drawer",backdrop:"xpath=./preceding-sibling::div[contains(@class,'au-drawer-backdrop')]",header:".au-drawer-header",body:".au-drawer-body",container:".au-drawer-container",splitter:".au-splitter",closeButton:"Close"};class _ extends l.BasePO{selectors=structuredClone(O);getComponentSelector(){return this.selectors.rootComponent}get locatorHeader(){return this.locatorRoot.locator(this.selectors.header)}get locatorBody(){return this.locatorRoot.locator(this.selectors.body)}get locatorBackdrop(){return this.locatorRoot.locator(this.selectors.backdrop)}get locatorContainer(){return this.locatorRoot.locator(this.selectors.container)}get locatorSplitter(){return this.locatorRoot.locator(this.selectors.splitter)}get locatorCloseButton(){return this._page.getByRole("button",{name:"Close"})}async state(){return this.locatorRoot.evaluate((t,e)=>{const o=t.querySelector(e.header)?.innerText?.trim(),r=t.querySelector(e.body)?.innerText?.trim();return{rootClasses:t.className.trim().split(" ").sort(),header:o,body:r}},this.selectors)}}exports.AccordionPO=V;exports.AlertPO=I;exports.CarouselPO=F;exports.CollapsePO=z;exports.DrawerPO=_;exports.ModalPO=k;exports.PaginationPO=T;exports.ProgressbarPO=H;exports.RatingPO=L;exports.SelectPO=w;exports.SliderPO=M;exports.ToastPO=A;exports.ToasterPO=E;exports.TreePO=D;exports.alertSelectors=S;exports.carouselSelectors=f;exports.collapseSelectors=v;exports.drawerSelectors=O;exports.modalSelectors=m;exports.paginationSelectors=p;exports.progressbarSelectors=x;exports.ratingSelectors=y;exports.selectSelectors=C;exports.sliderSelectors=B;exports.toastSelectors=b;exports.toasterSelectors=R;exports.treeSelectors=P;

package/index.d.ts

@@ -11,3 +11,4 @@ export * from './toaster.po';
 export * from './tree.po';
 export * from './collapse.po';
 export * from './carousel.po';
+export * from './drawer.po';

package/index.js

@@ -1,8 +1,5 @@
-var S = Object.defineProperty;
-var R = (c, l, t) => l in c ? S(c, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[l] = t;
-var u = (c, l, t) => R(c, typeof l != "symbol" ? l + "" : l, t);
-import { BasePO as h } from "@agnos-ui/base-po";
-const v = {
+import { BasePO as l } from "@agnos-ui/base-po";
+const p = {
   // TODO: should we use bootstrap-independent classes starting with au- ?
   rootComponent: ".modal",
   closeButton: ".btn-close",
@@ -12,11 +9,8 @@ const v = {
   body: ".modal-body",
   footer: ".modal-footer"
 };
-class E extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(v));
-  }
+class T extends l {
+  selectors = structuredClone(p);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -40,20 +34,19 @@ class E extends h {
   }
   async state() {
     return this.locatorRoot.evaluate((t, e) => {
-      var n, d, p, m, b, g, C, y, x;
-      const s = (n = t.querySelector(e.closeButton)) == null ? void 0 : n.getAttribute("aria-label"), a = (p = (d = t.querySelector(e.header)) == null ? void 0 : d.innerText) == null ? void 0 : p.trim(), r = (b = (m = t.querySelector(e.title)) == null ? void 0 : m.innerText) == null ? void 0 : b.trim(), o = (C = (g = t.querySelector(e.body)) == null ? void 0 : g.innerText) == null ? void 0 : C.trim(), i = (x = (y = t.querySelector(e.footer)) == null ? void 0 : y.innerText) == null ? void 0 : x.trim();
+      const o = t.querySelector(e.closeButton)?.getAttribute("aria-label"), r = t.querySelector(e.header)?.innerText?.trim(), a = t.querySelector(e.title)?.innerText?.trim(), s = t.querySelector(e.body)?.innerText?.trim(), n = t.querySelector(e.footer)?.innerText?.trim();
       return {
         rootClasses: t.className.trim().split(" ").sort(),
-        header: a,
-        title: r,
-        body: o,
-        footer: i,
-        closeButton: s
+        header: r,
+        title: a,
+        body: s,
+        footer: n,
+        closeButton: o
       };
     }, this.selectors);
   }
 }
-const f = {
+const y = {
   rootComponent: ".au-pagination",
   activePage: ".active",
   previousPage: ".au-previous",
@@ -63,11 +56,8 @@ const f = {
   pages: ".au-page",
   ellipses: ".au-ellipsis"
 };
-class D extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(f));
-  }
+class w extends l {
+  selectors = structuredClone(y);
   // TODO should we add this in the list of selector ?
   // Depend on the setSelectors usage...
   getComponentSelector() {
@@ -128,24 +118,21 @@ class D extends h {
   }
   async state() {
     return this.locatorRoot.evaluate((t) => {
-      const e = { rootClasses: [], disabled: null, pages: [], hrefs: [] }, s = [...t.querySelectorAll(".au-page")], a = [], r = [], o = {}, i = (g) => g == null ? void 0 : g.getAttribute("href"), n = t.querySelector("a.au-first"), d = t.querySelector("a.au-previous"), p = t.querySelector("a.au-next"), m = t.querySelector("a.au-last");
-      n && (o.first = i(n)), d && (o.previous = i(d)), p && (o.next = i(p)), m && (o.last = i(m));
-      for (const g of s)
-        r.push(g.getAttribute("href") || ""), a.push((g.textContent || "").trim());
-      const b = [...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 = b.length === s.length ? "true" : null, t.querySelector("a.au-previous[aria-disabled]") ? e.isPreviousDisabled = !0 : d && (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 e = { rootClasses: [], disabled: null, pages: [], hrefs: [] }, o = [...t.querySelectorAll(".au-page")], r = [], a = [], s = {}, n = (g) => g?.getAttribute("href"), d = t.querySelector("a.au-first"), u = t.querySelector("a.au-previous"), i = t.querySelector("a.au-next"), h = t.querySelector("a.au-last");
+      d && (s.first = n(d)), u && (s.previous = n(u)), i && (s.next = n(i)), h && (s.last = n(h));
+      for (const g of o)
+        a.push(g.getAttribute("href") || ""), r.push((g.textContent || "").trim());
+      const m = [...t.querySelectorAll("a.au-page[aria-disabled]")];
+      return e.pages = r, e.hrefs = a, e.hrefsNavigation = s, e.rootClasses = t.className.trim().split(" "), e.disabled = m.length === o.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 : i && (e.isNextDisabled = !1), t.querySelector("a.au-first[aria-disabled]") ? e.isFirstDisabled = !0 : d && (e.isFirstDisabled = !1), t.querySelector("a.au-last[aria-disabled]") ? e.isLastDisabled = !0 : h && (e.isLastDisabled = !1), e;
     });
   }
 }
-const B = {
+const C = {
   rootComponent: ".au-rating",
   star: ".au-rating-star"
 };
-class z extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(B));
-  }
+class I extends l {
+  selectors = structuredClone(C);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -157,9 +144,9 @@ class z extends h {
   }
   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(" "));
+      const o = [...t.querySelectorAll(e.star)], r = [], a = [];
+      for (const s of o)
+        r.push((s.textContent || "").trim()), a.push(s.className.split(" "));
       return {
         rootClasses: t.className.trim().split(" ").sort(),
         value: t.getAttribute("aria-valuenow"),
@@ -168,21 +155,18 @@ class z extends h {
         text: t.getAttribute("aria-valuetext"),
         disabled: t.getAttribute("aria-disabled"),
         readonly: t.getAttribute("aria-readonly"),
-        stars: a,
-        classes: r
+        stars: r,
+        classes: a
       };
     }, this.selectors);
   }
 }
-const P = {
+const x = {
   rootComponent: ".au-select"
   // TODO add selector list
 };
-class F extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(P));
-  }
+class O extends l {
+  selectors = structuredClone(x);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -224,41 +208,37 @@ class F extends h {
   }
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      var d, p;
-      const e = t.querySelector('div[role="combobox"]'), s = t.querySelector('input[type="text"]'), a = [];
+      const e = t.querySelector('div[role="combobox"]'), o = t.querySelector('input[type="text"]'), r = [];
       if (e) {
-        const m = e.querySelectorAll("div.au-select-badge");
-        for (const b of m)
-          a.push((d = b == null ? void 0 : b.textContent) == null ? void 0 : d.trim());
+        const u = e.querySelectorAll("div.au-select-badge");
+        for (const i of u)
+          r.push(i?.textContent?.trim());
       }
-      const r = t.querySelector("ul.dropdown-menu"), o = r != null, i = [], n = [];
-      if (r != null) {
-        const m = r.querySelectorAll("li.dropdown-item");
-        for (const b of m) {
-          const g = (p = b.textContent) == null ? void 0 : p.trim();
-          i.push(g), b.classList.contains("selected") && n.push(g);
+      const a = t.querySelector("ul.dropdown-menu"), s = a != null, n = [], d = [];
+      if (a != null) {
+        const u = a.querySelectorAll("li.dropdown-item");
+        for (const i of u) {
+          const h = i.textContent?.trim();
+          n.push(h), i.classList.contains("selected") && d.push(h);
         }
       }
       return {
-        text: s.value,
-        badges: a,
-        isOpen: o,
-        list: i,
-        checked: n
+        text: o.value,
+        badges: r,
+        isOpen: s,
+        list: n,
+        checked: d
       };
     });
   }
 }
-const q = {
+const S = {
   rootComponent: ".alert",
   body: ".alert-body",
   closeButton: ".btn-close"
 };
-class _ extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(q));
-  }
+class V extends l {
+  selectors = structuredClone(S);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -267,27 +247,23 @@ class _ extends h {
   }
   async state() {
     return this.locatorRoot.evaluate((t, e) => {
-      var r, o, i;
-      const s = (o = (r = t.querySelector(e.body)) == null ? void 0 : r.innerText) == null ? void 0 : o.replace(/[^\x20-\x7E]/g, ""), a = (i = t.querySelector(e.closeButton)) == null ? void 0 : i.getAttribute("aria-label");
+      const o = t.querySelector(e.body)?.innerText?.replace(/[^\x20-\x7E]/g, ""), r = t.querySelector(e.closeButton)?.getAttribute("aria-label");
       return {
         rootClasses: t.className.trim().split(" ").sort(),
-        body: s,
-        closeButton: a
+        body: o,
+        closeButton: r
       };
     }, this.selectors);
   }
 }
-class W extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", {
-      item: ".accordion-item",
-      bodyContainer: ".accordion-collapse",
-      body: ".accordion-body",
-      header: ".accordion-header",
-      buttons: ".accordion-button"
-    });
-  }
+class H extends l {
+  selectors = {
+    item: ".accordion-item",
+    bodyContainer: ".accordion-collapse",
+    body: ".accordion-body",
+    header: ".accordion-header",
+    buttons: ".accordion-button"
+  };
   getComponentSelector() {
     return ".au-accordion";
   }
@@ -338,35 +314,32 @@ class W extends h {
   }
   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")
+      const e = [...t.querySelectorAll(".accordion-item")], o = [];
+      for (const r of e) {
+        const a = r.querySelector(".accordion-collapse"), s = r.querySelector(".accordion-button");
+        o.push({
+          classes: r.className.trim().split(" "),
+          id: r.id,
+          isInDOM: a !== null,
+          bodyContainerId: a?.id,
+          buttonId: s?.id,
+          expanded: s?.getAttribute("aria-expanded"),
+          disabled: s?.getAttribute("aria-disabled"),
+          labeledBy: a?.getAttribute("aria-labelledby"),
+          buttonControls: s?.getAttribute("aria-controls")
         });
       }
-      return { rootClasses: t.className.trim().split(" "), items: s };
+      return { rootClasses: t.className.trim().split(" "), items: o };
     });
   }
 }
-const L = {
+const A = {
   rootComponent: '[role="progressbar"]',
   outerBar: ".progress",
   innerBar: ".progress-bar"
 };
-class j extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(L));
-  }
+class E extends l {
+  selectors = structuredClone(A);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -378,23 +351,22 @@ class j extends h {
   }
   async state() {
     return this.locatorRoot.evaluate((t) => {
-      var a, r, o, i, n, d;
-      const e = t.querySelector(".progress-bar"), s = t.querySelector(".progress");
+      const e = t.querySelector(".progress-bar"), o = 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: ((i = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : i.sort()) ?? [],
-        outerHeight: (n = s == null ? void 0 : s.style) == null ? void 0 : n.height,
-        innerWidth: (d = e == null ? void 0 : e.style) == null ? void 0 : d.width
+        label: e?.textContent?.trim(),
+        innerClasses: e?.className?.trim()?.split(" ")?.sort() ?? [],
+        outerHeight: o?.style?.height,
+        innerWidth: e?.style?.width
       };
     });
   }
 }
-const k = {
+const R = {
   rootComponent: ".au-slider",
   clickableArea: ".au-slider-clickable-area",
   clickableAreaVertical: ".au-slider-clickable-area-vertical",
@@ -411,11 +383,8 @@ const k = {
   progress: ".au-slider-progress",
   content: ".au-slider-content"
 };
-class G extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(k));
-  }
+class M extends l {
+  selectors = structuredClone(R);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -482,23 +451,20 @@ class G extends h {
    * @returns state of all the ticks
    */
   async sliderTickLabelState(t) {
-    return t.evaluateAll((e) => e.map((s) => ({
-      style: s.getAttribute("style"),
-      innerText: s.innerText
+    return t.evaluateAll((e) => e.map((o) => ({
+      style: o.getAttribute("style"),
+      innerText: o.innerText
     })));
   }
 }
-const A = {
+const b = {
   rootComponent: ".toast",
   closeButton: ".btn-close",
   header: ".toast-header",
   body: ".toast-body"
 };
-class T extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(A));
-  }
+class v extends l {
+  selectors = structuredClone(b);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -507,27 +473,23 @@ class T extends h {
   }
   async state() {
     return await this.locatorRoot.evaluate((t, e) => {
-      var o, i, n;
-      const s = (o = t.querySelector(e.body)) == null ? void 0 : o.innerText, a = (i = t.querySelector(e.header)) == null ? void 0 : i.innerText, r = (n = t.querySelector(e.closeButton)) == null ? void 0 : n.getAttribute("aria-label");
+      const o = t.querySelector(e.body)?.innerText, r = t.querySelector(e.header)?.innerText, a = t.querySelector(e.closeButton)?.getAttribute("aria-label");
       return {
         rootClasses: t.className.trim().split(" ").sort(),
-        body: s,
-        header: a,
-        closeButton: r
+        body: o,
+        header: r,
+        closeButton: a
       };
     }, this.selectors);
   }
 }
-const I = {
+const B = {
   rootComponent: ".au-toaster",
   container: ".au-toaster-container",
   closeButton: ".au-toaster-closeAll"
 };
-class J extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(I));
-  }
+class D extends l {
+  selectors = structuredClone(B);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -536,25 +498,22 @@ class J extends h {
   }
   async toastPOs() {
     return Array.from(
-      { length: await this.locatorContainer.locator(A.rootComponent).count() },
-      (t, e) => new T(this.locatorContainer, e)
+      { length: await this.locatorContainer.locator(b.rootComponent).count() },
+      (t, e) => new v(this.locatorContainer, e)
     );
   }
   get locatorCloseButton() {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
 }
-const w = {
+const f = {
   rootComponent: '[role="tree"]',
   itemContainer: '[role="treeitem"]',
   itemToggle: ".au-tree-expand-icon",
   itemContents: ".au-tree-item"
 };
-class K extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(w));
-  }
+class z extends l {
+  selectors = structuredClone(f);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -576,14 +535,11 @@ class K extends h {
     })));
   }
 }
-const O = {
+const P = {
   rootComponent: ".au-collapse"
 };
-class Q extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(O));
-  }
+class F extends l {
+  selectors = structuredClone(P);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -593,7 +549,7 @@ class Q extends h {
     }), this.selectors);
   }
 }
-const V = {
+const q = {
   rootComponent: ".au-carousel",
   container: ".au-carousel-container",
   slide: ".au-carousel-slide",
@@ -602,11 +558,8 @@ const V = {
   indicators: ".carousel-indicators",
   indicatorBtn: ".carousel-indicators button"
 };
-class U extends h {
-  constructor() {
-    super(...arguments);
-    u(this, "selectors", structuredClone(V));
-  }
+class _ extends l {
+  selectors = structuredClone(q);
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
@@ -636,43 +589,88 @@ class U extends h {
         prevBtn: t.querySelector(".carousel-control-prev") !== null,
         nextBtn: t.querySelector(".carousel-control-next") !== null,
         indicators: {
-          selected: [...e].findIndex((s) => s.classList.contains("active")),
+          selected: [...e].findIndex((o) => o.classList.contains("active")),
           count: e.length
         },
         slides: {
-          visible: [...t.querySelectorAll(".au-carousel-slide")].findIndex((s) => {
-            const a = s.getBoundingClientRect(), r = t.getBoundingClientRect();
-            return a.left >= r.left && a.right <= r.right;
+          visible: [...t.querySelectorAll(".au-carousel-slide")].findIndex((o) => {
+            const r = o.getBoundingClientRect(), a = t.getBoundingClientRect();
+            return r.left >= a.left && r.right <= a.right;
           })
         }
       };
     });
   }
 }
+const k = {
+  rootComponent: ".au-drawer",
+  backdrop: "xpath=./preceding-sibling::div[contains(@class,'au-drawer-backdrop')]",
+  header: ".au-drawer-header",
+  body: ".au-drawer-body",
+  container: ".au-drawer-container",
+  splitter: ".au-splitter",
+  closeButton: "Close"
+};
+class W extends l {
+  selectors = structuredClone(k);
+  getComponentSelector() {
+    return this.selectors.rootComponent;
+  }
+  get locatorHeader() {
+    return this.locatorRoot.locator(this.selectors.header);
+  }
+  get locatorBody() {
+    return this.locatorRoot.locator(this.selectors.body);
+  }
+  get locatorBackdrop() {
+    return this.locatorRoot.locator(this.selectors.backdrop);
+  }
+  get locatorContainer() {
+    return this.locatorRoot.locator(this.selectors.container);
+  }
+  get locatorSplitter() {
+    return this.locatorRoot.locator(this.selectors.splitter);
+  }
+  get locatorCloseButton() {
+    return this._page.getByRole("button", { name: "Close" });
+  }
+  async state() {
+    return this.locatorRoot.evaluate((t, e) => {
+      const o = t.querySelector(e.header)?.innerText?.trim(), r = t.querySelector(e.body)?.innerText?.trim();
+      return {
+        rootClasses: t.className.trim().split(" ").sort(),
+        header: o,
+        body: r
+      };
+    }, this.selectors);
+  }
+}
 export {
-  W as AccordionPO,
-  _ as AlertPO,
-  U as CarouselPO,
-  Q as CollapsePO,
-  E as ModalPO,
-  D as PaginationPO,
-  j as ProgressbarPO,
-  z as RatingPO,
-  F as SelectPO,
-  G as SliderPO,
-  T as ToastPO,
-  J as ToasterPO,
-  K as TreePO,
-  q as alertSelectors,
-  V as carouselSelectors,
-  O as collapseSelectors,
-  v as modalSelectors,
-  f as paginationSelectors,
-  L as progressbarSelectors,
-  B as ratingSelectors,
-  P as selectSelectors,
-  k as sliderSelectors,
-  A as toastSelectors,
-  I as toasterSelectors,
-  w as treeSelectors
+  H as AccordionPO,
+  V as AlertPO,
+  _ as CarouselPO,
+  F as CollapsePO,
+  W as DrawerPO,
+  T as ModalPO,
+  w as PaginationPO,
+  E as ProgressbarPO,
+  I as RatingPO,
+  O as SelectPO,
+  M as SliderPO,
+  v as ToastPO,
+  D as ToasterPO,
+  z as TreePO,
+  S as alertSelectors,
+  q as carouselSelectors,
+  P as collapseSelectors,
+  k as drawerSelectors,
+  p as modalSelectors,
+  y as paginationSelectors,
+  A as progressbarSelectors,
+  C as ratingSelectors,
+  x as selectSelectors,
+  R as sliderSelectors,
+  b as toastSelectors,
+  B as toasterSelectors,
+  f as treeSelectors
 };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/page-objects",
 	"description": "Page objects to be used when testing AgnosUI-based applications with Playwright.",
-	"version": "0.9.3",
+	"version": "0.10.0-next.0",
 	"keywords": [
 		"e2e",
 		"page-object",
@@ -27,7 +27,7 @@
 	"module": "./index.js",
 	"types": "./index.d.ts",
 	"dependencies": {
-		"@agnos-ui/base-po": "0.9.3"
+		"@agnos-ui/base-po": "0.10.0-next.0"
 	},
 	"peerDependencies": {
 		"@playwright/test": "^1.49.0"

package/select.po.d.ts

@@ -33,7 +33,7 @@ export declare class SelectPO extends BasePO {
     locatorBadgeItem(text: string): import("playwright-core").Locator;
     state(): Promise<{
         text: string;
-        badges: (string | undefined)[];
+        badges: string[];
         isOpen: boolean;
         list: (string | undefined)[];
         checked: (string | undefined)[];