chore(deps): update dependency syncpack to v11 (#100) #96
quentinderoubaixci.yml
on: push
Matrix: e2e-tests / e2e-tests
build
/
build
4m 24s
Annotations
11 errors and 10 notices
|
[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] › 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] › 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
|
|
[react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config:
e2e/rating/rating.e2e-spec.ts#L200
2) [react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ──────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 42
+ Received + 2
@@ -28,69 +28,29 @@
"au-rating-star",
],
Array [
"au-rating-star",
],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
],
- Array [
- "au-rating-star",
- ],
- Array [
- "au-rating-star",
- ],
- ],
"disabled": "true",
- "max": "20",
+ "max": "10",
"min": "0",
"readonly": null,
"rootClasses": Array [
"d-inline-flex",
"au-rating",
],
"stars": Array [
"★",
"★",
"★",
- "☆",
"☆",
"☆",
"☆",
"☆",
"☆",
"☆",
"☆",
- "☆",
- "☆",
- "☆",
- "☆",
- "☆",
- "☆",
- "☆",
- "☆",
- "☆",
],
- "text": "3 out of 20",
+ "text": "3 out of 10",
"value": "3",
}
198 | classes: createArray(20, ['au-rating-star']),
199 | };
> 200 | expect(await ratingPO.state()).toEqual(expectedState);
| ^
201 |
202 | await ratingDemoPO.locatorBtnConfigSlotStar("'*'").click();
203 | expectedState = {
at /home/runner/work/AgnosUI/AgnosUI/e2e/rating/rating.e2e-spec.ts:200: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
1) [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] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › pagination/default should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
2) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › pagination/default should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<h5>
"Default pagination:"
</h5>
<nav
aria-label="Page navigation"
>
<ul
class="au-pagination pagination"
>
<li
class="page-item"
>
<a
aria-label="Action link for previous page"
class="au-previous page-link"
href="#"
>
<span
aria-hidden="true"
>
"‹"
</span>
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 1 of 6"
class="au-page page-link"
href="#"
>
"1"
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 2 of 6"
class="au-page page-link"
href="#"
>
"2"
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 3 of 6"
class="au-page page-link"
href="#"
>
"3"
</a>
</li>
<li
aria-current="page"
class="active page-item"
>
<a
aria-label="Page 4 of 6"
class="au-page page-link"
href="#"
>
"4"
<span
class="visually-hidden"
>
"(current)"
</span>
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 5 of 6"
class="au-page page-link"
href="#"
>
"5"
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 6 of 6"
class="au-page page-link"
href="#"
>
"6"
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Action link for next page"
class="au-next page-link"
href="#"
>
<span
aria-hidden="true"
>
"›"
</span>
</a>
</li>
</ul>
<div
aria-live="polite"
class="visually-hidden"
>
"Current page is 4"
</div>
</nav>
<h5>
"No direction links:"
</h5>
<nav
aria-label="Page navigation"
>
<ul
class="au-pagination pagination"
>
<li
class="page-item"
>
<a
aria-label="Page 1 of 6"
class="au-page page-link"
href="#"
>
"1"
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 2 of 6"
class="au-page page-link"
href="#"
>
"2"
</a>
</li>
<li
class="page-item"
>
<a
aria-label="Page 3 of 6"
class="au-page page-link"
href="#"
>
"3"
</a>
</li>
<li
aria-current="page"
class="active page-item"
>
<a
aria-label="Page 4 of 6"
class="au-page page-link"
href="#"
>
"4"
<span
|
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › modal/playground should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
3) [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="modal-backdrop show"
inert=""
/>
<div
class="d-block 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>
<div
id="root"
/>
</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
|
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › focustrack/focustrack should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
4) [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
|
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/icon should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
5) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/icon should have a consistent markup
Error: Snapshot comparison failed:
<body>
<div
id="root"
>
<div
class="container p-3"
>
<div
class="alert alert-success au-alert d-flex show w-100"
role="alert"
>
<span
class="align-items-center d-flex me-2"
>
<svg
class="bi bi-check-circle-fill"
fill="currentColor"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"
/>
</svg>
</span>
<div
class="alert-body d-flex w-100"
>
"Alert success with a customisable icon"
</div>
</div>
<div
class="alert alert-warning au-alert d-flex show w-100"
role="alert"
>
<span
class="align-items-center d-flex me-2"
>
<svg
class="bi bi-exclamation-triangle-fill"
fill="currentColor"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
/>
</svg>
</span>
<div
class="alert-body d-flex w-100"
>
"Alert warning with a customisable icon"
</div>
</div>
<div
class="alert alert-danger au-alert d-flex show w-100"
role="alert"
>
<span
class="align-items-center d-flex me-2"
>
<svg
class="bi bi-dash-circle-fill"
fill="currentColor"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"
/>
</svg>
</span>
<div
class="alert-body d-flex w-100"
>
"Alert danger with a customisable icon"
</div>
</div>
<div
class="alert alert-info au-alert d-flex show w-100"
role="alert"
>
<span
class="align-items-center d-flex me-2"
>
<svg
class="bi bi-info-circle-fill"
fill="currentColor"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
</svg>
</span>
<div
class="alert-body d-flex w-100"
>
"Alert info with a customisable icon"
</div>
</div>
<div
class="alert alert-light au-alert d-flex show w-100"
role="alert"
>
<span
class="align-items-center d-flex me-2"
>
<svg
class="bi bi-lightbulb"
fill="currentColor"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www
|
|
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/config should have a consistent markup:
e2e/samplesMarkup.e2e-spec.ts#L36
6) [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
|
|
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init:
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 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
|
|
🎭 Playwright Run Summary
43 passed (50.5s)
|
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features
1 skipped
41 passed (1.2m)
|
|
🎭 Playwright Run Summary
42 passed (1.3m)
|
|
🎭 Playwright Run Summary
1 flaky
[angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ────────────────
1 skipped
41 passed (1.2m)
|
|
🎭 Playwright Run Summary
1 skipped
42 passed (59.4s)
|
|
🎭 Playwright Run Summary
43 passed (1.2m)
|
|
🎭 Playwright Run Summary
42 passed (53.0s)
|
|
🎭 Playwright Run Summary
2 flaky
[react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ──
[react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ───────────────────────
41 passed (1.3m)
|
|
🎭 Playwright Run Summary
42 passed (1.3m)
|
|
🎭 Playwright Run Summary
7 flaky
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › rating/config should have a consistent markup
[react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › pagination/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] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/icon 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
35 passed (1.5m)
|