fix(alert,toast,collapse): Correct open/close api #3648
MarkoOleksiyenkopr.yml
on: pull_request
e2e-tests
/
merge-reports
20s
Annotations
7 errors and 10 notices
|
[demo:chromium] › e2e/demo.demo-e2e-spec.ts:43:3 › Demo Website › Route docs/svelte/services/resize-observer should be accessible:
e2e/demo.demo-e2e-spec.ts#L56
1) [demo:chromium] › e2e/demo.demo-e2e-spec.ts:43:3 › Demo Website › Route docs/svelte/services/resize-observer should be accessible
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 513
- Array []
+ Array [
+ Object {
+ "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#160033",
+ "contrastRatio": 3.6,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#6a668e",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.6 (foreground color: #6a668e, background color: #160033, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<html lang=\"en\" data-agnos-theme=\"dark\" data-theme=\"dark\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.6 (foreground color: #6a668e, background color: #160033, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a class=\"active hover:bg-secondary-subtle! focus-visible:bg-secondary-subtle!\" href=\"http://localhost:4000/docs/svelte/getting-started/introduction\" aria-current=\"page\">Documentation</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "li:nth-child(3) > .active.hover\\:bg-secondary-subtle\\![aria-current=\"page\"]",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#160033",
+ "contrastRatio": 3.6,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#6a668e",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.6 (foreground color: #6a668e, background color: #160033, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<html lang=\"en\" data-agnos-theme=\"dark\" data-theme=\"dark\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.6 (foreground color: #6a668e, background color: #160033, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a class=\"hover:bg-secondary-subtle! focus-visible:bg-secondary-subtle!\" href=\"http://localhost:4000/api/svelte/bootstrap/types\">API</a>",
+ "impact": "serio
|
|
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample daisyui/modal/default › should have a consistent markup:
e2e/samplesMarkup.singlebrowser-e2e-spec.ts#L45
4) [singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample daisyui/modal/default › should have a consistent markup
Error: expect(string).toMatchSnapshot(expected) failed
@@ -11,11 +11,10 @@
</button>
</div>
<div>
<dialog
class="modal modal-bottom sm:modal-middle"
- open=""
>
<div
class="modal-box"
>
<h3
@@ -26,25 +25,9 @@
<p
class="py-4"
>
"Press ESC key, click on ✕ button or click outside the modal to close"
</p>
- <button
- aria-label="Close"
- class="absolute btn btn-circle btn-ghost btn-sm right-2 top-2"
- type="button"
- >
- "✕"
- </button>
</div>
- <div
- class="modal-backdrop"
- >
- <button
- type="button"
- >
- "Close"
- </button>
- </div>
</dialog>
</div>
</body>
Snapshot: daisyui/modal/default.html
43 | await preventTransitions(page);
44 | await samplesExtraAction[sampleKey]?.(page);
> 45 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${sampleKey.toLowerCase()}.html`);
| ^
46 | });
47 | });
48 | }
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.singlebrowser-e2e-spec.ts:45:54
|
|
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/body › should have a consistent markup:
e2e/samplesMarkup.singlebrowser-e2e-spec.ts#L45
3) [singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/body › should have a consistent markup
Error: expect(string).toMatchSnapshot(expected) failed
@@ -2,11 +2,10 @@
style="overflow-x: hidden; overflow-y: hidden;"
>
<div
class="container p-3"
id="root"
- inert="inert"
>
<div
class="align-items-center d-flex mb-3"
>
<button
@@ -57,58 +56,6 @@
class="btn btn-primary"
>
"ScrollToMe"
</button>
</div>
- <div
- class="au-drawer-backdrop fade show"
- data-agnos-ignore-inert="data-agnos-ignore-inert"
- />
- <div
- aria-describedby=""
- aria-labelledby=""
- aria-modal="true"
- class="au-drawer collapse collapse-horizontal inline-start show"
- role="dialog"
- style="position: fixed; outline-color: initial; outline-style: none; outline-width: initial;"
- tabindex="-1"
- >
- <div
- class="au-drawer-container"
- >
- <div
- class="au-drawer-content"
- >
- <div
- class="au-drawer-header"
- >
- <div
- class="d-flex"
- >
- <span>
- "Hi, I am drawer!"
- </span>
- <button
- aria-label="Close"
- class="btn-close ms-auto"
- />
- </div>
- </div>
- <div
- class="au-drawer-body"
- >
- <ul>
- <li>
- "First item"
- </li>
- <li>
- "Second item"
- </li>
- <li>
- "Third item"
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
</body>
Snapshot: bootstrap/drawer/body.html
43 | await preventTransitions(page);
44 | await samplesExtraAction[sampleKey]?.(page);
> 45 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${sampleKey.toLowerCase()}.html`);
| ^
46 | });
47 | });
48 | }
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.singlebrowser-e2e-spec.ts:45:54
|
|
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/sizes › should have a consistent markup:
e2e/samplesMarkup.singlebrowser-e2e-spec.ts#L45
2) [singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/sizes › should have a consistent markup
Error: expect(string).toMatchSnapshot(expected) failed
@@ -2,60 +2,13 @@
style="overflow-x: hidden; overflow-y: hidden;"
>
<div
class="container p-3"
id="root"
- inert="inert"
>
<button
class="btn btn-primary mb-3"
>
"Open Drawer"
</button>
</div>
- <div
- class="au-drawer-backdrop fade show"
- data-agnos-ignore-inert="data-agnos-ignore-inert"
- />
- <div
- aria-describedby=""
- aria-labelledby=""
- aria-modal="true"
- class="au-drawer collapse collapse-horizontal drawer-custom-size inline-start show"
- role="dialog"
- style="position: fixed; outline-color: initial; outline-style: none; outline-width: initial;"
- tabindex="-1"
- >
- <div
- class="au-drawer-container"
- >
- <div
- class="au-drawer-content"
- >
- <div
- class="au-drawer-header"
- >
- "Hi, I am drawer!"
- </div>
- <div
- class="au-drawer-body"
- >
- <ul>
- <li>
- "First item"
- </li>
- <li>
- "Second item"
- </li>
- <li>
- "Third item"
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- class="au-splitter"
- tabindex="0"
- />
- </div>
</body>
Snapshot: bootstrap/drawer/sizes.html
43 | await preventTransitions(page);
44 | await samplesExtraAction[sampleKey]?.(page);
> 45 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${sampleKey.toLowerCase()}.html`);
| ^
46 | });
47 | });
48 | }
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.singlebrowser-e2e-spec.ts:45:54
|
|
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/modal/default › should have a consistent markup:
e2e/samplesMarkup.singlebrowser-e2e-spec.ts#L45
1) [singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/modal/default › should have a consistent markup
Error: expect(string).toMatchSnapshot(expected) failed
@@ -1,12 +1,9 @@
-<body
- style="overflow-x: hidden; overflow-y: hidden;"
->
+<body>
<div
class="container p-3"
id="root"
- inert="inert"
>
<button
class="btn btn-primary"
type="button"
>
@@ -31,58 +28,6 @@
<hr />
<div
data-testid="message"
/>
</div>
- <div
- class="fade modal-backdrop show"
- inert="inert"
- />
- <div
- class="d-block fade modal show"
- tabindex="-1"
- >
- <div
- class="modal-dialog"
- >
- <div
- class="modal-content"
- >
- <div
- class="modal-header"
- >
- <h5
- class="modal-title"
- >
- "Save changes"
- </h5>
- <button
- aria-label="Close"
- class="btn-close"
- type="button"
- />
- </div>
- <div
- class="modal-body"
- >
- "Do you want to save your changes?"
- </div>
- <div
- class="modal-footer"
- >
- <button
- class="btn btn-outline-primary"
- type="button"
- >
- "Yes"
- </button>
- <button
- class="btn btn-outline-danger"
- type="button"
- >
- "No"
- </button>
- </div>
- </div>
- </div>
- </div>
</body>
Snapshot: bootstrap/modal/default.html
43 | await preventTransitions(page);
44 | await samplesExtraAction[sampleKey]?.(page);
> 45 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${sampleKey.toLowerCase()}.html`);
| ^
46 | });
47 | });
48 | }
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.singlebrowser-e2e-spec.ts:45:54
|
|
[stackblitz:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/position › should have a consistent markup:
e2e/samplesMarkup.singlebrowser-e2e-spec.ts#L45
2) [stackblitz:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/position › should have a consistent markup
Error: expect(string).toMatchSnapshot(expected) failed
@@ -2,11 +2,10 @@
style="overflow-x: hidden; overflow-y: hidden;"
>
<div
class="container p-3"
id="root"
- inert="inert"
>
<button
class="btn btn-primary mb-3"
>
"Open Drawer"
@@ -45,52 +44,6 @@
"Bottom"
</option>
</select>
</div>
</div>
- <div
- class="au-drawer-backdrop fade show"
- data-agnos-ignore-inert="data-agnos-ignore-inert"
- />
- <div
- aria-describedby=""
- aria-labelledby=""
- aria-modal="true"
- class="au-drawer collapse collapse-horizontal drawer-position-size inline-start show"
- role="dialog"
- style="position: fixed; outline-color: initial; outline-style: none; outline-width: initial;"
- tabindex="-1"
- >
- <div
- class="au-drawer-container"
- >
- <div
- class="au-drawer-content"
- >
- <div
- class="au-drawer-header"
- >
- "Hi, I am drawer!"
- </div>
- <div
- class="au-drawer-body"
- >
- <ul>
- <li>
- "First item"
- </li>
- <li>
- "Second item"
- </li>
- <li>
- "Third item"
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- class="au-splitter"
- tabindex="0"
- />
- </div>
</body>
Snapshot: bootstrap/drawer/position.html
43 | await preventTransitions(page);
44 | await samplesExtraAction[sampleKey]?.(page);
> 45 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${sampleKey.toLowerCase()}.html`);
| ^
46 | });
47 | });
48 | }
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.singlebrowser-e2e-spec.ts:45:54
|
|
[stackblitz:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/sizes › should have a consistent markup:
e2e/samplesMarkup.singlebrowser-e2e-spec.ts#L45
1) [stackblitz:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/sizes › should have a consistent markup
Error: expect(string).toMatchSnapshot(expected) failed
@@ -2,60 +2,13 @@
style="overflow-x: hidden; overflow-y: hidden;"
>
<div
class="container p-3"
id="root"
- inert="inert"
>
<button
class="btn btn-primary mb-3"
>
"Open Drawer"
</button>
</div>
- <div
- class="au-drawer-backdrop fade show"
- data-agnos-ignore-inert="data-agnos-ignore-inert"
- />
- <div
- aria-describedby=""
- aria-labelledby=""
- aria-modal="true"
- class="au-drawer collapse collapse-horizontal drawer-custom-size inline-start show"
- role="dialog"
- style="position: fixed; outline-color: initial; outline-style: none; outline-width: initial;"
- tabindex="-1"
- >
- <div
- class="au-drawer-container"
- >
- <div
- class="au-drawer-content"
- >
- <div
- class="au-drawer-header"
- >
- "Hi, I am drawer!"
- </div>
- <div
- class="au-drawer-body"
- >
- <ul>
- <li>
- "First item"
- </li>
- <li>
- "Second item"
- </li>
- <li>
- "Third item"
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- class="au-splitter"
- tabindex="0"
- />
- </div>
</body>
Snapshot: bootstrap/drawer/sizes.html
43 | await preventTransitions(page);
44 | await samplesExtraAction[sampleKey]?.(page);
> 45 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${sampleKey.toLowerCase()}.html`);
| ^
46 | });
47 | });
48 | }
at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.singlebrowser-e2e-spec.ts:45:54
|
|
🎭 Playwright Run Summary
1 flaky
[demo:chromium] › e2e/demo.demo-e2e-spec.ts:43:3 › Demo Website › Route docs/svelte/services/resize-observer should be accessible
1 skipped
133 passed (3.6m)
|
|
🎭 Playwright Run Summary
8 skipped
131 passed (2.5m)
|
|
🎭 Playwright Run Summary
4 flaky
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/modal/default › should have a consistent markup
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/sizes › should have a consistent markup
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/body › should have a consistent markup
[singleBrowser:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample daisyui/modal/default › should have a consistent markup
1 skipped
130 passed (2.3m)
|
|
🎭 Playwright Run Summary
8 skipped
129 passed (2.6m)
|
|
🎭 Playwright Run Summary
4 skipped
128 passed (3.1m)
|
|
🎭 Playwright Run Summary
5 skipped
126 passed (3.1m)
|
|
🎭 Playwright Run Summary
8 skipped
141 passed (2.9m)
|
|
🎭 Playwright Run Summary
4 skipped
120 passed (3.3m)
|
|
🎭 Playwright Run Summary
6 skipped
129 passed (7.3m)
|
|
🎭 Playwright Run Summary
2 flaky
[stackblitz:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/sizes › should have a consistent markup
[stackblitz:angular:chromium] › e2e/samplesMarkup.singlebrowser-e2e-spec.ts:39:4 › Samples markup consistency check › Sample bootstrap/drawer/position › should have a consistent markup
6 skipped
127 passed (10.8m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
e2e-playwright-report
Expired
|
7.78 MB |
sha256:23aefa9c0f41357c6f5d23ca216621e1c9a3a486f090d02503edebf41420f08d
|
|
|
e2e-test-1
Expired
|
309 KB |
sha256:0310c0022b1bc0f9bfac26c7dd52139676a3c27fc8311da5a5148a75c25d0920
|
|
|
e2e-test-10
Expired
|
148 KB |
sha256:3282a2adaa6f7b2185558ee167da24b303a129943743ed2ba58e1d713528aadf
|
|
|
e2e-test-2
Expired
|
241 KB |
sha256:d01929eba0344051a395f04c6344186c4be21ff5dcdd0d5450ced3187c3f6bde
|
|
|
e2e-test-3
Expired
|
258 KB |
sha256:480b2b7aac8153bcd63b2e37342bf0080eba51e054724596f8e02e06cf4b9669
|
|
|
e2e-test-4
Expired
|
256 KB |
sha256:bef5d3a6d78da2431a412c8dff4fe7b1c91954f8e60e0a4000d7b04c0dca862e
|
|
|
e2e-test-5
Expired
|
256 KB |
sha256:07144042e97a3fecbb6ed78353e3b0a7d5f4758591798ea74f5928a69ba728e3
|
|
|
e2e-test-6
Expired
|
242 KB |
sha256:ba040729002d6c6b550953340c4491ef0e83948b9120c069837d7a74ddf53153
|
|
|
e2e-test-7
Expired
|
842 KB |
sha256:bcb32141e4ef1bca9d37a9de0f70ee8e3494167ed935f719e1b2389c11069988
|
|
|
e2e-test-8
Expired
|
5.61 MB |
sha256:0c38ca1bb083293c08c8753109abbc12a62434d8b2194f7ad4bccc8bb396ffa3
|
|
|
e2e-test-9
Expired
|
340 KB |
sha256:740d0b126e220a9f564b9afed5b2072084892c0b8fd1ecf09c635d3ae4ba2211
|
|