fix: popover font-style #8205
nmerget
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
default.yml
on: pull_request
init
/
Init
25s
scan-secrets
/
TruffleHog
58s
lint
/
Lint
54s
Matrix: test-components / playwright-ct
build-outputs
/
Build outputs
1m 21s
build-power-apps
/
Build Power Apps
5m 57s
Matrix: test-showcases / playwright-showcases
merge-reports
/
🎭 Merge Playwright Reports
52s
deploy
/
Deploy
40s
Annotations
8 errors, 4 warnings, and 1 notice
|
[chromium] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/react/src/components/popover/popover.spec.tsx#L42
1) [chromium] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues ──────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 1.58,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#cdcdce",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.58 (foreground color: #cdcdce, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.58 (foreground color: #cdcdce, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:42:47
|
|
[chromium] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx#L42
1) [chromium] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues ──────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.52,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a2a3a4",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.52 (foreground color: #a2a3a4, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\" behaviour=\"plain\"><!--v-if-->
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.52 (foreground color: #a2a3a4, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\" behaviour=\"plain\"><!--v-if-->
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:42:47
|
|
[webkit] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/react/src/components/popover/popover.spec.tsx#L42
2) [webkit] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues ────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 3.03,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#939495",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.03 (foreground color: #939495, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.03 (foreground color: #939495, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:42:47
|
|
[mobile_chrome] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/react/src/components/popover/popover.spec.tsx#L42
3) [mobile_chrome] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues ─
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.52,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a2a3a4",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.52 (foreground color: #a2a3a4, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.52 (foreground color: #a2a3a4, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:42:47
|
|
[mobile_chrome] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx#L42
3) [mobile_chrome] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues ─
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.52,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#a2a3a4",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.52 (foreground color: #a2a3a4, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\" behaviour=\"plain\"><!--v-if-->
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.52 (foreground color: #a2a3a4, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\" behaviour=\"plain\"><!--v-if-->
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:42:47
|
|
[mobile_safari] › default.ts:13:4 › DBLink › should match screenshot:
../../../../../__w/mono/mono/showcases/e2e/default.ts#L40
4) [mobile_safari] › default.ts:13:4 › DBLink › should match screenshot ──────────────────────────
Error: Screenshot comparison failed:
Expected an image 390px by 1818px, received 390px by 1817px.
Call log:
- expect.toHaveScreenshot(regular/neutral.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- Expected an image 390px by 1818px, received 390px by 1817px. 8882 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- 10526 pixels (ratio 0.02 of all image pixels) are different.
- waiting 250ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- Expected an image 390px by 1818px, received 390px by 1817px.
Expected: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-mobile-safari/regular/neutral-expected.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-mobile-safari/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/link-showcase-link-DBLink-should-match-screenshot-mobile-safari/regular/neutral-diff.png
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [tonality, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
|
[mobile_safari] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx#L42
5) [mobile_safari] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues ─
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 2.92,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#969799",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.92 (foreground color: #969799, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\" behaviour=\"plain\"><!--v-if-->
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.92 (foreground color: #969799, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\" behaviour=\"plain\"><!--v-if-->
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:42:47
|
|
[mobile_safari] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues:
../../../../../__w/mono/mono/output/react/src/components/popover/popover.spec.tsx#L42
5) [mobile_safari] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues ─
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- Array []
+ Array [
+ Object {
+ "description": "Ensures 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.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#ffffff",
+ "contrastRatio": 1.96,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#b8b9b9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 1.96 (foreground color: #b8b9b9, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ Object {
+ "html": "<html lang=\"en\">",
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 1.96 (foreground color: #b8b9b9, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<i id=\"popover-01\" class=\"db-popover\" data-open=\"true\">
+ Test
+ </i>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "#popover-01",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
40 | .analyze();
41 |
> 42 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
43 | });
44 | });
45 |
at /__w/mono/mono/output/react/src/components/popover/popover.spec.tsx:42:47
|
|
Slow Test:
[webkit] › default.ts#L1
[webkit] › default.ts took 1.8m
|
|
Slow Test:
[mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 1.4m
|
|
Slow Test:
[chromium] › default.ts#L1
[chromium] › default.ts took 1.1m
|
|
Slow Test:
[mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 44.7s
|
|
🎭 Playwright Run Summary
5 flaky
[chromium] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues ───────
[webkit] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues ─────────
[mobile_chrome] › popover/popover.spec.tsx:36:6 › DBPopover › should not have any A11y issues ──
[mobile_safari] › default.ts:13:4 › DBLink › should match screenshot ───────────────────────────
[mobile_safari] › popover/popover.spec.tsx:36:2 › DBPopover › should not have any A11y issues ──
16 skipped
391 passed (92ms)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
all-blob-reports
Expired
|
14.2 MB |
|
|
db-ui-components-build
Expired
|
157 KB |
|
|
db-ui-foundations-build
Expired
|
32.6 KB |
|
|
db-ui-output
Expired
|
685 KB |
|
|
db-ui-outputs
Expired
|
1.95 MB |
|
|
db-ui-powerapps
Expired
|
668 KB |
|
|
db-ui-showcases
Expired
|
5.22 MB |
|
|
report--attempt-1
Expired
|
9.1 MB |
|