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

package/dist/lib/index.d.ts

@@ -52,7 +52,7 @@ export declare class AlertPO extends BasePO {
         closeButton: string;
     };
     getComponentSelector(): string;
-    locatorCloseButton(): Locator;
+    get locatorCloseButton(): Locator;
 }
 
 export declare const alertSelectors: {
@@ -71,12 +71,12 @@ export declare class ModalPO extends BasePO {
         footer: string;
     };
     getComponentSelector(): string;
-    locatorHeader(): Locator;
-    locatorTitle(): Locator;
-    locatorBody(): Locator;
-    locatorFooter(): Locator;
-    locatorCloseButton(): Locator;
-    locatorBackdrop(): Locator;
+    get locatorHeader(): Locator;
+    get locatorTitle(): Locator;
+    get locatorBody(): Locator;
+    get locatorFooter(): Locator;
+    get locatorCloseButton(): Locator;
+    get locatorBackdrop(): Locator;
 }
 
 export declare const modalSelectors: {
@@ -149,6 +149,24 @@ export declare const paginationSelectors: {
     ellipses: string;
 };
 
+export declare class ProgressbarPO extends BasePO {
+    selectors: {
+        rootComponent: string;
+        outerBar: string;
+        innerBar: string;
+    };
+    getComponentSelector(): string;
+    get locatorOuterBar(): Locator;
+    get locatorInnerBar(): Locator;
+    state(): Promise<State>;
+}
+
+export declare const progressbarSelectors: {
+    rootComponent: string;
+    outerBar: string;
+    innerBar: string;
+};
+
 export declare class RatingPO extends BasePO {
     selectors: {
         rootComponent: string;
@@ -222,4 +240,16 @@ export declare const selectSelectors: {
     rootComponent: string;
 };
 
+export declare interface State {
+    ariaLabel: string | null;
+    ariaValueNow: string | null;
+    ariaValueMin: string | null;
+    ariaValueMax: string | null;
+    ariaValueText: string | null;
+    label: string | null | undefined;
+    innerClasses: string[];
+    outerHeight: string | undefined;
+    innerWidth: string | undefined;
+}
+
 export { }

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var R=(s,e,t)=>e in s?x(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var l=(s,e,t)=>(R(s,typeof e!="symbol"?e+"":e,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 v extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(A))}getComponentSelector(){return this.selectors.rootComponent}locatorHeader(){return this.locatorRoot.locator(this.selectors.header)}locatorTitle(){return this.locatorHeader().locator(this.selectors.title)}locatorBody(){return this.locatorRoot.locator(this.selectors.body)}locatorFooter(){return this.locatorRoot.locator(this.selectors.footer)}locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}locatorBackdrop(){return this.locatorRoot.locator(this.selectors.backdrop)}}const C={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);l(this,"selectors",structuredClone(C))}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 O extends n.BasePO{constructor(){super(...arguments);l(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,i)=>{const c=[...t.querySelectorAll(i.star)],a=[],r=[];for(const o of c)a.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:a,classes:r}},this.selectors)}}const S={rootComponent:".au-select"};class I extends n.BasePO{constructor(){super(...arguments);l(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 m;const i=t.querySelector(".input-group"),c=t.querySelector("div.input-group-text"),a=i.querySelector("input"),r=[];if(c){const g=c.querySelectorAll("div.badge");for(const u of g){const d=[...u.children];r.push([...d.map(h=>(h.textContent??"").trim())])}}const o=t.querySelector("ul.dropdown-menu"),B=o!=null,p=[];if(o!=null){const g=o.querySelectorAll("li.dropdown-item");for(const u of g){let d=!1,h=!1;const b=u.querySelector("input.form-check-input");b&&(d=!0,h=b.checked),p.push({text:(m=u.textContent)==null?void 0:m.trim(),hasCheckBox:d,isChecked:h})}}return{text:a.value,badges:r,isOpen:B,list:p}})}}const y={rootComponent:".alert",closeButton:".btn-close"};class q extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(y))}getComponentSelector(){return this.selectors.rootComponent}locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}class k extends n.BasePO{constructor(){super(...arguments);l(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 i=[...t.querySelectorAll(".accordion-item")],c=[];for(const a of i){const r=a.querySelector(".accordion-collapse"),o=a.querySelector(".accordion-button");c.push({classes:a.className.trim().split(" "),id:a.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}})}}exports.AccordionPO=k;exports.AlertPO=q;exports.ModalPO=v;exports.PaginationPO=f;exports.RatingPO=O;exports.SelectPO=I;exports.alertSelectors=y;exports.modalSelectors=A;exports.paginationSelectors=C;exports.ratingSelectors=P;exports.selectSelectors=S;
+"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;

package/dist/lib/index.mjs

@@ -1,7 +1,7 @@
 var A = Object.defineProperty;
-var x = (s, e, t) => e in s ? A(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var l = (s, e, t) => (x(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { BasePO as n } from "@agnos-ui/base-po";
+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 = {
   // TODO: should we use bootstrap-independent classes starting with au- ?
   rootComponent: ".modal",
@@ -12,35 +12,34 @@ const y = {
   body: ".modal-body",
   footer: ".modal-footer"
 };
-class I extends n {
+class q extends i {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(y));
+    n(this, "selectors", structuredClone(y));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
-  // TODO: should we expose getters instead?
-  locatorHeader() {
+  get locatorHeader() {
     return this.locatorRoot.locator(this.selectors.header);
   }
-  locatorTitle() {
-    return this.locatorHeader().locator(this.selectors.title);
+  get locatorTitle() {
+    return this.locatorHeader.locator(this.selectors.title);
   }
-  locatorBody() {
+  get locatorBody() {
     return this.locatorRoot.locator(this.selectors.body);
   }
-  locatorFooter() {
+  get locatorFooter() {
     return this.locatorRoot.locator(this.selectors.footer);
   }
-  locatorCloseButton() {
+  get locatorCloseButton() {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
-  locatorBackdrop() {
+  get locatorBackdrop() {
     return this.locatorRoot.locator(this.selectors.backdrop);
   }
 }
-const B = {
+const R = {
   rootComponent: ".au-pagination",
   activePage: ".active",
   previousPage: ".au-previous",
@@ -50,10 +49,10 @@ const B = {
   pages: ".au-page",
   ellipses: ".au-ellipsis"
 };
-class q extends n {
+class O extends i {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(B));
+    n(this, "selectors", structuredClone(R));
   }
   // TODO should we add this in the list of selector ?
   // Depend on the setSelectors usage...
@@ -114,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 k extends n {
+class w extends i {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(R));
+    n(this, "selectors", structuredClone(v));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -135,10 +134,10 @@ class k extends n {
   // 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, i) => {
-      const a = [...t.querySelectorAll(i.star)], c = [], r = [];
-      for (const o of a)
-        c.push((o.textContent || "").trim()), r.push(o.className.split(" "));
+    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"),
@@ -147,8 +146,8 @@ class k extends n {
         text: t.getAttribute("aria-valuetext"),
         disabled: t.getAttribute("aria-disabled"),
         readonly: t.getAttribute("aria-readonly"),
-        stars: c,
-        classes: r
+        stars: l,
+        classes: e
       };
     }, this.selectors);
   }
@@ -157,10 +156,10 @@ const S = {
   rootComponent: ".au-select"
   // TODO add selector list
 };
-class O extends n {
+class k extends i {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(S));
+    n(this, "selectors", structuredClone(S));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -205,57 +204,57 @@ class O extends n {
   // 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 m;
-      const i = t.querySelector(".input-group"), a = t.querySelector("div.input-group-text"), c = i.querySelector("input"), r = [];
-      if (a) {
-        const p = a.querySelectorAll("div.badge");
-        for (const u of p) {
-          const d = [...u.children];
-          r.push([...d.map((h) => (h.textContent ?? "").trim())]);
+      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())]);
         }
       }
-      const o = t.querySelector("ul.dropdown-menu"), C = o != null, g = [];
+      const o = t.querySelector("ul.dropdown-menu"), h = o != null, u = [];
       if (o != null) {
-        const p = o.querySelectorAll("li.dropdown-item");
-        for (const u of p) {
-          let d = !1, h = !1;
-          const b = u.querySelector("input.form-check-input");
-          b && (d = !0, h = b.checked), g.push({
-            text: (m = u.textContent) == null ? void 0 : m.trim(),
-            hasCheckBox: d,
-            isChecked: h
+        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
           });
         }
       }
       return {
-        text: c.value,
-        badges: r,
-        isOpen: C,
-        list: g
+        text: l.value,
+        badges: e,
+        isOpen: h,
+        list: u
       };
     });
   }
 }
-const f = {
+const B = {
   rootComponent: ".alert",
   closeButton: ".btn-close"
 };
-class w extends n {
+class H extends i {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(f));
+    n(this, "selectors", structuredClone(B));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
-  locatorCloseButton() {
+  get locatorCloseButton() {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
 }
-class E extends n {
+class M extends i {
   constructor() {
     super(...arguments);
-    l(this, "selectors", {
+    n(this, "selectors", {
       item: ".accordion-item",
       collapse: ".accordion-collapse",
       body: ".accordion-body",
@@ -313,35 +312,74 @@ class E extends n {
   }
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      const i = [...t.querySelectorAll(".accordion-item")], a = [];
-      for (const c of i) {
-        const r = c.querySelector(".accordion-collapse"), o = c.querySelector(".accordion-button");
-        a.push({
-          classes: c.className.trim().split(" "),
-          id: c.id,
-          isInDOM: r !== null,
-          collapseId: r == null ? void 0 : r.id,
+      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: r == null ? void 0 : r.getAttribute("aria-labelledby"),
+          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: a };
+      return { rootClasses: t.className.trim().split(" "), items: c };
+    });
+  }
+}
+const P = {
+  rootComponent: '[role="progressbar"]',
+  outerBar: ".progress",
+  innerBar: ".progress-bar"
+};
+class E extends i {
+  constructor() {
+    super(...arguments);
+    n(this, "selectors", structuredClone(P));
+  }
+  getComponentSelector() {
+    return this.selectors.rootComponent;
+  }
+  get locatorOuterBar() {
+    return this.locatorRoot.locator(this.selectors.outerBar);
+  }
+  get locatorInnerBar() {
+    return this.locatorRoot.locator(this.selectors.innerBar);
+  }
+  async state() {
+    return this.locatorRoot.evaluate((t) => {
+      var l, e, o, h, 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: ((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
+      };
     });
   }
 }
 export {
-  E as AccordionPO,
-  w as AlertPO,
-  I as ModalPO,
-  q as PaginationPO,
-  k as RatingPO,
-  O as SelectPO,
-  f as alertSelectors,
+  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,
-  B as paginationSelectors,
-  R as ratingSelectors,
+  R as paginationSelectors,
+  P as progressbarSelectors,
+  v as ratingSelectors,
   S as selectSelectors
 };

package/package.json

@@ -20,7 +20,7 @@
 		"build:api-extractor": "api-extractor run"
 	},
 	"dependencies": {
-		"@agnos-ui/base-po": "0.0.1-alpha.0"
+		"@agnos-ui/base-po": "0.0.1-alpha.3"
 	},
 	"peerDependencies": {
 		"@playwright/test": "*"
@@ -35,5 +35,5 @@
 		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "page-objects"
 	},
-	"version": "0.0.1-alpha.0"
+	"version": "0.0.1-alpha.3"
 }

package/dist/lib/tsdoc-metadata.json

@@ -1,11 +0,0 @@
-// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
-// It should be published with your NPM package.  It should not be tracked by Git.
-{
-  "tsdocVersion": "0.12",
-  "toolPackages": [
-    {
-      "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.36.4"
-    }
-  ]
-}