feat(accordion): demo examples #320
Annotations
5 errors and 1 notice
|
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
|
|
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 = trufalse"
</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`);
|
|
|
e2e/samplesMarkup.e2e-spec.ts#L36
3) [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"
|
|
e2e/select/select.e2e-spec.ts#L87
4) [react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config ───────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 1
Object {
"badges": Array [],
"isOpen": false,
"list": Array [],
- "text": "other value",
+ "text": "initial value",
}
85 | expectedState.text = 'other value';
86 | await selectConfigPO.locatorFilterTextInput.fill(expectedState.text);
> 87 | expect(await selectPO.state()).toEqual(expectedState);
| ^
88 |
89 | expectedState.text = 'test';
90 | await selectPO.locatorInput.fill(expectedState.text);
at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:87:34
|
|
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 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
|
|
5 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 › accordion/customheaders should have a consistent markup
[react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config ────────────────────────
[react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled
40 passed (1.3m)
|
The logs for this run have expired and are no longer available.
Loading