refactor(demo): transform sample source code at compile time (#129) #108
Annotations
5 errors and 1 notice
|
e2e/samplesMarkup.e2e-spec.ts#L36
1) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/form should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<label
class="form-label"
id="ratingLabel"
>
"Rating of your experience"
</label>
<br />
<div
aria-label="Rating"
aria-labelledby="ratingLabel"
aria-valuemax="10"
aria-valuemin="0"
aria-valuenow="0"
aria-valuetext="0 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="form-text small"
id="form-msg"
>
<div
class="text-danger"
>
"Please rate us"
</div>
</div>
<pre>
"Model:"
<span
id="form-model"
>
<b>
"0"
</b>
</span>
</pre>
<button
class="btn btn-outline-success btn-sm me-2"
id="form-btn-enable"
>
"control enabled"
</button>
<button
class="btn btn-outline-primary btn-sm me-2"
id="form-btn-clear"
>
"Clear"
</button>
</div>
</div/>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/rating-form.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-b9057-eck-rating-form-should-have-a-consistent-markup-react-webkit/rating-form-actual.html
34 | a
|
|
e2e/samplesMarkup.e2e-spec.ts#L36
2) [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/samplesMarkup.e2e-spec.ts#L36
3) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/config should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<button
class="btn btn-primary showAlert"
type="button"
>
"Show alert"
</button>
<br />
<br />
<div
class="d-flex flex-column"
>
<div
class="d-flex form-group"
>
<label
class="align-self-center me-3"
for="typeSelect"
>
"Alert type:"
</label>
<select
class="form-select w-auto"
id="typeSelect"
>
<option
value="success"
>
"success"
</option>
<option
value="info"
>
"info"
</option>
<option
value="warning"
>
"warning"
</option>
<option
value="danger"
>
"danger"
</option>
<option
value="primary"
>
"primary"
</option>
<option
value="secondary"
>
"secondary"
</option>
<option
value="light"
>
"light"
</option>
<option
value="dark"
>
"dark"
</option>
</select>
</div>
<label>
<input
checked="true"
class="form-check-input me-1"
type="checkbox"
/>
"Animation on init"
</label>
<label>
<input
checked="true"
class="form-check-input me-1"
type="checkbox"
/>
"Animation"
</label>
<label>
<input
checked="true"
class="dismissibleInput form-check-input me-1"
type="checkbox"
/>
"Dismissible"
</label>
</div>
<br />
<br />
<div
class="alert alert-success au-alert d-flex fade show w-100"
role="alert"
>
<div
class="alert-body"
>
<h4
class="alert-heading"
>
"Well done!"
</h4>
<p>
"Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content."
</p>
<hr />
<p
class="mb-0"
>
"Whenever you need to, be sure to use margin utilities to keep things nice and tidy."
</p>
</div>
<button
aria-label="Close"
class="btn-close ms-auto"
type="button"
/>
</div>
</div>
</div>
</body>
Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/alert-config.html
Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-95860-ck-alert-config-should-have-a-consistent-markup-react-webkit/alert-config-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/transition/transition.e2e-spec.ts#L160
4) [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
5) [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
|
|
5 flaky
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/form 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 › alert/config should have a consistent markup
[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
37 passed (1.4m)
|
The logs for this run have expired and are no longer available.
Loading