@agnos-ui/page-objects 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/lib/index.d.ts

@@ -208,6 +208,10 @@ export declare class SelectPO extends BasePO {
      * Menu container
      */
     get locatorMenu(): Locator_2;
+    /**
+     * Return the first menu item locator including the text
+     */
+    get locatorMenuItems(): Locator_2;
     /**
      * Return the first menu item locator including the text
      */
@@ -220,19 +224,12 @@ export declare class SelectPO extends BasePO {
      * Return the first badge locator including the text
      */
     locatorBadgeItem(text: string): Locator_2;
-    /**
-     * Return the cross locator for the first badge including the text
-     */
-    locatorBadgeItemCross(text: string): Locator_2;
     state(): Promise<{
         text: string;
-        badges: string[][];
+        badges: (string | undefined)[];
         isOpen: boolean;
-        list: {
-            text: string | undefined;
-            hasCheckBox: boolean;
-            isChecked: boolean;
-        }[];
+        list: (string | undefined)[];
+        checked: (string | undefined)[];
     }>;
 }
 
@@ -240,6 +237,51 @@ export declare const selectSelectors: {
     rootComponent: string;
 };
 
+export declare class SliderPO extends BasePO {
+    selectors: {
+        rootComponent: string;
+        clickableArea: string;
+        handle: string;
+        minLabelHorizontal: string;
+        maxLabelHorizontal: string;
+        minLabelVertical: string;
+        maxLabelVertical: string;
+        valueLabel: string;
+        progress: string;
+    };
+    getComponentSelector(): string;
+    get locatorHandle(): Locator;
+    get locatorMinLabelHorizontal(): Locator;
+    get locatorMaxLabelHorizontal(): Locator;
+    get locatorMinLabelVertical(): Locator;
+    get locatorMaxLabelVertical(): Locator;
+    get locatorProgress(): Locator;
+    get locatorValueLabel(): Locator;
+    sliderHandleState(): Promise<{
+        style: string | null;
+        value: string | null;
+        min: string | null;
+        max: string | null;
+        text: string | null;
+        disabled: string | null;
+        readonly: string | null;
+        ariaLabel: string | null;
+    }[]>;
+    sliderProgressState(): Promise<(string | null)[]>;
+}
+
+export declare const sliderSelectors: {
+    rootComponent: string;
+    clickableArea: string;
+    handle: string;
+    minLabelHorizontal: string;
+    maxLabelHorizontal: string;
+    minLabelVertical: string;
+    maxLabelVertical: string;
+    valueLabel: string;
+    progress: string;
+};
+
 export declare interface State {
     ariaLabel: string | null;
     ariaValueNow: string | null;

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";var R=Object.defineProperty;var v=(a,s,t)=>s in a?R(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var n=(a,s,t)=>(v(a,typeof s!="symbol"?s+"":s,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=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 O extends i.BasePO{constructor(){super(...arguments);n(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)}}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 f extends i.BasePO{constructor(){super(...arguments);n(this,"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)}}const S={rootComponent:".au-rating",star:".au-rating-star"};class I extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(S))}getComponentSelector(){return this.selectors.rootComponent}locatorStar(t){return this.locatorRoot.locator(this.selectors.star).nth(t)}async state(){return await this.locatorRoot.evaluate((t,r)=>{const c=[...t.querySelectorAll(r.star)],l=[],e=[];for(const o of c)l.push((o.textContent||"").trim()),e.push(o.className.split(" "));return{rootClasses:t.className.trim().split(" "),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:l,classes:e}},this.selectors)}}const y={rootComponent:".au-select"};class q extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(y))}getComponentSelector(){return this.selectors.rootComponent}get locatorInput(){return this.locatorRoot.locator("div.input-group").locator("input")}get locatorMenu(){return this.locatorRoot.locator(".dropdown-menu")}locatorMenuItem(t){return this.locatorMenu.getByText(t).nth(0)}get locatorBadges(){return this.locatorRoot.locator("div.input-group").locator(".input-group-text")}locatorBadgeItem(t){return this.locatorBadges.locator("div.badge").filter({hasText:t}).nth(0)}locatorBadgeItemCross(t){return this.locatorBadgeItem(t).getByRole("button")}async state(){return await this.locatorRoot.evaluate(t=>{var d;const r=t.querySelector(".input-group"),c=t.querySelector("div.input-group-text"),l=r.querySelector("input"),e=[];if(c){const b=c.querySelectorAll("div.badge");for(const h of b){const p=[...h.children];e.push([...p.map(m=>(m.textContent??"").trim())])}}const o=t.querySelector("ul.dropdown-menu"),g=o!=null,u=[];if(o!=null){const b=o.querySelectorAll("li.dropdown-item");for(const h of b){let p=!1,m=!1;const C=h.querySelector("input.form-check-input");C&&(p=!0,m=C.checked),u.push({text:(d=h.textContent)==null?void 0:d.trim(),hasCheckBox:p,isChecked:m})}}return{text:l.value,badges:e,isOpen:g,list:u}})}}const x={rootComponent:".alert",closeButton:".btn-close"};class w extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(x))}getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}class k extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",{item:".accordion-item",collapse:".accordion-collapse",body:".accordion-body",header:".accordion-header",buttons:".accordion-button"})}getComponentSelector(){return".accordion"}get locatorAccordionItems(){return this.locatorRoot.locator(this.selectors.item)}locatorAccordionItem(t){return this.locatorRoot.locator(this.selectors.item).nth(t)}get locatorAccordionCollapses(){return this.locatorAccordionItems.locator(this.selectors.collapse)}locatorAccordionCollapse(t){return this.locatorAccordionItem(t).locator(this.selectors.collapse)}get locatorAccordionBodies(){return this.locatorAccordionCollapses.locator(this.selectors.body)}locatorAccordionBody(t){return this.locatorAccordionCollapse(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 r=[...t.querySelectorAll(".accordion-item")],c=[];for(const l of r){const e=l.querySelector(".accordion-collapse"),o=l.querySelector(".accordion-button");c.push({classes:l.className.trim().split(" "),id:l.id,isInDOM:e!==null,collapseId:e==null?void 0:e.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:e==null?void 0:e.getAttribute("aria-labelledby"),buttonControls:o==null?void 0:o.getAttribute("aria-controls")})}return{rootClasses:t.className.trim().split(" "),items:c}})}}const B={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class M extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(B))}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 l,e,o,g,u,d;const r=t.querySelector(".progress-bar"),c=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:(l=r==null?void 0:r.textContent)==null?void 0:l.trim(),innerClasses:((g=(o=(e=r==null?void 0:r.className)==null?void 0:e.trim())==null?void 0:o.split(" "))==null?void 0:g.sort())??[],outerHeight:(u=c==null?void 0:c.style)==null?void 0:u.height,innerWidth:(d=r==null?void 0:r.style)==null?void 0:d.width}})}}exports.AccordionPO=k;exports.AlertPO=w;exports.ModalPO=O;exports.PaginationPO=f;exports.ProgressbarPO=M;exports.RatingPO=I;exports.SelectPO=q;exports.alertSelectors=x;exports.modalSelectors=A;exports.paginationSelectors=P;exports.progressbarSelectors=B;exports.ratingSelectors=S;exports.selectSelectors=y;
+"use strict";var R=Object.defineProperty;var B=(s,a,t)=>a in s?R(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t;var i=(s,a,t)=>(B(s,typeof a!="symbol"?a+"":a,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=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 O extends n.BasePO{constructor(){super(...arguments);i(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)}}const x={rootComponent:".au-pagination",activePage:".active",previousPage:".au-previous",nextPage:".au-next",firstPage:".au-first",lastPage:".au-last",pages:".au-page",ellipses:".au-ellipsis"};class f extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(x))}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)}}const P={rootComponent:".au-rating",star:".au-rating-star"};class L extends n.BasePO{constructor(){super(...arguments);i(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 c=[...t.querySelectorAll(e.star)],l=[],r=[];for(const o of c)l.push((o.textContent||"").trim()),r.push(o.className.split(" "));return{rootClasses:t.className.trim().split(" "),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:l,classes:r}},this.selectors)}}const C={rootComponent:".au-select"};class H extends n.BasePO{constructor(){super(...arguments);i(this,"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=>{var g,b;const e=t.querySelector('div[role="combobox"]'),c=t.querySelector('input[type="text"]'),l=[];if(e){const m=e.querySelectorAll("div.au-select-badge");for(const u of m)l.push((g=u==null?void 0:u.textContent)==null?void 0:g.trim())}const r=t.querySelector("ul.dropdown-menu"),o=r!=null,d=[],h=[];if(r!=null){const m=r.querySelectorAll("li.dropdown-item");for(const u of m){const p=(b=u.textContent)==null?void 0:b.trim();d.push(p),u.classList.contains("selected")&&h.push(p)}}return{text:c.value,badges:l,isOpen:o,list:d,checked:h}})}}const y={rootComponent:".alert",closeButton:".btn-close"};class M extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(y))}getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}class I extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",{item:".accordion-item",collapse:".accordion-collapse",body:".accordion-body",header:".accordion-header",buttons:".accordion-button"})}getComponentSelector(){return".accordion"}get locatorAccordionItems(){return this.locatorRoot.locator(this.selectors.item)}locatorAccordionItem(t){return this.locatorRoot.locator(this.selectors.item).nth(t)}get locatorAccordionCollapses(){return this.locatorAccordionItems.locator(this.selectors.collapse)}locatorAccordionCollapse(t){return this.locatorAccordionItem(t).locator(this.selectors.collapse)}get locatorAccordionBodies(){return this.locatorAccordionCollapses.locator(this.selectors.body)}locatorAccordionBody(t){return this.locatorAccordionCollapse(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")],c=[];for(const l of e){const r=l.querySelector(".accordion-collapse"),o=l.querySelector(".accordion-button");c.push({classes:l.className.trim().split(" "),id:l.id,isInDOM:r!==null,collapseId: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:c}})}}const S={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class q extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(S))}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 l,r,o,d,h,g;const e=t.querySelector(".progress-bar"),c=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:(l=e==null?void 0:e.textContent)==null?void 0:l.trim(),innerClasses:((d=(o=(r=e==null?void 0:e.className)==null?void 0:r.trim())==null?void 0:o.split(" "))==null?void 0:d.sort())??[],outerHeight:(h=c==null?void 0:c.style)==null?void 0:h.height,innerWidth:(g=e==null?void 0:e.style)==null?void 0:g.width}})}}const v={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 w extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(v))}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"),text:e.getAttribute("aria-valuetext"),disabled:e.getAttribute("aria-disabled"),readonly:e.getAttribute("aria-readonly"),ariaLabel:e.getAttribute("aria-label")})))}async sliderProgressState(){return this.locatorRoot.locator(this.selectors.progress).evaluateAll(t=>t.map(e=>e.getAttribute("style")))}}exports.AccordionPO=I;exports.AlertPO=M;exports.ModalPO=O;exports.PaginationPO=f;exports.ProgressbarPO=q;exports.RatingPO=L;exports.SelectPO=H;exports.SliderPO=w;exports.alertSelectors=y;exports.modalSelectors=A;exports.paginationSelectors=x;exports.progressbarSelectors=S;exports.ratingSelectors=P;exports.selectSelectors=C;exports.sliderSelectors=v;

package/dist/lib/index.mjs

@@ -1,8 +1,8 @@
 var A = Object.defineProperty;
-var x = (a, s, t) => s in a ? A(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var n = (a, s, t) => (x(a, typeof s != "symbol" ? s + "" : s, t), t);
-import { BasePO as i } from "@agnos-ui/base-po";
-const y = {
+var x = (s, a, t) => a in s ? A(s, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[a] = t;
+var i = (s, a, t) => (x(s, typeof a != "symbol" ? a + "" : a, t), t);
+import { BasePO as n } from "@agnos-ui/base-po";
+const C = {
   // TODO: should we use bootstrap-independent classes starting with au- ?
   rootComponent: ".modal",
   closeButton: ".btn-close",
@@ -12,10 +12,10 @@ const y = {
   body: ".modal-body",
   footer: ".modal-footer"
 };
-class q extends i {
+class H extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(y));
+    i(this, "selectors", structuredClone(C));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -39,7 +39,7 @@ class q extends i {
     return this.locatorRoot.locator(this.selectors.backdrop);
   }
 }
-const R = {
+const y = {
   rootComponent: ".au-pagination",
   activePage: ".active",
   previousPage: ".au-previous",
@@ -49,10 +49,10 @@ const R = {
   pages: ".au-page",
   ellipses: ".au-ellipsis"
 };
-class O extends i {
+class I extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(R));
+    i(this, "selectors", structuredClone(y));
   }
   // TODO should we add this in the list of selector ?
   // Depend on the setSelectors usage...
@@ -117,10 +117,10 @@ const v = {
   rootComponent: ".au-rating",
   star: ".au-rating-star"
 };
-class w extends i {
+class M extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(v));
+    i(this, "selectors", structuredClone(v));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -134,10 +134,10 @@ class w extends i {
   // TODO to be pushed to the test itself
   // We already discuss with Guillaume Saas not to put this in the basic PO which should only return locator basically
   async state() {
-    return await this.locatorRoot.evaluate((t, r) => {
-      const c = [...t.querySelectorAll(r.star)], l = [], e = [];
+    return await this.locatorRoot.evaluate((t, e) => {
+      const c = [...t.querySelectorAll(e.star)], l = [], r = [];
       for (const o of c)
-        l.push((o.textContent || "").trim()), e.push(o.className.split(" "));
+        l.push((o.textContent || "").trim()), r.push(o.className.split(" "));
       return {
         rootClasses: t.className.trim().split(" "),
         value: t.getAttribute("aria-valuenow"),
@@ -147,19 +147,19 @@ class w extends i {
         disabled: t.getAttribute("aria-disabled"),
         readonly: t.getAttribute("aria-readonly"),
         stars: l,
-        classes: e
+        classes: r
       };
     }, this.selectors);
   }
 }
-const S = {
+const R = {
   rootComponent: ".au-select"
   // TODO add selector list
 };
-class k extends i {
+class w extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(S));
+    i(this, "selectors", structuredClone(R));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -168,7 +168,7 @@ class k extends i {
    * Get the main title locator of the feature page
    */
   get locatorInput() {
-    return this.locatorRoot.locator("div.input-group").locator("input");
+    return this.locatorRoot.locator('input[type="text"]').nth(0);
   }
   /**
    * Menu container
@@ -176,6 +176,12 @@ class k extends i {
   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
    */
@@ -186,63 +192,49 @@ class k extends i {
    * Bages container
    */
   get locatorBadges() {
-    return this.locatorRoot.locator("div.input-group").locator(".input-group-text");
+    return this.locatorRoot.locator("div.au-select-badge");
   }
   /**
    * Return the first badge locator including the text
    */
   locatorBadgeItem(t) {
-    return this.locatorBadges.locator("div.badge").filter({ hasText: t }).nth(0);
+    return this.locatorBadges.filter({ hasText: t }).nth(0);
   }
-  /**
-   * Return the cross locator for the first badge including the text
-   */
-  locatorBadgeItemCross(t) {
-    return this.locatorBadgeItem(t).getByRole("button");
-  }
-  // TODO to be pushed to the test itself
-  // We already discuss with Guillaume Saas not to put this in the basic PO which should only return locator basically
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      var d;
-      const r = t.querySelector(".input-group"), c = t.querySelector("div.input-group-text"), l = r.querySelector("input"), e = [];
-      if (c) {
-        const b = c.querySelectorAll("div.badge");
-        for (const g of b) {
-          const p = [...g.children];
-          e.push([...p.map((m) => (m.textContent ?? "").trim())]);
-        }
+      var g, p;
+      const e = t.querySelector('div[role="combobox"]'), c = t.querySelector('input[type="text"]'), l = [];
+      if (e) {
+        const m = e.querySelectorAll("div.au-select-badge");
+        for (const u of m)
+          l.push((g = u == null ? void 0 : u.textContent) == null ? void 0 : g.trim());
       }
-      const o = t.querySelector("ul.dropdown-menu"), h = o != null, u = [];
-      if (o != null) {
-        const b = o.querySelectorAll("li.dropdown-item");
-        for (const g of b) {
-          let p = !1, m = !1;
-          const C = g.querySelector("input.form-check-input");
-          C && (p = !0, m = C.checked), u.push({
-            text: (d = g.textContent) == null ? void 0 : d.trim(),
-            hasCheckBox: p,
-            isChecked: m
-          });
+      const r = t.querySelector("ul.dropdown-menu"), o = r != null, d = [], h = [];
+      if (r != null) {
+        const m = r.querySelectorAll("li.dropdown-item");
+        for (const u of m) {
+          const b = (p = u.textContent) == null ? void 0 : p.trim();
+          d.push(b), u.classList.contains("selected") && h.push(b);
         }
       }
       return {
-        text: l.value,
-        badges: e,
-        isOpen: h,
-        list: u
+        text: c.value,
+        badges: l,
+        isOpen: o,
+        list: d,
+        checked: h
       };
     });
   }
 }
-const B = {
+const S = {
   rootComponent: ".alert",
   closeButton: ".btn-close"
 };
-class H extends i {
+class O extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(B));
+    i(this, "selectors", structuredClone(S));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -251,10 +243,10 @@ class H extends i {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
 }
-class M extends i {
+class q extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", {
+    i(this, "selectors", {
       item: ".accordion-item",
       collapse: ".accordion-collapse",
       body: ".accordion-body",
@@ -312,18 +304,18 @@ class M extends i {
   }
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      const r = [...t.querySelectorAll(".accordion-item")], c = [];
-      for (const l of r) {
-        const e = l.querySelector(".accordion-collapse"), o = l.querySelector(".accordion-button");
+      const e = [...t.querySelectorAll(".accordion-item")], c = [];
+      for (const l of e) {
+        const r = l.querySelector(".accordion-collapse"), o = l.querySelector(".accordion-button");
         c.push({
           classes: l.className.trim().split(" "),
           id: l.id,
-          isInDOM: e !== null,
-          collapseId: e == null ? void 0 : e.id,
+          isInDOM: r !== null,
+          collapseId: 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: e == null ? void 0 : e.getAttribute("aria-labelledby"),
+          labeledBy: r == null ? void 0 : r.getAttribute("aria-labelledby"),
           buttonControls: o == null ? void 0 : o.getAttribute("aria-controls")
         });
       }
@@ -336,10 +328,10 @@ const P = {
   outerBar: ".progress",
   innerBar: ".progress-bar"
 };
-class E extends i {
+class V extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(P));
+    i(this, "selectors", structuredClone(P));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -352,34 +344,92 @@ class E extends i {
   }
   async state() {
     return this.locatorRoot.evaluate((t) => {
-      var l, e, o, h, u, d;
-      const r = t.querySelector(".progress-bar"), c = t.querySelector(".progress");
+      var l, r, o, d, h, g;
+      const e = t.querySelector(".progress-bar"), c = 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: (l = r == null ? void 0 : r.textContent) == null ? void 0 : l.trim(),
-        innerClasses: ((h = (o = (e = r == null ? void 0 : r.className) == null ? void 0 : e.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : h.sort()) ?? [],
-        outerHeight: (u = c == null ? void 0 : c.style) == null ? void 0 : u.height,
-        innerWidth: (d = r == null ? void 0 : r.style) == null ? void 0 : d.width
+        label: (l = e == null ? void 0 : e.textContent) == null ? void 0 : l.trim(),
+        innerClasses: ((d = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : d.sort()) ?? [],
+        outerHeight: (h = c == null ? void 0 : c.style) == null ? void 0 : h.height,
+        innerWidth: (g = e == null ? void 0 : e.style) == null ? void 0 : g.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 n {
+  constructor() {
+    super(...arguments);
+    i(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"),
+      text: e.getAttribute("aria-valuetext"),
+      disabled: e.getAttribute("aria-disabled"),
+      readonly: e.getAttribute("aria-readonly"),
+      ariaLabel: e.getAttribute("aria-label")
+    })));
+  }
+  async sliderProgressState() {
+    return this.locatorRoot.locator(this.selectors.progress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
+  }
+}
 export {
-  M as AccordionPO,
-  H as AlertPO,
-  q as ModalPO,
-  O as PaginationPO,
-  E as ProgressbarPO,
-  w as RatingPO,
-  k as SelectPO,
-  B as alertSelectors,
-  y as modalSelectors,
-  R as paginationSelectors,
+  q as AccordionPO,
+  O as AlertPO,
+  H as ModalPO,
+  I as PaginationPO,
+  V as ProgressbarPO,
+  M as RatingPO,
+  w as SelectPO,
+  k as SliderPO,
+  S as alertSelectors,
+  C as modalSelectors,
+  y as paginationSelectors,
   P as progressbarSelectors,
   v as ratingSelectors,
-  S as selectSelectors
+  R as selectSelectors,
+  B as sliderSelectors
 };

package/package.json

@@ -15,12 +15,12 @@
 	"types": "dist/lib/index.d.ts",
 	"scripts": {
 		"build": "npm run build:rollup && npm run build:dts && npm run build:api-extractor",
-		"build:rollup": "tsc && vite build -c vite.config.ts",
+		"build:rollup": "tsc && vite build",
 		"build:dts": "tsc -p tsconfig.d.json",
 		"build:api-extractor": "api-extractor run"
 	},
 	"dependencies": {
-		"@agnos-ui/base-po": "0.0.1-alpha.3"
+		"@agnos-ui/base-po": "0.0.1-alpha.5"
 	},
 	"peerDependencies": {
 		"@playwright/test": "*"
@@ -35,5 +35,5 @@
 		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "page-objects"
 	},
-	"version": "0.0.1-alpha.3"
+	"version": "0.0.1-alpha.5"
 }