Add tabs to show multiple files for samples in the demo #99
divdavemci.yml
on: push
Matrix: e2e-tests / e2e-tests
build
/
build
3m 25s
Annotations
9 errors and 10 notices
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/customtemplate should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
1) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/customtemplate should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<div
aria-label="custom rating"
aria-valuemax="10"
aria-valuemin="0"
aria-valuenow="7"
aria-valuetext="7 out of 10"
class="au-rating d-inline-flex rating-custom"
role="slider"
tabindex="0"
>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="bad filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="bad filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="bad filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="filled star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="star-2"
>
"★"
</span>
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
<span
class="star-2"
>
"★"
</span>
</span>
</div>
</div>
</div/>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/rating-customtemplate.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-df692--customtemplate-should-have-a-consistent-markup-react-webkit/rating-customtemplate-actual.html
34
|
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/config should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
2) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/config should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<div
aria-label="Rating"
aria-valuemax="10"
aria-valuemin="0"
aria-valuenow="3"
aria-valuetext="3 out of 10"
class="au-rating d-inline-flex"
role="slider"
tabindex="0"
>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"★"
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"★"
</span>
<span
class="visually-hidden"
>
"(*)"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"★"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
<span
class="visually-hidden"
>
"( )"
</span>
<span
class="au-rating-star"
style="cursor: pointer;"
>
"☆"
</span>
</div>
<div
class="mt-3"
>
"Disabled:"
<div
class="btn-group mb-2"
id="btn-config-disabled"
>
<button
class="btn btn-outline-secondary btn-sm"
>
"true"
</button>
<button
class="active btn btn-outline-secondary btn-sm"
>
"false"
</button>
</div>
<br />
"maxRating:"
<div
class="btn-group mb-2"
id="btn-config-maxRating"
>
<button
class="btn btn-outline-secondary btn-sm"
>
"40"
</button>
<button
class="btn btn-outline-secondary btn-sm"
>
"30"
</button>
<button
class="btn btn-outline-secondary btn-sm"
>
"20"
</button>
<button
class="active btn btn-outline-secondary btn-sm"
>
"undefined"
</button>
</div>
<br />
"className:"
<div
class="btn-group mb-2"
id="btn-config-className"
|
|
[react:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states:
e2e/select/select.e2e-spec.ts#L52
3) [react: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] › transition/transition.e2e-spec.ts:67:4 › Transition tests › with default toggle button:
e2e/transition/transition.e2e-spec.ts#L72
4) [react:webkit] › transition/transition.e2e-spec.ts:67:4 › Transition tests › with default toggle button, removing DOM element › toggle with animation
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 1
@@ -5,10 +5,10 @@
"collapse",
"show",
],
"hidden": false,
"removeFromDOM": true,
- "shown": true,
+ "shown": false,
"transition": "verticalCollapse",
"transitioning": false,
"visible": true,
}
70 | const expectedState = defaultState();
71 | const button = await scenario.setup(po, expectedState, true);
> 72 | expect(await po.getState()).toEqual(expectedState);
| ^
73 |
74 | if (!scenario.removingDomElement) {
75 | await po.locatorRemoveFromDOMCheckbox.click();
at /home/runner/work/AgnosUI/AgnosUI/e2e/transition/transition.e2e-spec.ts:72:33
|
|
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init:
e2e/transition/transition.e2e-spec.ts#L142
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
@@ -5,10 +5,10 @@
"collapse",
"show",
],
"hidden": false,
"removeFromDOM": true,
- "shown": true,
+ "shown": false,
"transition": "verticalCollapse",
"transitioning": false,
"visible": true,
}
140 | await po.waitLoaded();
141 | const expectedState = defaultState();
> 142 | expect(await po.getState()).toEqual(expectedState);
| ^
143 |
144 | if (!animationEnabled) {
145 | await disableAnimationSetting(po, expectedState);
at /home/runner/work/AgnosUI/AgnosUI/e2e/transition/transition.e2e-spec.ts:142:32
|
|
[angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features:
e2e/pagination/pagination.e2e-spec.ts#L119
1) [angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features
Error: expect(received).toEqual(expected) // deep equality
- Expected - 2
+ Received + 2
@@ -4,12 +4,12 @@
"isPreviousDisabled": false,
"pages": Array [
"A",
"B",
"C",
- "D",
- "E(current)",
+ "D(current)",
+ "E",
"F",
],
"rootClasses": Array [
"au-pagination",
"pagination",
117 | await paginationPO2.locatorNextButton.click();
118 | expectedState.pages = ['A', 'B', 'C', 'D', 'E(current)', 'F'];
> 119 | expect(await paginationState(paginationPO1)).toEqual(expectedState);
| ^
120 | });
121 | });
122 |
at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:119:48
|
|
[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] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features:
e2e/pagination/pagination.e2e-spec.ts#L119
2) [react:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features ─
Error: expect(received).toEqual(expected) // deep equality
- Expected - 2
+ Received + 2
@@ -4,12 +4,12 @@
"isPreviousDisabled": false,
"pages": Array [
"A",
"B",
"C",
- "D",
- "E(current)",
+ "D(current)",
+ "E",
"F",
],
"rootClasses": Array [
"au-pagination",
"pagination",
117 | await paginationPO2.locatorNextButton.click();
118 | expectedState.pages = ['A', 'B', 'C', 'D', 'E(current)', 'F'];
> 119 | expect(await paginationState(paginationPO1)).toEqual(expectedState);
| ^
120 | });
121 | });
122 |
at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:119:48
|
|
[react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config:
e2e/rating/rating.e2e-spec.ts#L207
3) [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",
}
205 | stars: createArray(20, '*'),
206 | };
> 207 | expect(await ratingPO.state()).toEqual(expectedState);
| ^
208 |
209 | await ratingDemoPO.locatorBtnConfigSlotStar('custom').click();
210 | expectedState = {
at /home/runner/work/AgnosUI/AgnosUI/e2e/rating/rating.e2e-spec.ts:207:34
|
|
🎭 Playwright Run Summary
1 skipped
42 passed (58.3s)
|
|
🎭 Playwright Run Summary
42 passed (1.2m)
|
|
🎭 Playwright Run Summary
42 passed (1.3m)
|
|
🎭 Playwright Run Summary
1 skipped
42 passed (58.8s)
|
|
🎭 Playwright Run Summary
43 passed (58.7s)
|
|
🎭 Playwright Run Summary
5 flaky
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/customtemplate should have a consistent markup
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/config should have a consistent markup
[react:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ──────────────────
[react:webkit] › transition/transition.e2e-spec.ts:67:4 › Transition tests › with default toggle button, removing DOM element › toggle with animation
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled
37 passed (1.4m)
|
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features
1 skipped
41 passed (1.3m)
|
|
🎭 Playwright Run Summary
42 passed (50.4s)
|
|
🎭 Playwright Run Summary
43 passed (50.1s)
|
|
🎭 Playwright Run Summary
3 flaky
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ──
[react:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features ──
[react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ───────────────────────
40 passed (1.5m)
|