fix(deps): fixing issue with dependencies #129
ci.yml
on: push
Matrix: e2e-tests / e2e-tests
build
/
build
4m 36s
Annotations
10 errors and 10 notices
[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 = true"
</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 › rating/default should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
3) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/default 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>
"Current rate:"
<span
id="defaultRating"
>
"3"
</span>
<br />
"Hovered:"
<span
id="defaultHovered"
>
"0"
</span>
<br />
"Left:"
<span
id="defaultLeft"
>
"0"
</span>
</div>
</div>
</div/>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/rating-default.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-60c72--rating-default-should-have-a-consistent-markup-react-webkit/rating-default-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] › transition/transition.e2e-spec.ts:67:4 › Transition tests › with default toggle button:
e2e/transition/transition.e2e-spec.ts#L72
5) [react:webkit] › transition/transition.e2e-spec.ts:67:4 › Transition tests › with default toggle button, hiding 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#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
|
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features:
e2e/pagination/pagination.e2e-spec.ts#L98
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": 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
|
[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
|
[angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features:
e2e/pagination/pagination.e2e-spec.ts#L119
2) [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
|
[svelte:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states:
e2e/select/select.e2e-spec.ts#L52
1) [svelte: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
|
🎭 Playwright Run Summary
1 skipped
51 passed (1.0m)
|
🎭 Playwright Run Summary
52 passed (1.1m)
|
🎭 Playwright Run Summary
1 skipped
50 passed (1.2m)
|
🎭 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 › transition/transition should have a consistent markup
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/default 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] › transition/transition.e2e-spec.ts:67:4 › Transition tests › with default toggle button, hiding DOM element › toggle with animation
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled
45 passed (1.4m)
|
🎭 Playwright Run Summary
51 passed (58.4s)
|
🎭 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
2 flaky
[angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features
[angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features
1 skipped
48 passed (1.5m)
|
🎭 Playwright Run Summary
51 passed (55.2s)
|
🎭 Playwright Run Summary
52 passed (1.3m)
|
🎭 Playwright Run Summary
1 flaky
[svelte:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ─────────────────
49 passed (1.5m)
|