@agnos-ui/page-objects 0.0.1-alpha.4 → 0.0.1-alpha.6

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)[];
     }>;
 }
 
@@ -249,7 +246,8 @@ export declare class SliderPO extends BasePO {
         maxLabelHorizontal: string;
         minLabelVertical: string;
         maxLabelVertical: string;
-        sliderProgress: string;
+        valueLabel: string;
+        progress: string;
     };
     getComponentSelector(): string;
     get locatorHandle(): Locator;
@@ -257,6 +255,8 @@ export declare class SliderPO extends BasePO {
     get locatorMaxLabelHorizontal(): Locator;
     get locatorMinLabelVertical(): Locator;
     get locatorMaxLabelVertical(): Locator;
+    get locatorProgress(): Locator;
+    get locatorValueLabel(): Locator;
     sliderHandleState(): Promise<{
         style: string | null;
         value: string | null;
@@ -265,6 +265,7 @@ export declare class SliderPO extends BasePO {
         text: string | null;
         disabled: string | null;
         readonly: string | null;
+        ariaLabel: string | null;
     }[]>;
     sliderProgressState(): Promise<(string | null)[]>;
 }
@@ -277,7 +278,8 @@ export declare const sliderSelectors: {
     maxLabelHorizontal: string;
     minLabelVertical: string;
     maxLabelVertical: string;
-    sliderProgress: string;
+    valueLabel: string;
+    progress: string;
 };
 
 export declare interface State {

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";var B=Object.defineProperty;var O=(s,a,t)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t;var i=(s,a,t)=>(O(s,typeof a!="symbol"?a+"":a,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@agnos-ui/base-po"),x={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 f extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(x))}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 H extends n.BasePO{constructor(){super(...arguments);i(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 C={rootComponent:".au-rating",star:".au-rating-star"};class I extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(C))}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 S={rootComponent:".au-select"};class q extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(S))}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 e=t.querySelector(".input-group"),c=t.querySelector("div.input-group-text"),l=e.querySelector("input"),r=[];if(c){const b=c.querySelectorAll("div.badge");for(const g of b){const m=[...g.children];r.push([...m.map(p=>(p.textContent??"").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 m=!1,p=!1;const A=g.querySelector("input.form-check-input");A&&(m=!0,p=A.checked),u.push({text:(d=g.textContent)==null?void 0:d.trim(),hasCheckBox:m,isChecked:p})}}return{text:l.value,badges:r,isOpen:h,list:u}})}}const y={rootComponent:".alert",closeButton:".btn-close"};class L 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 M 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 v={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class k extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(v))}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,h,u,d;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:((h=(o=(r=e==null?void 0:e.className)==null?void 0:r.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=e==null?void 0:e.style)==null?void 0:d.width}})}}const R={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",sliderProgress:".au-slider-progress"};class w extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(R))}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)}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")})))}async sliderProgressState(){return this.locatorRoot.locator(this.selectors.sliderProgress).evaluateAll(t=>t.map(e=>e.getAttribute("style")))}}exports.AccordionPO=M;exports.AlertPO=L;exports.ModalPO=f;exports.PaginationPO=H;exports.ProgressbarPO=k;exports.RatingPO=I;exports.SelectPO=q;exports.SliderPO=w;exports.alertSelectors=y;exports.modalSelectors=x;exports.paginationSelectors=P;exports.progressbarSelectors=v;exports.ratingSelectors=C;exports.selectSelectors=S;exports.sliderSelectors=R;
+"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 x = Object.defineProperty;
-var C = (s, a, t) => a in s ? x(s, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[a] = t;
-var i = (s, a, t) => (C(s, typeof a != "symbol" ? a + "" : a, t), t);
+var A = Object.defineProperty;
+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 y = {
+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 L extends n {
+class H extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(y));
+    i(this, "selectors", structuredClone(C));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -39,7 +39,7 @@ class L extends n {
     return this.locatorRoot.locator(this.selectors.backdrop);
   }
 }
-const v = {
+const y = {
   rootComponent: ".au-pagination",
   activePage: ".active",
   previousPage: ".au-previous",
@@ -49,10 +49,10 @@ const v = {
   pages: ".au-page",
   ellipses: ".au-ellipsis"
 };
-class q extends n {
+class I extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(v));
+    i(this, "selectors", structuredClone(y));
   }
   // TODO should we add this in the list of selector ?
   // Depend on the setSelectors usage...
@@ -113,14 +113,14 @@ class q extends n {
     return this.locatorRoot.locator(this.selectors.ellipses);
   }
 }
-const R = {
+const v = {
   rootComponent: ".au-rating",
   star: ".au-rating-star"
 };
-class O extends n {
+class M extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(R));
+    i(this, "selectors", structuredClone(v));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -152,14 +152,14 @@ class O extends n {
     }, this.selectors);
   }
 }
-const S = {
+const R = {
   rootComponent: ".au-select"
   // TODO add selector list
 };
-class k extends n {
+class w extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(S));
+    i(this, "selectors", structuredClone(R));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -168,7 +168,7 @@ class k extends n {
    * 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 n {
   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 n {
    * 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 e = t.querySelector(".input-group"), c = t.querySelector("div.input-group-text"), l = e.querySelector("input"), r = [];
-      if (c) {
-        const b = c.querySelectorAll("div.badge");
-        for (const g of b) {
-          const m = [...g.children];
-          r.push([...m.map((p) => (p.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 m = !1, p = !1;
-          const A = g.querySelector("input.form-check-input");
-          A && (m = !0, p = A.checked), u.push({
-            text: (d = g.textContent) == null ? void 0 : d.trim(),
-            hasCheckBox: m,
-            isChecked: p
-          });
+      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: r,
-        isOpen: h,
-        list: u
+        text: c.value,
+        badges: l,
+        isOpen: o,
+        list: d,
+        checked: h
       };
     });
   }
 }
-const P = {
+const S = {
   rootComponent: ".alert",
   closeButton: ".btn-close"
 };
-class w extends n {
+class O extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(P));
+    i(this, "selectors", structuredClone(S));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -251,7 +243,7 @@ class w extends n {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
 }
-class M extends n {
+class q extends n {
   constructor() {
     super(...arguments);
     i(this, "selectors", {
@@ -331,7 +323,7 @@ class M extends n {
     });
   }
 }
-const B = {
+const P = {
   rootComponent: '[role="progressbar"]',
   outerBar: ".progress",
   innerBar: ".progress-bar"
@@ -339,7 +331,7 @@ const B = {
 class V extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(B));
+    i(this, "selectors", structuredClone(P));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -352,7 +344,7 @@ class V extends n {
   }
   async state() {
     return this.locatorRoot.evaluate((t) => {
-      var l, r, o, h, u, d;
+      var l, r, o, d, h, g;
       const e = t.querySelector(".progress-bar"), c = t.querySelector(".progress");
       return {
         ariaLabel: t.getAttribute("aria-label"),
@@ -361,14 +353,14 @@ class V extends n {
         ariaValueMax: t.getAttribute("aria-valuemax"),
         ariaValueText: t.getAttribute("aria-valuetext"),
         label: (l = e == null ? void 0 : e.textContent) == null ? void 0 : l.trim(),
-        innerClasses: ((h = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.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 = e == null ? void 0 : e.style) == null ? void 0 : d.width
+        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 f = {
+const B = {
   rootComponent: ".au-slider",
   clickableArea: ".au-slider-clickable-area",
   handle: ".au-slider-handle",
@@ -376,12 +368,13 @@ const f = {
   maxLabelHorizontal: ".au-slider-label-max",
   minLabelVertical: ".au-slider-label-vertical-min",
   maxLabelVertical: ".au-slider-label-vertical-max",
-  sliderProgress: ".au-slider-progress"
+  valueLabel: ".au-slider-label-now",
+  progress: ".au-slider-progress"
 };
-class z extends n {
+class k extends n {
   constructor() {
     super(...arguments);
-    i(this, "selectors", structuredClone(f));
+    i(this, "selectors", structuredClone(B));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -401,6 +394,12 @@ class z extends n {
   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"),
@@ -409,27 +408,28 @@ class z extends n {
       max: e.getAttribute("aria-valuemax"),
       text: e.getAttribute("aria-valuetext"),
       disabled: e.getAttribute("aria-disabled"),
-      readonly: e.getAttribute("aria-readonly")
+      readonly: e.getAttribute("aria-readonly"),
+      ariaLabel: e.getAttribute("aria-label")
     })));
   }
   async sliderProgressState() {
-    return this.locatorRoot.locator(this.selectors.sliderProgress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
+    return this.locatorRoot.locator(this.selectors.progress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
   }
 }
 export {
-  M as AccordionPO,
-  w as AlertPO,
-  L as ModalPO,
-  q as PaginationPO,
+  q as AccordionPO,
+  O as AlertPO,
+  H as ModalPO,
+  I as PaginationPO,
   V as ProgressbarPO,
-  O as RatingPO,
-  k as SelectPO,
-  z as SliderPO,
-  P as alertSelectors,
-  y as modalSelectors,
-  v as paginationSelectors,
-  B as progressbarSelectors,
-  R as ratingSelectors,
-  S as selectSelectors,
-  f as sliderSelectors
+  M as RatingPO,
+  w as SelectPO,
+  k as SliderPO,
+  S as alertSelectors,
+  C as modalSelectors,
+  y as paginationSelectors,
+  P as progressbarSelectors,
+  v as ratingSelectors,
+  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.4"
+		"@agnos-ui/base-po": "0.0.1-alpha.6"
 	},
 	"peerDependencies": {
 		"@playwright/test": "*"
@@ -35,5 +35,5 @@
 		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "page-objects"
 	},
-	"version": "0.0.1-alpha.4"
+	"version": "0.0.1-alpha.6"
 }