@agnos-ui/page-objects 0.1.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/index.d.ts +67 -6
- package/dist/lib/index.js +1 -1
- package/dist/lib/index.mjs +153 -87
- package/package.json +13 -11
package/dist/lib/index.d.ts
CHANGED
|
@@ -6,17 +6,17 @@ export declare class AccordionPO extends BasePO {
|
|
|
6
6
|
private readonly selectors;
|
|
7
7
|
getComponentSelector(): string;
|
|
8
8
|
/**
|
|
9
|
-
* Gets the locators of the items containing the header and the
|
|
9
|
+
* Gets the locators of the items containing the header and the body-container inside
|
|
10
10
|
* the accordion
|
|
11
11
|
*/
|
|
12
12
|
get locatorAccordionItems(): Locator;
|
|
13
13
|
/**
|
|
14
|
-
* Gets the locators of the item specified by the itemIndex containing the header and the
|
|
14
|
+
* Gets the locators of the item specified by the itemIndex containing the header and the body-container inside
|
|
15
15
|
* the accordion
|
|
16
16
|
*/
|
|
17
17
|
locatorAccordionItem(itemIndex: number): Locator;
|
|
18
|
-
get
|
|
19
|
-
|
|
18
|
+
get locatorAccordionCBodyContainers(): Locator;
|
|
19
|
+
locatorAccordionBodyContainer(bodyContainerIndex: number): Locator;
|
|
20
20
|
/**
|
|
21
21
|
* Gets the locator of the bodies of the accordion.
|
|
22
22
|
*/
|
|
@@ -36,7 +36,7 @@ export declare class AccordionPO extends BasePO {
|
|
|
36
36
|
classes: string[];
|
|
37
37
|
id: string;
|
|
38
38
|
isInDOM: boolean;
|
|
39
|
-
|
|
39
|
+
bodyContainerId: string | undefined;
|
|
40
40
|
buttonId: string | undefined;
|
|
41
41
|
expanded: string | null | undefined;
|
|
42
42
|
disabled: string | null | undefined;
|
|
@@ -49,17 +49,32 @@ export declare class AccordionPO extends BasePO {
|
|
|
49
49
|
export declare class AlertPO extends BasePO {
|
|
50
50
|
selectors: {
|
|
51
51
|
rootComponent: string;
|
|
52
|
+
body: string;
|
|
52
53
|
closeButton: string;
|
|
53
54
|
};
|
|
54
55
|
getComponentSelector(): string;
|
|
55
56
|
get locatorCloseButton(): Locator;
|
|
57
|
+
state(): Promise<{
|
|
58
|
+
rootClasses: string[];
|
|
59
|
+
body: string | undefined;
|
|
60
|
+
closeButton: string | null | undefined;
|
|
61
|
+
}>;
|
|
56
62
|
}
|
|
57
63
|
|
|
58
64
|
export declare const alertSelectors: {
|
|
59
65
|
rootComponent: string;
|
|
66
|
+
body: string;
|
|
60
67
|
closeButton: string;
|
|
61
68
|
};
|
|
62
69
|
|
|
70
|
+
/** Pagination navigation buttons hrefs */
|
|
71
|
+
export declare interface HrefsNavigation {
|
|
72
|
+
first?: string;
|
|
73
|
+
previous?: string;
|
|
74
|
+
next?: string;
|
|
75
|
+
last?: string;
|
|
76
|
+
}
|
|
77
|
+
|
|
63
78
|
export declare class ModalPO extends BasePO {
|
|
64
79
|
selectors: {
|
|
65
80
|
rootComponent: string;
|
|
@@ -77,6 +92,14 @@ export declare class ModalPO extends BasePO {
|
|
|
77
92
|
get locatorFooter(): Locator;
|
|
78
93
|
get locatorCloseButton(): Locator;
|
|
79
94
|
get locatorBackdrop(): Locator;
|
|
95
|
+
state(): Promise<{
|
|
96
|
+
rootClasses: string[];
|
|
97
|
+
header: string | undefined;
|
|
98
|
+
title: string | undefined;
|
|
99
|
+
body: string | undefined;
|
|
100
|
+
footer: string | undefined;
|
|
101
|
+
closeButton: string | null | undefined;
|
|
102
|
+
}>;
|
|
80
103
|
}
|
|
81
104
|
|
|
82
105
|
export declare const modalSelectors: {
|
|
@@ -136,6 +159,20 @@ export declare class PaginationPO extends BasePO {
|
|
|
136
159
|
*/
|
|
137
160
|
locatorPage(pageString: string): Locator;
|
|
138
161
|
get locatorEllipses(): Locator;
|
|
162
|
+
state(): Promise<PaginationPOState>;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
/** Pagination page object */
|
|
166
|
+
export declare interface PaginationPOState {
|
|
167
|
+
rootClasses: string[];
|
|
168
|
+
disabled: string | null;
|
|
169
|
+
pages: string[];
|
|
170
|
+
hrefs: string[];
|
|
171
|
+
hrefsNavigation?: HrefsNavigation;
|
|
172
|
+
isFirstDisabled?: boolean;
|
|
173
|
+
isPreviousDisabled?: boolean;
|
|
174
|
+
isNextDisabled?: boolean;
|
|
175
|
+
isLastDisabled?: boolean;
|
|
139
176
|
}
|
|
140
177
|
|
|
141
178
|
export declare const paginationSelectors: {
|
|
@@ -262,10 +299,10 @@ export declare class SliderPO extends BasePO {
|
|
|
262
299
|
value: string | null;
|
|
263
300
|
min: string | null;
|
|
264
301
|
max: string | null;
|
|
265
|
-
text: string | null;
|
|
266
302
|
disabled: string | null;
|
|
267
303
|
readonly: string | null;
|
|
268
304
|
ariaLabel: string | null;
|
|
305
|
+
ariaValueText: string | null;
|
|
269
306
|
}[]>;
|
|
270
307
|
sliderProgressState(): Promise<(string | null)[]>;
|
|
271
308
|
}
|
|
@@ -294,4 +331,28 @@ export declare interface State {
|
|
|
294
331
|
innerWidth: string | undefined;
|
|
295
332
|
}
|
|
296
333
|
|
|
334
|
+
export declare class ToastPO extends BasePO {
|
|
335
|
+
selectors: {
|
|
336
|
+
rootComponent: string;
|
|
337
|
+
closeButton: string;
|
|
338
|
+
header: string;
|
|
339
|
+
body: string;
|
|
340
|
+
};
|
|
341
|
+
getComponentSelector(): string;
|
|
342
|
+
get locatorCloseButton(): Locator;
|
|
343
|
+
state(): Promise<{
|
|
344
|
+
rootClasses: string[];
|
|
345
|
+
body: string | undefined;
|
|
346
|
+
header: string | undefined;
|
|
347
|
+
closeButton: string | null | undefined;
|
|
348
|
+
}>;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
export declare const toastSelectors: {
|
|
352
|
+
rootComponent: string;
|
|
353
|
+
closeButton: string;
|
|
354
|
+
header: string;
|
|
355
|
+
body: string;
|
|
356
|
+
};
|
|
357
|
+
|
|
297
358
|
export { }
|
package/dist/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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;
|
|
1
|
+
"use strict";var O=Object.defineProperty;var L=(n,c,t)=>c in n?O(n,c,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[c]=t;var b=(n,c,t)=>(L(n,typeof c!="symbol"?c+"":c,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@agnos-ui/base-po"),A={rootComponent:".modal",closeButton:".btn-close",backdrop:"xpath=./preceding-sibling::div[contains(@class,'modal-backdrop')]",header:".modal-header",title:".modal-title",body:".modal-body",footer:".modal-footer"};class H extends p.BasePO{constructor(){super(...arguments);b(this,"selectors",structuredClone(A))}getComponentSelector(){return this.selectors.rootComponent}get locatorHeader(){return this.locatorRoot.locator(this.selectors.header)}get locatorTitle(){return this.locatorHeader.locator(this.selectors.title)}get locatorBody(){return this.locatorRoot.locator(this.selectors.body)}get locatorFooter(){return this.locatorRoot.locator(this.selectors.footer)}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}get locatorBackdrop(){return this.locatorRoot.locator(this.selectors.backdrop)}async state(){return this.locatorRoot.evaluate(async(t,e)=>{var i,u,m,g,h,d,y,S,x;const a=(i=t.querySelector(e.closeButton))==null?void 0:i.getAttribute("aria-label"),s=(m=(u=t.querySelector(e.header))==null?void 0:u.innerText)==null?void 0:m.trim(),r=(h=(g=t.querySelector(e.title))==null?void 0:g.innerText)==null?void 0:h.trim(),o=(y=(d=t.querySelector(e.body))==null?void 0:d.innerText)==null?void 0:y.trim(),l=(x=(S=t.querySelector(e.footer))==null?void 0:S.innerText)==null?void 0:x.trim();return{rootClasses:t.className.trim().split(" ").sort(),header:s,title:r,body:o,footer:l,closeButton:a}},this.selectors)}}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 T extends p.BasePO{constructor(){super(...arguments);b(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)}async state(){return this.locatorRoot.evaluate(t=>{const e={rootClasses:[],disabled:null,pages:[],hrefs:[]},a=[...t.querySelectorAll(".au-page")],s=[],r=[],o={},l=d=>d==null?void 0:d.getAttribute("href"),i=t.querySelector("a.au-first"),u=t.querySelector("a.au-previous"),m=t.querySelector("a.au-next"),g=t.querySelector("a.au-last");i&&(o.first=l(i)),u&&(o.previous=l(u)),m&&(o.next=l(m)),g&&(o.last=l(g));for(const d of a)r.push(d.getAttribute("href")||""),s.push((d.textContent||"").trim());const h=[...t.querySelectorAll("a.au-page[aria-disabled]")];return e.pages=s,e.hrefs=r,e.hrefsNavigation=o,e.rootClasses=t.className.trim().split(" "),e.disabled=h.length===a.length?"true":null,t.querySelector("a.au-previous[aria-disabled]")?e.isPreviousDisabled=!0:u&&(e.isPreviousDisabled=!1),t.querySelector("a.au-next[aria-disabled]")?e.isNextDisabled=!0:m&&(e.isNextDisabled=!1),t.querySelector("a.au-first[aria-disabled]")?e.isFirstDisabled=!0:i&&(e.isFirstDisabled=!1),t.querySelector("a.au-last[aria-disabled]")?e.isLastDisabled=!0:g&&(e.isLastDisabled=!1),e})}}const P={rootComponent:".au-rating",star:".au-rating-star"};class M extends p.BasePO{constructor(){super(...arguments);b(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 a=[...t.querySelectorAll(e.star)],s=[],r=[];for(const o of a)s.push((o.textContent||"").trim()),r.push(o.className.split(" "));return{rootClasses:t.className.trim().split(" ").sort(),value:t.getAttribute("aria-valuenow"),min:t.getAttribute("aria-valuemin"),max:t.getAttribute("aria-valuemax"),text:t.getAttribute("aria-valuetext"),disabled:t.getAttribute("aria-disabled"),readonly:t.getAttribute("aria-readonly"),stars:s,classes:r}},this.selectors)}}const v={rootComponent:".au-select"};class I extends p.BasePO{constructor(){super(...arguments);b(this,"selectors",structuredClone(v))}getComponentSelector(){return this.selectors.rootComponent}get locatorInput(){return this.locatorRoot.locator('input[type="text"]').nth(0)}get locatorMenu(){return this.locatorRoot.locator(".dropdown-menu")}get locatorMenuItems(){return this.locatorMenu.locator(".au-select-item")}locatorMenuItem(t){return this.locatorMenu.getByText(t).nth(0)}get locatorBadges(){return this.locatorRoot.locator("div.au-select-badge")}locatorBadgeItem(t){return this.locatorBadges.filter({hasText:t}).nth(0)}async state(){return await this.locatorRoot.evaluate(t=>{var u,m;const e=t.querySelector('div[role="combobox"]'),a=t.querySelector('input[type="text"]'),s=[];if(e){const g=e.querySelectorAll("div.au-select-badge");for(const h of g)s.push((u=h==null?void 0:h.textContent)==null?void 0:u.trim())}const r=t.querySelector("ul.dropdown-menu"),o=r!=null,l=[],i=[];if(r!=null){const g=r.querySelectorAll("li.dropdown-item");for(const h of g){const d=(m=h.textContent)==null?void 0:m.trim();l.push(d),h.classList.contains("selected")&&i.push(d)}}return{text:a.value,badges:s,isOpen:o,list:l,checked:i}})}}const f={rootComponent:".alert",body:".alert-body",closeButton:".btn-close"};class w extends p.BasePO{constructor(){super(...arguments);b(this,"selectors",structuredClone(f))}getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}async state(){return this.locatorRoot.evaluate((t,e)=>{var r,o,l;const a=(o=(r=t.querySelector(e.body))==null?void 0:r.innerText)==null?void 0:o.replace(/[^\x20-\x7E]/g,""),s=(l=t.querySelector(e.closeButton))==null?void 0:l.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:a,closeButton:s}},this.selectors)}}class V extends p.BasePO{constructor(){super(...arguments);b(this,"selectors",{item:".accordion-item",bodyContainer:".accordion-collapse",body:".accordion-body",header:".accordion-header",buttons:".accordion-button"})}getComponentSelector(){return".au-accordion"}get locatorAccordionItems(){return this.locatorRoot.locator(this.selectors.item)}locatorAccordionItem(t){return this.locatorRoot.locator(this.selectors.item).nth(t)}get locatorAccordionCBodyContainers(){return this.locatorAccordionItems.locator(this.selectors.bodyContainer)}locatorAccordionBodyContainer(t){return this.locatorAccordionItem(t).locator(this.selectors.bodyContainer)}get locatorAccordionBodies(){return this.locatorAccordionCBodyContainers.locator(this.selectors.body)}locatorAccordionBody(t){return this.locatorAccordionBodyContainer(t).locator(this.selectors.body)}get locatorAccordionHeaders(){return this.locatorAccordionItems.locator(this.selectors.header)}locatorAccordionHeader(t){return this.locatorAccordionItem(t).locator(this.selectors.header)}get locatorAccordionButtons(){return this.locatorAccordionHeaders.locator(this.selectors.buttons)}locatorAccordionButton(t){return this.locatorAccordionHeader(t).locator(this.selectors.buttons)}async state(){return await this.locatorRoot.evaluate(t=>{const e=[...t.querySelectorAll(".accordion-item")],a=[];for(const s of e){const r=s.querySelector(".accordion-collapse"),o=s.querySelector(".accordion-button");a.push({classes:s.className.trim().split(" "),id:s.id,isInDOM:r!==null,bodyContainerId:r==null?void 0:r.id,buttonId:o==null?void 0:o.id,expanded:o==null?void 0:o.getAttribute("aria-expanded"),disabled:o==null?void 0:o.getAttribute("aria-disabled"),labeledBy:r==null?void 0:r.getAttribute("aria-labelledby"),buttonControls:o==null?void 0:o.getAttribute("aria-controls")})}return{rootClasses:t.className.trim().split(" "),items:a}})}}const B={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class E extends p.BasePO{constructor(){super(...arguments);b(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 s,r,o,l,i,u;const e=t.querySelector(".progress-bar"),a=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:(s=e==null?void 0:e.textContent)==null?void 0:s.trim(),innerClasses:((l=(o=(r=e==null?void 0:e.className)==null?void 0:r.trim())==null?void 0:o.split(" "))==null?void 0:l.sort())??[],outerHeight:(i=a==null?void 0:a.style)==null?void 0:i.height,innerWidth:(u=e==null?void 0:e.style)==null?void 0:u.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",valueLabel:".au-slider-label-now",progress:".au-slider-progress"};class D extends p.BasePO{constructor(){super(...arguments);b(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)}get locatorProgress(){return this.locatorRoot.locator(this.selectors.progress)}get locatorValueLabel(){return this.locatorRoot.locator(this.selectors.valueLabel)}async sliderHandleState(){return this.locatorRoot.locator(this.selectors.handle).evaluateAll(t=>t.map(e=>({style:e.getAttribute("style"),value:e.getAttribute("aria-valuenow"),min:e.getAttribute("aria-valuemin"),max:e.getAttribute("aria-valuemax"),disabled:e.getAttribute("aria-disabled"),readonly:e.getAttribute("aria-readonly"),ariaLabel:e.getAttribute("aria-label"),ariaValueText:e.getAttribute("aria-valuetext")})))}async sliderProgressState(){return this.locatorRoot.locator(this.selectors.progress).evaluateAll(t=>t.map(e=>e.getAttribute("style")))}}const q={rootComponent:".toast",closeButton:".btn-close",header:".toast-header",body:".toast-body"};class k extends p.BasePO{constructor(){super(...arguments);b(this,"selectors",structuredClone(q))}getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}async state(){return await this.locatorRoot.evaluate((t,e)=>{var o,l,i;const a=(o=t.querySelector(e.body))==null?void 0:o.innerText,s=(l=t.querySelector(e.header))==null?void 0:l.innerText,r=(i=t.querySelector(e.closeButton))==null?void 0:i.getAttribute("aria-label");return{rootClasses:t.className.trim().split(" ").sort(),body:a,header:s,closeButton:r}},this.selectors)}}exports.AccordionPO=V;exports.AlertPO=w;exports.ModalPO=H;exports.PaginationPO=T;exports.ProgressbarPO=E;exports.RatingPO=M;exports.SelectPO=I;exports.SliderPO=D;exports.ToastPO=k;exports.alertSelectors=f;exports.modalSelectors=A;exports.paginationSelectors=C;exports.progressbarSelectors=B;exports.ratingSelectors=P;exports.selectSelectors=v;exports.sliderSelectors=R;exports.toastSelectors=q;
|
package/dist/lib/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { BasePO as
|
|
5
|
-
const
|
|
1
|
+
var C = Object.defineProperty;
|
|
2
|
+
var S = (n, c, t) => c in n ? C(n, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[c] = t;
|
|
3
|
+
var b = (n, c, t) => (S(n, typeof c != "symbol" ? c + "" : c, t), t);
|
|
4
|
+
import { BasePO as p } from "@agnos-ui/base-po";
|
|
5
|
+
const v = {
|
|
6
6
|
// TODO: should we use bootstrap-independent classes starting with au- ?
|
|
7
7
|
rootComponent: ".modal",
|
|
8
8
|
closeButton: ".btn-close",
|
|
@@ -12,10 +12,10 @@ const C = {
|
|
|
12
12
|
body: ".modal-body",
|
|
13
13
|
footer: ".modal-footer"
|
|
14
14
|
};
|
|
15
|
-
class
|
|
15
|
+
class w extends p {
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
|
-
|
|
18
|
+
b(this, "selectors", structuredClone(v));
|
|
19
19
|
}
|
|
20
20
|
getComponentSelector() {
|
|
21
21
|
return this.selectors.rootComponent;
|
|
@@ -38,8 +38,22 @@ class H extends n {
|
|
|
38
38
|
get locatorBackdrop() {
|
|
39
39
|
return this.locatorRoot.locator(this.selectors.backdrop);
|
|
40
40
|
}
|
|
41
|
+
async state() {
|
|
42
|
+
return this.locatorRoot.evaluate(async (t, e) => {
|
|
43
|
+
var i, u, m, g, h, d, y, x, A;
|
|
44
|
+
const a = (i = t.querySelector(e.closeButton)) == null ? void 0 : i.getAttribute("aria-label"), s = (m = (u = t.querySelector(e.header)) == null ? void 0 : u.innerText) == null ? void 0 : m.trim(), r = (h = (g = t.querySelector(e.title)) == null ? void 0 : g.innerText) == null ? void 0 : h.trim(), o = (y = (d = t.querySelector(e.body)) == null ? void 0 : d.innerText) == null ? void 0 : y.trim(), l = (A = (x = t.querySelector(e.footer)) == null ? void 0 : x.innerText) == null ? void 0 : A.trim();
|
|
45
|
+
return {
|
|
46
|
+
rootClasses: t.className.trim().split(" ").sort(),
|
|
47
|
+
header: s,
|
|
48
|
+
title: r,
|
|
49
|
+
body: o,
|
|
50
|
+
footer: l,
|
|
51
|
+
closeButton: a
|
|
52
|
+
};
|
|
53
|
+
}, this.selectors);
|
|
54
|
+
}
|
|
41
55
|
}
|
|
42
|
-
const
|
|
56
|
+
const f = {
|
|
43
57
|
rootComponent: ".au-pagination",
|
|
44
58
|
activePage: ".active",
|
|
45
59
|
previousPage: ".au-previous",
|
|
@@ -49,10 +63,10 @@ const y = {
|
|
|
49
63
|
pages: ".au-page",
|
|
50
64
|
ellipses: ".au-ellipsis"
|
|
51
65
|
};
|
|
52
|
-
class
|
|
66
|
+
class M extends p {
|
|
53
67
|
constructor() {
|
|
54
68
|
super(...arguments);
|
|
55
|
-
|
|
69
|
+
b(this, "selectors", structuredClone(f));
|
|
56
70
|
}
|
|
57
71
|
// TODO should we add this in the list of selector ?
|
|
58
72
|
// Depend on the setSelectors usage...
|
|
@@ -112,15 +126,25 @@ class I extends n {
|
|
|
112
126
|
get locatorEllipses() {
|
|
113
127
|
return this.locatorRoot.locator(this.selectors.ellipses);
|
|
114
128
|
}
|
|
129
|
+
async state() {
|
|
130
|
+
return this.locatorRoot.evaluate((t) => {
|
|
131
|
+
const e = { rootClasses: [], disabled: null, pages: [], hrefs: [] }, a = [...t.querySelectorAll(".au-page")], s = [], r = [], o = {}, l = (d) => d == null ? void 0 : d.getAttribute("href"), i = t.querySelector("a.au-first"), u = t.querySelector("a.au-previous"), m = t.querySelector("a.au-next"), g = t.querySelector("a.au-last");
|
|
132
|
+
i && (o.first = l(i)), u && (o.previous = l(u)), m && (o.next = l(m)), g && (o.last = l(g));
|
|
133
|
+
for (const d of a)
|
|
134
|
+
r.push(d.getAttribute("href") || ""), s.push((d.textContent || "").trim());
|
|
135
|
+
const h = [...t.querySelectorAll("a.au-page[aria-disabled]")];
|
|
136
|
+
return e.pages = s, e.hrefs = r, e.hrefsNavigation = o, e.rootClasses = t.className.trim().split(" "), e.disabled = h.length === a.length ? "true" : null, t.querySelector("a.au-previous[aria-disabled]") ? e.isPreviousDisabled = !0 : u && (e.isPreviousDisabled = !1), t.querySelector("a.au-next[aria-disabled]") ? e.isNextDisabled = !0 : m && (e.isNextDisabled = !1), t.querySelector("a.au-first[aria-disabled]") ? e.isFirstDisabled = !0 : i && (e.isFirstDisabled = !1), t.querySelector("a.au-last[aria-disabled]") ? e.isLastDisabled = !0 : g && (e.isLastDisabled = !1), e;
|
|
137
|
+
});
|
|
138
|
+
}
|
|
115
139
|
}
|
|
116
|
-
const
|
|
140
|
+
const R = {
|
|
117
141
|
rootComponent: ".au-rating",
|
|
118
142
|
star: ".au-rating-star"
|
|
119
143
|
};
|
|
120
|
-
class
|
|
144
|
+
class O extends p {
|
|
121
145
|
constructor() {
|
|
122
146
|
super(...arguments);
|
|
123
|
-
|
|
147
|
+
b(this, "selectors", structuredClone(R));
|
|
124
148
|
}
|
|
125
149
|
getComponentSelector() {
|
|
126
150
|
return this.selectors.rootComponent;
|
|
@@ -131,35 +155,33 @@ class M extends n {
|
|
|
131
155
|
locatorStar(t) {
|
|
132
156
|
return this.locatorRoot.locator(this.selectors.star).nth(t);
|
|
133
157
|
}
|
|
134
|
-
// TODO to be pushed to the test itself
|
|
135
|
-
// We already discuss with Guillaume Saas not to put this in the basic PO which should only return locator basically
|
|
136
158
|
async state() {
|
|
137
159
|
return await this.locatorRoot.evaluate((t, e) => {
|
|
138
|
-
const
|
|
139
|
-
for (const o of
|
|
140
|
-
|
|
160
|
+
const a = [...t.querySelectorAll(e.star)], s = [], r = [];
|
|
161
|
+
for (const o of a)
|
|
162
|
+
s.push((o.textContent || "").trim()), r.push(o.className.split(" "));
|
|
141
163
|
return {
|
|
142
|
-
rootClasses: t.className.trim().split(" "),
|
|
164
|
+
rootClasses: t.className.trim().split(" ").sort(),
|
|
143
165
|
value: t.getAttribute("aria-valuenow"),
|
|
144
166
|
min: t.getAttribute("aria-valuemin"),
|
|
145
167
|
max: t.getAttribute("aria-valuemax"),
|
|
146
168
|
text: t.getAttribute("aria-valuetext"),
|
|
147
169
|
disabled: t.getAttribute("aria-disabled"),
|
|
148
170
|
readonly: t.getAttribute("aria-readonly"),
|
|
149
|
-
stars:
|
|
171
|
+
stars: s,
|
|
150
172
|
classes: r
|
|
151
173
|
};
|
|
152
174
|
}, this.selectors);
|
|
153
175
|
}
|
|
154
176
|
}
|
|
155
|
-
const
|
|
177
|
+
const B = {
|
|
156
178
|
rootComponent: ".au-select"
|
|
157
179
|
// TODO add selector list
|
|
158
180
|
};
|
|
159
|
-
class
|
|
181
|
+
class V extends p {
|
|
160
182
|
constructor() {
|
|
161
183
|
super(...arguments);
|
|
162
|
-
|
|
184
|
+
b(this, "selectors", structuredClone(B));
|
|
163
185
|
}
|
|
164
186
|
getComponentSelector() {
|
|
165
187
|
return this.selectors.rootComponent;
|
|
@@ -202,39 +224,40 @@ class w extends n {
|
|
|
202
224
|
}
|
|
203
225
|
async state() {
|
|
204
226
|
return await this.locatorRoot.evaluate((t) => {
|
|
205
|
-
var
|
|
206
|
-
const e = t.querySelector('div[role="combobox"]'),
|
|
227
|
+
var u, m;
|
|
228
|
+
const e = t.querySelector('div[role="combobox"]'), a = t.querySelector('input[type="text"]'), s = [];
|
|
207
229
|
if (e) {
|
|
208
|
-
const
|
|
209
|
-
for (const
|
|
210
|
-
|
|
230
|
+
const g = e.querySelectorAll("div.au-select-badge");
|
|
231
|
+
for (const h of g)
|
|
232
|
+
s.push((u = h == null ? void 0 : h.textContent) == null ? void 0 : u.trim());
|
|
211
233
|
}
|
|
212
|
-
const r = t.querySelector("ul.dropdown-menu"), o = r != null,
|
|
234
|
+
const r = t.querySelector("ul.dropdown-menu"), o = r != null, l = [], i = [];
|
|
213
235
|
if (r != null) {
|
|
214
|
-
const
|
|
215
|
-
for (const
|
|
216
|
-
const
|
|
217
|
-
|
|
236
|
+
const g = r.querySelectorAll("li.dropdown-item");
|
|
237
|
+
for (const h of g) {
|
|
238
|
+
const d = (m = h.textContent) == null ? void 0 : m.trim();
|
|
239
|
+
l.push(d), h.classList.contains("selected") && i.push(d);
|
|
218
240
|
}
|
|
219
241
|
}
|
|
220
242
|
return {
|
|
221
|
-
text:
|
|
222
|
-
badges:
|
|
243
|
+
text: a.value,
|
|
244
|
+
badges: s,
|
|
223
245
|
isOpen: o,
|
|
224
|
-
list:
|
|
225
|
-
checked:
|
|
246
|
+
list: l,
|
|
247
|
+
checked: i
|
|
226
248
|
};
|
|
227
249
|
});
|
|
228
250
|
}
|
|
229
251
|
}
|
|
230
|
-
const
|
|
252
|
+
const q = {
|
|
231
253
|
rootComponent: ".alert",
|
|
254
|
+
body: ".alert-body",
|
|
232
255
|
closeButton: ".btn-close"
|
|
233
256
|
};
|
|
234
|
-
class
|
|
257
|
+
class E extends p {
|
|
235
258
|
constructor() {
|
|
236
259
|
super(...arguments);
|
|
237
|
-
|
|
260
|
+
b(this, "selectors", structuredClone(q));
|
|
238
261
|
}
|
|
239
262
|
getComponentSelector() {
|
|
240
263
|
return this.selectors.rootComponent;
|
|
@@ -242,49 +265,60 @@ class O extends n {
|
|
|
242
265
|
get locatorCloseButton() {
|
|
243
266
|
return this.locatorRoot.locator(this.selectors.closeButton);
|
|
244
267
|
}
|
|
268
|
+
async state() {
|
|
269
|
+
return this.locatorRoot.evaluate((t, e) => {
|
|
270
|
+
var r, o, l;
|
|
271
|
+
const a = (o = (r = t.querySelector(e.body)) == null ? void 0 : r.innerText) == null ? void 0 : o.replace(/[^\x20-\x7E]/g, ""), s = (l = t.querySelector(e.closeButton)) == null ? void 0 : l.getAttribute("aria-label");
|
|
272
|
+
return {
|
|
273
|
+
rootClasses: t.className.trim().split(" ").sort(),
|
|
274
|
+
body: a,
|
|
275
|
+
closeButton: s
|
|
276
|
+
};
|
|
277
|
+
}, this.selectors);
|
|
278
|
+
}
|
|
245
279
|
}
|
|
246
|
-
class
|
|
280
|
+
class D extends p {
|
|
247
281
|
constructor() {
|
|
248
282
|
super(...arguments);
|
|
249
|
-
|
|
283
|
+
b(this, "selectors", {
|
|
250
284
|
item: ".accordion-item",
|
|
251
|
-
|
|
285
|
+
bodyContainer: ".accordion-collapse",
|
|
252
286
|
body: ".accordion-body",
|
|
253
287
|
header: ".accordion-header",
|
|
254
288
|
buttons: ".accordion-button"
|
|
255
289
|
});
|
|
256
290
|
}
|
|
257
291
|
getComponentSelector() {
|
|
258
|
-
return ".accordion";
|
|
292
|
+
return ".au-accordion";
|
|
259
293
|
}
|
|
260
294
|
/**
|
|
261
|
-
* Gets the locators of the items containing the header and the
|
|
295
|
+
* Gets the locators of the items containing the header and the body-container inside
|
|
262
296
|
* the accordion
|
|
263
297
|
*/
|
|
264
298
|
get locatorAccordionItems() {
|
|
265
299
|
return this.locatorRoot.locator(this.selectors.item);
|
|
266
300
|
}
|
|
267
301
|
/**
|
|
268
|
-
* Gets the locators of the item specified by the itemIndex containing the header and the
|
|
302
|
+
* Gets the locators of the item specified by the itemIndex containing the header and the body-container inside
|
|
269
303
|
* the accordion
|
|
270
304
|
*/
|
|
271
305
|
locatorAccordionItem(t) {
|
|
272
306
|
return this.locatorRoot.locator(this.selectors.item).nth(t);
|
|
273
307
|
}
|
|
274
|
-
get
|
|
275
|
-
return this.locatorAccordionItems.locator(this.selectors.
|
|
308
|
+
get locatorAccordionCBodyContainers() {
|
|
309
|
+
return this.locatorAccordionItems.locator(this.selectors.bodyContainer);
|
|
276
310
|
}
|
|
277
|
-
|
|
278
|
-
return this.locatorAccordionItem(t).locator(this.selectors.
|
|
311
|
+
locatorAccordionBodyContainer(t) {
|
|
312
|
+
return this.locatorAccordionItem(t).locator(this.selectors.bodyContainer);
|
|
279
313
|
}
|
|
280
314
|
/**
|
|
281
315
|
* Gets the locator of the bodies of the accordion.
|
|
282
316
|
*/
|
|
283
317
|
get locatorAccordionBodies() {
|
|
284
|
-
return this.
|
|
318
|
+
return this.locatorAccordionCBodyContainers.locator(this.selectors.body);
|
|
285
319
|
}
|
|
286
320
|
locatorAccordionBody(t) {
|
|
287
|
-
return this.
|
|
321
|
+
return this.locatorAccordionBodyContainer(t).locator(this.selectors.body);
|
|
288
322
|
}
|
|
289
323
|
get locatorAccordionHeaders() {
|
|
290
324
|
return this.locatorAccordionItems.locator(this.selectors.header);
|
|
@@ -304,14 +338,14 @@ class q extends n {
|
|
|
304
338
|
}
|
|
305
339
|
async state() {
|
|
306
340
|
return await this.locatorRoot.evaluate((t) => {
|
|
307
|
-
const e = [...t.querySelectorAll(".accordion-item")],
|
|
308
|
-
for (const
|
|
309
|
-
const r =
|
|
310
|
-
|
|
311
|
-
classes:
|
|
312
|
-
id:
|
|
341
|
+
const e = [...t.querySelectorAll(".accordion-item")], a = [];
|
|
342
|
+
for (const s of e) {
|
|
343
|
+
const r = s.querySelector(".accordion-collapse"), o = s.querySelector(".accordion-button");
|
|
344
|
+
a.push({
|
|
345
|
+
classes: s.className.trim().split(" "),
|
|
346
|
+
id: s.id,
|
|
313
347
|
isInDOM: r !== null,
|
|
314
|
-
|
|
348
|
+
bodyContainerId: r == null ? void 0 : r.id,
|
|
315
349
|
buttonId: o == null ? void 0 : o.id,
|
|
316
350
|
expanded: o == null ? void 0 : o.getAttribute("aria-expanded"),
|
|
317
351
|
disabled: o == null ? void 0 : o.getAttribute("aria-disabled"),
|
|
@@ -319,7 +353,7 @@ class q extends n {
|
|
|
319
353
|
buttonControls: o == null ? void 0 : o.getAttribute("aria-controls")
|
|
320
354
|
});
|
|
321
355
|
}
|
|
322
|
-
return { rootClasses: t.className.trim().split(" "), items:
|
|
356
|
+
return { rootClasses: t.className.trim().split(" "), items: a };
|
|
323
357
|
});
|
|
324
358
|
}
|
|
325
359
|
}
|
|
@@ -328,10 +362,10 @@ const P = {
|
|
|
328
362
|
outerBar: ".progress",
|
|
329
363
|
innerBar: ".progress-bar"
|
|
330
364
|
};
|
|
331
|
-
class
|
|
365
|
+
class k extends p {
|
|
332
366
|
constructor() {
|
|
333
367
|
super(...arguments);
|
|
334
|
-
|
|
368
|
+
b(this, "selectors", structuredClone(P));
|
|
335
369
|
}
|
|
336
370
|
getComponentSelector() {
|
|
337
371
|
return this.selectors.rootComponent;
|
|
@@ -344,23 +378,23 @@ class V extends n {
|
|
|
344
378
|
}
|
|
345
379
|
async state() {
|
|
346
380
|
return this.locatorRoot.evaluate((t) => {
|
|
347
|
-
var
|
|
348
|
-
const e = t.querySelector(".progress-bar"),
|
|
381
|
+
var s, r, o, l, i, u;
|
|
382
|
+
const e = t.querySelector(".progress-bar"), a = t.querySelector(".progress");
|
|
349
383
|
return {
|
|
350
384
|
ariaLabel: t.getAttribute("aria-label"),
|
|
351
385
|
ariaValueNow: t.getAttribute("aria-valuenow"),
|
|
352
386
|
ariaValueMin: t.getAttribute("aria-valuemin"),
|
|
353
387
|
ariaValueMax: t.getAttribute("aria-valuemax"),
|
|
354
388
|
ariaValueText: t.getAttribute("aria-valuetext"),
|
|
355
|
-
label: (
|
|
356
|
-
innerClasses: ((
|
|
357
|
-
outerHeight: (
|
|
358
|
-
innerWidth: (
|
|
389
|
+
label: (s = e == null ? void 0 : e.textContent) == null ? void 0 : s.trim(),
|
|
390
|
+
innerClasses: ((l = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : l.sort()) ?? [],
|
|
391
|
+
outerHeight: (i = a == null ? void 0 : a.style) == null ? void 0 : i.height,
|
|
392
|
+
innerWidth: (u = e == null ? void 0 : e.style) == null ? void 0 : u.width
|
|
359
393
|
};
|
|
360
394
|
});
|
|
361
395
|
}
|
|
362
396
|
}
|
|
363
|
-
const
|
|
397
|
+
const L = {
|
|
364
398
|
rootComponent: ".au-slider",
|
|
365
399
|
clickableArea: ".au-slider-clickable-area",
|
|
366
400
|
handle: ".au-slider-handle",
|
|
@@ -371,10 +405,10 @@ const B = {
|
|
|
371
405
|
valueLabel: ".au-slider-label-now",
|
|
372
406
|
progress: ".au-slider-progress"
|
|
373
407
|
};
|
|
374
|
-
class
|
|
408
|
+
class z extends p {
|
|
375
409
|
constructor() {
|
|
376
410
|
super(...arguments);
|
|
377
|
-
|
|
411
|
+
b(this, "selectors", structuredClone(L));
|
|
378
412
|
}
|
|
379
413
|
getComponentSelector() {
|
|
380
414
|
return this.selectors.rootComponent;
|
|
@@ -406,30 +440,62 @@ class k extends n {
|
|
|
406
440
|
value: e.getAttribute("aria-valuenow"),
|
|
407
441
|
min: e.getAttribute("aria-valuemin"),
|
|
408
442
|
max: e.getAttribute("aria-valuemax"),
|
|
409
|
-
text: e.getAttribute("aria-valuetext"),
|
|
410
443
|
disabled: e.getAttribute("aria-disabled"),
|
|
411
444
|
readonly: e.getAttribute("aria-readonly"),
|
|
412
|
-
ariaLabel: e.getAttribute("aria-label")
|
|
445
|
+
ariaLabel: e.getAttribute("aria-label"),
|
|
446
|
+
ariaValueText: e.getAttribute("aria-valuetext")
|
|
413
447
|
})));
|
|
414
448
|
}
|
|
415
449
|
async sliderProgressState() {
|
|
416
450
|
return this.locatorRoot.locator(this.selectors.progress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
|
|
417
451
|
}
|
|
418
452
|
}
|
|
453
|
+
const H = {
|
|
454
|
+
rootComponent: ".toast",
|
|
455
|
+
closeButton: ".btn-close",
|
|
456
|
+
header: ".toast-header",
|
|
457
|
+
body: ".toast-body"
|
|
458
|
+
};
|
|
459
|
+
class F extends p {
|
|
460
|
+
constructor() {
|
|
461
|
+
super(...arguments);
|
|
462
|
+
b(this, "selectors", structuredClone(H));
|
|
463
|
+
}
|
|
464
|
+
getComponentSelector() {
|
|
465
|
+
return this.selectors.rootComponent;
|
|
466
|
+
}
|
|
467
|
+
get locatorCloseButton() {
|
|
468
|
+
return this.locatorRoot.locator(this.selectors.closeButton);
|
|
469
|
+
}
|
|
470
|
+
async state() {
|
|
471
|
+
return await this.locatorRoot.evaluate((t, e) => {
|
|
472
|
+
var o, l, i;
|
|
473
|
+
const a = (o = t.querySelector(e.body)) == null ? void 0 : o.innerText, s = (l = t.querySelector(e.header)) == null ? void 0 : l.innerText, r = (i = t.querySelector(e.closeButton)) == null ? void 0 : i.getAttribute("aria-label");
|
|
474
|
+
return {
|
|
475
|
+
rootClasses: t.className.trim().split(" ").sort(),
|
|
476
|
+
body: a,
|
|
477
|
+
header: s,
|
|
478
|
+
closeButton: r
|
|
479
|
+
};
|
|
480
|
+
}, this.selectors);
|
|
481
|
+
}
|
|
482
|
+
}
|
|
419
483
|
export {
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
484
|
+
D as AccordionPO,
|
|
485
|
+
E as AlertPO,
|
|
486
|
+
w as ModalPO,
|
|
487
|
+
M as PaginationPO,
|
|
488
|
+
k as ProgressbarPO,
|
|
489
|
+
O as RatingPO,
|
|
490
|
+
V as SelectPO,
|
|
491
|
+
z as SliderPO,
|
|
492
|
+
F as ToastPO,
|
|
493
|
+
q as alertSelectors,
|
|
494
|
+
v as modalSelectors,
|
|
495
|
+
f as paginationSelectors,
|
|
431
496
|
P as progressbarSelectors,
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
497
|
+
R as ratingSelectors,
|
|
498
|
+
B as selectSelectors,
|
|
499
|
+
L as sliderSelectors,
|
|
500
|
+
H as toastSelectors
|
|
435
501
|
};
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agnos-ui/page-objects",
|
|
3
3
|
"description": "Page objects to be used when testing AgnosUI-based applications with Playwright.",
|
|
4
|
+
"version": "0.3.0",
|
|
4
5
|
"keywords": [
|
|
5
|
-
"
|
|
6
|
-
"
|
|
6
|
+
"AgnosUI",
|
|
7
|
+
"components",
|
|
7
8
|
"e2e",
|
|
9
|
+
"page-object",
|
|
10
|
+
"playwright",
|
|
8
11
|
"testing",
|
|
9
|
-
"
|
|
10
|
-
"widgets",
|
|
11
|
-
"components"
|
|
12
|
+
"widgets"
|
|
12
13
|
],
|
|
13
14
|
"main": "dist/lib/index.js",
|
|
14
15
|
"module": "dist/lib/index.mjs",
|
|
@@ -39,7 +40,8 @@
|
|
|
39
40
|
"files": [
|
|
40
41
|
"lib/**",
|
|
41
42
|
"tsconfig.json",
|
|
42
|
-
"tsconfig.d.json"
|
|
43
|
+
"tsconfig.d.json",
|
|
44
|
+
"../tsconfig.json"
|
|
43
45
|
],
|
|
44
46
|
"output": [
|
|
45
47
|
"dist/dts/**"
|
|
@@ -55,7 +57,8 @@
|
|
|
55
57
|
"api-extractor.json",
|
|
56
58
|
"../api-extractor.json",
|
|
57
59
|
"tsconfig.json",
|
|
58
|
-
"tsconfig.d.json"
|
|
60
|
+
"tsconfig.d.json",
|
|
61
|
+
"../tsconfig.json"
|
|
59
62
|
],
|
|
60
63
|
"output": [
|
|
61
64
|
"dist/lib/index.d.ts"
|
|
@@ -63,7 +66,7 @@
|
|
|
63
66
|
}
|
|
64
67
|
},
|
|
65
68
|
"dependencies": {
|
|
66
|
-
"@agnos-ui/base-po": "0.
|
|
69
|
+
"@agnos-ui/base-po": "0.3.0"
|
|
67
70
|
},
|
|
68
71
|
"peerDependencies": {
|
|
69
72
|
"@playwright/test": "*"
|
|
@@ -75,8 +78,7 @@
|
|
|
75
78
|
"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
|
|
76
79
|
"repository": {
|
|
77
80
|
"type": "git",
|
|
78
|
-
"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
|
|
81
|
+
"url": "git+https://github.com/AmadeusITGroup/AgnosUI.git",
|
|
79
82
|
"directory": "page-objects"
|
|
80
|
-
}
|
|
81
|
-
"version": "0.1.1"
|
|
83
|
+
}
|
|
82
84
|
}
|