fix: stackblitz with css #269
Annotations
7 errors and 1 notice
|
e2e/samplesMarkup.e2e-spec.ts#L36
1) [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
|
|
e2e/samplesMarkup.e2e-spec.ts#L36
2) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › modal/playground should have a consistent markup
Error: Snapshot comparison failed:
<body
style="overflow: hidden;"
>
<div
id="root"
inert=""
>
<div
class="container p-3"
/>
</div>
<div
class="fade modal-backdrop show"
inert=""
/>
<div
class="d-block fade modal show"
>
<div
class="modal-dialog"
>
<div
class="modal-content"
>
<div
class="modal-header"
>
<h5
class="modal-title"
>
"Dialog"
</h5>
<button
aria-label="Close"
class="btn-close"
type="button"
/>
</div>
<div
class="modal-body"
>
"Dialog content"
</div>
</div>
</div>
</div>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/modal-playground.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-6af69-odal-playground-should-have-a-consistent-markup-react-webkit/modal-playground-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
|
|
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
|
|
e2e/select/select.e2e-spec.ts#L52
4) [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
|
|
e2e/select/select.e2e-spec.ts#L68
5) [react:webkit] › select/select.e2e-spec.ts:55:2 › Select tests › Close actions ────────────────
Error: expect(received).toEqual(expected) // deep equality
Expected: false
Received: true
66 |
67 | await page.locator('body').click({position: {x: 0, y: 0}});
> 68 | expect((await selectPO.state()).isOpen).toEqual(false);
| ^
69 | });
70 |
71 | test(`Config`, async ({page}) => {
at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:68:43
|
|
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
|
|
e2e/transition/transition.e2e-spec.ts#L160
7) [react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting disabled
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
|
|
7 flaky
[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 › modal/playground 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] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ──────────────────
[react:webkit] › select/select.e2e-spec.ts:55:2 › Select tests › Close actions ─────────────────
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting disabled
35 passed (1.5m)
|
The logs for this run have expired and are no longer available.
Loading