feat(accordion): demo examples #320
Triggered via pull request
September 13, 2023 12:32
ValentinNelu
Status
Success
Total duration
5m 22s
Artifacts
–
pr.yml
on: pull_request
build
/
build
4m 11s
Matrix: e2e-tests / e2e-tests
Annotations
9 errors and 10 notices
|
[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
|
|
[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 › transition/transition should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
2) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › transition/transition should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<h2>
"Transition example"
</h2>
<div
class="demo-transition mb-3"
>
<button
class="btn btn-outline-secondary"
id="toggle-component"
>
"Toggle component"
</button>
<div
class="transition-inner"
>
<p
class="mt-2"
>
"Transition:"
<button
class="active btn btn-outline-secondary btn-sm ms-2"
type="button"
>
"Vertical collapse"
</button>
<button
class="btn btn-outline-secondary btn-sm ms-2"
type="button"
>
"Horizontal collapse"
</button>
<button
class="btn btn-outline-secondary btn-sm ms-2"
type="button"
>
"Fade"
</button>
</p>
<label
class="form-check"
>
<input
checked="true"
class="form-check-input"
type="checkbox"
/>
"Animation"
</label>
<label
class="form-check"
>
<input
checked="false"
class="form-check-input"
type="checkbox"
/>
"Animation on init"
</label>
<label
class="form-check"
>
<input
checked="true"
class="form-check-input"
type="checkbox"
/>
"Remove from DOM"
</label>
<label
class="form-check mb-2"
>
<input
checked="true"
class="form-check-input"
type="checkbox"
/>
"Visible"
</label>
<button
class="btn btn-outline-primary"
type="button"
>
"Toggle"
</button>
<button
class="btn btn-outline-primary ms-2"
type="button"
>
"Toggle with animation"
</button>
<button
class="btn btn-outline-primary ms-2"
type="button"
>
"Toggle without animation"
</button>
<ul
class="mt-2"
>
<li>
"visible = true"
</li>
<li>
"transitioning = false"
</li>
<li>
"shown = trufalse"
</li>
<li>
"hidden = false"
</li>
</ul>
<div
class="collapse show"
style="max-width: 300px;"
>
<div
class="card"
style="width: 300px;"
>
<div
class="card-body"
>
"You can collapse this card by clicking Toggle"
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/transition-transition.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-fb8f1-tion-transition-should-have-a-consistent-markup-react-webkit/transition-transition-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`);
|
|
|
[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
3) [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#L87
4) [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": "other value",
+ "text": "initial value",
}
85 | expectedState.text = 'other value';
86 | await selectConfigPO.locatorFilterTextInput.fill(expectedState.text);
> 87 | expect(await selectPO.state()).toEqual(expectedState);
| ^
88 |
89 | expectedState.text = 'test';
90 | await selectPO.locatorInput.fill(expectedState.text);
at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:87:34
|
|
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init:
e2e/transition/transition.e2e-spec.ts#L160
5) [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] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features:
e2e/pagination/pagination.e2e-spec.ts#L98
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": 6,
+ "page": 1,
}
96 | });
97 | await paginationWithBoundariesPO.locatorLastButton.click();
> 98 | expect(await paginationDemoPO.defaultPaginationDemoState()).toEqual({page: 6});
| ^
99 | expect(await paginationState(paginationWithBoundariesPO)).toEqual({
100 | ...initState,
101 | isFirstDisabled: false,
at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:98:63
|
|
[react:webkit] › accordion/accordion.e2e-spec.ts:9:6 › Accordion tests › Default accordion behaviour:
e2e/accordion/accordion.e2e-spec.ts#L52
1) [react:webkit] › accordion/accordion.e2e-spec.ts:9:6 › Accordion tests › Default accordion behaviour
Error: expect(received).toEqual(expected) // deep equality
- Expected - 15
+ Received + 15
@@ -1,45 +1,45 @@
Object {
"items": Array [
Object {
- "buttonControls": "undefined-collapse",
- "buttonId": "undefined-toggle",
+ "buttonControls": "accordion-item-0-collapse",
+ "buttonId": "accordion-item-0-toggle",
"classes": Array [
"accordion-item",
],
- "collapseId": "undefined-collapse",
+ "collapseId": "accordion-item-0-collapse",
"disabled": "false",
"expanded": "true",
- "id": undefined,
+ "id": "accordion-item-0",
"isInDOM": true,
- "labeledBy": "undefined-toggle",
+ "labeledBy": "accordion-item-0-toggle",
},
Object {
- "buttonControls": "undefined-collapse",
- "buttonId": "undefined-toggle",
+ "buttonControls": "accordion-item-1-collapse",
+ "buttonId": "accordion-item-1-toggle",
"classes": Array [
"accordion-item",
],
- "collapseId": "undefined-collapse",
+ "collapseId": "accordion-item-1-collapse",
"disabled": "false",
"expanded": "false",
- "id": undefined,
+ "id": "accordion-item-1",
"isInDOM": true,
- "labeledBy": "undefined-toggle",
+ "labeledBy": "accordion-item-1-toggle",
},
Object {
- "buttonControls": "undefined-collapse",
- "buttonId": "undefined-toggle",
+ "buttonControls": "accordion-item-2-collapse",
+ "buttonId": "accordion-item-2-toggle",
"classes": Array [
"accordion-item",
],
- "collapseId": "undefined-collapse",
+ "collapseId": "accordion-item-2-collapse",
"disabled": "true",
"expanded": "false",
- "id": undefined,
+ "id": "accordion-item-2",
"isInDOM": true,
- "labeledBy": "undefined-toggle",
+ "labeledBy": "accordion-item-2-toggle",
},
],
"rootClasses": Array [
"accordion",
],
50 | rootClasses: ['accordion'],
51 | };
> 52 | expect(await accordionPO.state()).toEqual(expectedState);
| ^
53 | //We are using the 'header' since if we would use the 'buttons' wouldn't be possible to click on the disabled one
54 | await accordionPO.locatorAccordionHeaders.nth(0).click();
55 | await accordionPO.locatorAccordionHeaders.nth(1).click();
at /home/runner/work/AgnosUI/AgnosUI/e2e/accordion/accordion.e2e-spec.ts:52:37
|
|
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features:
e2e/pagination/pagination.e2e-spec.ts#L98
2) [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": 6,
+ "page": 1,
}
96 | });
97 | await paginationWithBoundariesPO.locatorLastButton.click();
> 98 | expect(await paginationDemoPO.defaultPaginationDemoState()).toEqual({page: 6});
| ^
99 | expect(await paginationState(paginationWithBoundariesPO)).toEqual({
100 | ...initState,
101 | isFirstDisabled: false,
at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:98:63
|
|
🎭 Playwright Run Summary
46 passed (56.3s)
|
|
🎭 Playwright Run Summary
45 passed (45.5s)
|
|
🎭 Playwright Run Summary
44 passed (1.1m)
|
|
🎭 Playwright Run Summary
1 skipped
45 passed (59.1s)
|
|
🎭 Playwright Run Summary
45 passed (54.9s)
|
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ────────────────
1 skipped
43 passed (1.1m)
|
|
🎭 Playwright Run Summary
5 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 › transition/transition 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
40 passed (1.3m)
|
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features
1 skipped
44 passed (1.5m)
|
|
🎭 Playwright Run Summary
2 flaky
[react:webkit] › accordion/accordion.e2e-spec.ts:9:6 › Accordion tests › Default accordion behaviour
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ──
43 passed (1.5m)
|
|
🎭 Playwright Run Summary
46 passed (1.2m)
|