fix: minor issue with checkbox layout #15722
Annotations
4 errors, 1 warning, and 1 notice
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────
Error: expect(page).toHaveScreenshot(expected)
950 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium/DBCheckbox-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 950 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 950 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
950 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-retry1/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-retry1/DBCheckbox-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 950 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 950 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L210
2) [chromium] › default.ts:174:2 › DBAccordionItem › test with accessibility checker ─────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 37
- Array []
+ Array [
+ Object {
+ "apiArgs": Array [],
+ "bounds": Object {
+ "height": 64,
+ "left": 703,
+ "top": 1111,
+ "width": 120,
+ },
+ "category": "Accessibility",
+ "help": "https://able.ibm.com/rules/archives/2024.12.12/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%203.52%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Cdiv%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%223.52%22%2C16%2C400%2C%22%2388898a%22%2C%22%23ffffff%22%2Cfalse%2Cfalse%5D%7D",
+ "ignored": false,
+ "level": "violation",
+ "message": "Text contrast of 3.52 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400",
+ "messageArgs": Array [
+ "3.52",
+ 16,
+ 400,
+ "#88898a",
+ "#ffffff",
+ false,
+ false,
+ ],
+ "path": Object {
+ "aria": "/document[1]/main[1]/group[7]",
+ "dom": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[3]/div[2]/div[1]/div[2]/li[1]/details[1]/div[1]",
+ },
+ "reasonId": "fail_contrast",
+ "ruleId": "text_contrast_sufficient",
+ "ruleTime": 0,
+ "snippet": "<div>",
+ "value": Array [
+ "VIOLATION",
+ "FAIL",
+ ],
+ },
+ ]
208 | }
209 |
> 210 | expect(failures).toEqual([]);
| ^
211 | });
212 | };
213 |
at /__w/mono/mono/showcases/e2e/default.ts:210:20
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/react-showcase-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
1 failed
[chromium] › default.ts:79:2 › DBCheckbox › should match screenshot ────────────────────────────
1 flaky
[chromium] › default.ts:174:2 › DBAccordionItem › test with accessibility checker ──────────────
167 passed (3.8m)
|
Loading