feat: addition of progressbar widget (#109) #126
ci.yml
on: push
Matrix: e2e-tests / e2e-tests
build
/
build
4m 30s
Annotations
9 errors and 10 notices
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features:
e2e/pagination/pagination.e2e-spec.ts#L89
1) [react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ─
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 1
Object {
- "page": 1,
+ "page": 4,
}
87 | const paginationWithBoundariesPO = new PaginationPO(page, 2);
88 | await paginationWithBoundariesPO.locatorFirstButton.click();
> 89 | expect(await paginationDemoPO.defaultPaginationDemoState()).toEqual({page: 1});
| ^
90 | expect(await paginationState(paginationWithBoundariesPO)).toEqual({
91 | ...initState,
92 | isFirstDisabled: true,
at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:89:63
|
[react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config:
e2e/rating/rating.e2e-spec.ts#L214
1) [react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ──────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 20
+ Received + 20
@@ -68,29 +68,29 @@
"rootClasses": Array [
"d-inline-flex",
"au-rating",
],
"stars": Array [
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
- "♥♥",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
+ "*",
],
"text": "3 out of 20",
"value": "3",
}
212 | stars: createArray(20, '♥♥'),
213 | };
> 214 | expect(await ratingPO.state()).toEqual(expectedState);
| ^
215 |
216 | await ratingDemoPO.locatorBtnConfigClassName('fs-1').click();
217 | expectedState = {
at /home/runner/work/AgnosUI/AgnosUI/e2e/rating/rating.e2e-spec.ts:214:34
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › select/select should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
2) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › select/select should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<h2>
"Multiselect example"
</h2>
<div
class="mb-3"
>
<label
class="form-label"
>
"Multiselect"
</label>
<div
class="au-select d-block dropdown input-group input-group-sm mb-3"
>
<div
aria-expanded="true"
aria-haspopup="listbox"
class="input-group"
role="combobox"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class="form-control"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="demo-select-config"
>
<strong>
"Default config"
</strong>
<br />
<label>
"Default filterText:"
<input
class="form-control"
type="text"
value=""
/>
</label>
<br />
<button
class="btn btn-outline-secondary mt-3"
type="button"
>
"Reset widget filterText"
</button>
</div>
</div>
</div/>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/select-select.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-022bc-k-select-select-should-have-a-consistent-markup-react-webkit/select-select-actual.html
34 | await routesExtraAction[route]?.(page);
35 | await page.waitForSelector('.fade', {state: 'detached'}); // wait for fade transitions to be finished
> 36 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${route}.html`);
| ^
37 | });
38 | }
39 | });
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts:36:53
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › focustrack/focustrack should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
3) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › focustrack/focustrack should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<div
class="demo-focustrack"
>
<div
class="border my-2 p-2"
>
<h5>
"Container"
</h5>
<input
class="form-control"
id="focusableInput"
placeholder="Focusable input"
type="text"
value=""
/>
<br />
<input
class="form-control"
id="otherFocusableInput"
placeholder="Other focusable input"
type="text"
value=""
/>
</div>
<input
class="form-control"
disabled=""
id="disabledInput"
placeholder="Disabled input"
type="text"
value=""
/>
<br />
<div
class="form-check mb-2"
>
<input
checked="false"
class="form-check-input"
disabled=""
id="containerHasFocus"
type="checkbox"
/>
<label
class="form-check-label"
for="containerHasFocus"
>
"Focus in container"
</label>
</div>
<label
class="form-label"
for="activeElement"
>
"Active element history:"
</label>
<textarea
class="form-control mb-2"
id="activeElementHistory"
readonly=""
>
"[{\"tagName\":\"body\"}]"
</textarea>
<button
class="btn btn-primary"
>
"Clear"
</button>
</div>
</div>
</div>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/focustrack-focustrack.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-0f4be-rack-focustrack-should-have-a-consistent-markup-react-webkit/focustrack-focustrack-actual.html
34 | await routesExtraAction[route]?.(page);
35 | await page.waitForSelector('.fade', {state: 'detached'}); // wait for fade transitions to be finished
> 36 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${route}.html`);
| ^
37 | });
38 | }
39 | });
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts:36:53
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › accordion/customheaders should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
4) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › accordion/customheaders should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<div
class="accordion"
>
<div
class="accordion-item"
id="rewritten-id-1"
>
<div
aria-level="2"
class="accordion-button accordion-header collapsed custom-header justify-content-between"
role="heading"
>
<p
class="m-0"
>
"First panel - collapsed"
</p>
<button
aria-controls="rewritten-id-2"
aria-disabled="false"
aria-expanded="false"
class="btn btn-link collapsed p-0"
id="rewritten-id-3"
type="button"
>
"Toggle first"
</button>
</div>
<div
aria-labelledby="rewritten-id-3"
class="accordion-collapse collapse"
id="rewritten-id-2"
>
<div
class="accordion-body"
>
"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS."
</div>
</div>
</div>
<div
class="accordion-item"
id="rewritten-id-4"
>
<div
aria-level="2"
class="accordion-button accordion-header collapsed custom-header justify-content-between"
role="heading"
>
<p
class="m-0"
>
"Second panel"
</p>
<div>
<button
aria-controls="rewritten-id-5"
aria-disabled="false"
aria-expanded="false"
class="btn btn-outline-primary btn-sm collapsed me-2"
id="rewritten-id-6"
type="button"
>
"Toggle second"
</button>
<button
class="btn btn-outline-secondary btn-sm me-2"
type="button"
>
"Disable third"
</button>
<button
class="btn btn-outline-danger btn-sm me-2"
type="button"
>
"Collapse all"
</button>
</div>
</div>
<div
aria-labelledby="rewritten-id-6"
class="accordion-collapse collapse"
id="rewritten-id-5"
>
<div
class="accordion-body"
>
"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS."
</div>
</div>
</div>
<div
class="accordion-item"
id="rewritten-id-7"
>
<div
aria-level="2"
|
[react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config:
e2e/select/select.e2e-spec.ts#L99
5) [react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config ───────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 1
Object {
"badges": Array [],
"isOpen": false,
"list": Array [],
- "text": "next value",
+ "text": "test",
}
97 | expectedState.text = 'next value';
98 | await selectConfigPO.locatorResetFilterTextButton.click();
> 99 | expect(await selectPO.state()).toEqual(expectedState);
| ^
100 |
101 | expectedState.text = 'sync again';
102 | await selectPO.locatorInput.fill(expectedState.text);
at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:99:34
|
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init:
e2e/transition/transition.e2e-spec.ts#L160
6) [react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 1
@@ -6,8 +6,8 @@
],
"hidden": false,
"removeFromDOM": true,
"shown": false,
"transition": "verticalCollapse",
- "transitioning": true,
+ "transitioning": false,
"visible": true,
}
158 | expectedState.shown = false;
159 | expectedState.classes = ['collapsing'];
> 160 | expect(await po.getState()).toEqual(expectedState);
| ^
161 |
162 | await expect.poll(() => po.getState()).not.toEqual(expectedState);
163 | expectedState.transitioning = false;
at /home/runner/work/AgnosUI/AgnosUI/e2e/transition/transition.e2e-spec.ts:160:32
|
[angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states:
e2e/select/select.e2e-spec.ts#L52
1) [angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ───────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 2
+ Received + 18
@@ -3,9 +3,25 @@
Array [
"Action 1",
"x",
],
],
- "isOpen": false,
- "list": Array [],
+ "isOpen": true,
+ "list": Array [
+ Object {
+ "hasCheckBox": true,
+ "isChecked": true,
+ "text": "Action 1",
+ },
+ Object {
+ "hasCheckBox": true,
+ "isChecked": false,
+ "text": "Action 2",
+ },
+ Object {
+ "hasCheckBox": true,
+ "isChecked": false,
+ "text": "Action 3",
+ },
+ ],
"text": "a",
}
50 | list: [],
51 | });
> 52 | expect(await selectPO.state()).toEqual(expectedState);
| ^
53 | });
54 |
55 | test(`Close actions`, async ({page}) => {
at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:52:34
|
[angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features:
e2e/pagination/pagination.e2e-spec.ts#L89
1) [angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 1
Object {
- "page": 1,
+ "page": 4,
}
87 | const paginationWithBoundariesPO = new PaginationPO(page, 2);
88 | await paginationWithBoundariesPO.locatorFirstButton.click();
> 89 | expect(await paginationDemoPO.defaultPaginationDemoState()).toEqual({page: 1});
| ^
90 | expect(await paginationState(paginationWithBoundariesPO)).toEqual({
91 | ...initState,
92 | isFirstDisabled: true,
at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:89:63
|
🎭 Playwright Run Summary
51 passed (55.1s)
|
🎭 Playwright Run Summary
1 skipped
51 passed (1.1m)
|
🎭 Playwright Run Summary
1 flaky
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ──
50 passed (1.4m)
|
🎭 Playwright Run Summary
52 passed (1.3m)
|
🎭 Playwright Run Summary
51 passed (55.8s)
|
🎭 Playwright Run Summary
6 flaky
[react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ───────────────────────
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › select/select should have a consistent markup
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › focustrack/focustrack should have a consistent markup
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › accordion/customheaders should have a consistent markup
[react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config ────────────────────────
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled
45 passed (1.5m)
|
🎭 Playwright Run Summary
52 passed (1.4m)
|
🎭 Playwright Run Summary
50 passed (1.5m)
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ────────────────
1 skipped
49 passed (1.5m)
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features
1 skipped
49 passed (1.7m)
|