340 lines
17 KiB
Plaintext
340 lines
17 KiB
Plaintext
|
||
> find-word@0.1.0 test:browser
|
||
> playwright test
|
||
|
||
[WebServer] (node:745155) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
|
||
[WebServer] (Use `node --trace-warnings ...` to show where the warning was created)
|
||
|
||
Running 4 tests using 2 workers
|
||
|
||
(node:745175) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
|
||
(Use `node --trace-warnings ...` to show where the warning was created)
|
||
(node:745176) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
|
||
(Use `node --trace-warnings ...` to show where the warning was created)
|
||
✓ 2 [desktop] › tests/browser/game.spec.ts:95:1 › 오디오 HTTP 실패를 화면에 표시하고 재시도한다 (14.5s)
|
||
(node:745459) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
|
||
(Use `node --trace-warnings ...` to show where the warning was created)
|
||
✘ 1 [desktop] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 (56.8s)
|
||
(node:745658) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
|
||
(Use `node --trace-warnings ...` to show where the warning was created)
|
||
✘ 3 [mobile] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 (56.0s)
|
||
✓ 4 [mobile] › tests/browser/game.spec.ts:95:1 › 오디오 HTTP 실패를 화면에 표시하고 재시도한다 (14.2s)
|
||
|
||
|
||
1) [desktop] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 ───────────────
|
||
|
||
Error: expect(received).toEqual(expected) // deep equality
|
||
|
||
- Expected - 1
|
||
+ Received + 128
|
||
|
||
- 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.13/color-contrast?application=playwright",
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "nodes": Array [
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e8",
|
||
+ "contrastRatio": 4.38,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#65765a",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"stats\"><div><strong>3,300</strong><span>총 점수</span></div><div><strong>100%</strong><span>정답률 · 10/10</span></div><div><strong>10<small>회</small></strong><span>최고 연속 정답</span></div></div>",
|
||
+ "target": Array [
|
||
+ ".stats",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>총 점수</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".stats > div:nth-child(1) > span",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e8",
|
||
+ "contrastRatio": 4.38,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#65765a",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"stats\"><div><strong>3,300</strong><span>총 점수</span></div><div><strong>100%</strong><span>정답률 · 10/10</span></div><div><strong>10<small>회</small></strong><span>최고 연속 정답</span></div></div>",
|
||
+ "target": Array [
|
||
+ ".stats",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>정답률 · 10/10</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".stats > div:nth-child(2) > span",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e8",
|
||
+ "contrastRatio": 4.38,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#65765a",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"stats\"><div><strong>3,300</strong><span>총 점수</span></div><div><strong>100%</strong><span>정답률 · 10/10</span></div><div><strong>10<small>회</small></strong><span>최고 연속 정답</span></div></div>",
|
||
+ "target": Array [
|
||
+ ".stats",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>최고 연속 정답</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ "div:nth-child(3) > span",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "tags": Array [
|
||
+ "cat.color",
|
||
+ "wcag2aa",
|
||
+ "wcag143",
|
||
+ "TTv5",
|
||
+ "TT13.c",
|
||
+ "EN-301-549",
|
||
+ "EN-9.1.4.3",
|
||
+ "ACT",
|
||
+ "RGAAv4",
|
||
+ "RGAA-3.2.1",
|
||
+ ],
|
||
+ },
|
||
+ ]
|
||
|
||
86 | fullPage: true,
|
||
87 | });
|
||
> 88 | expect((await new AxeBuilder({ page }).analyze()).violations).toEqual([]);
|
||
| ^
|
||
89 | await page.getByRole("button", { name: "다시 시작" }).click();
|
||
90 | await expect(page.getByRole("button", { name: /소리 시작/ })).toBeVisible();
|
||
91 | expect(external).toEqual([]);
|
||
at /home/hermes/worktrees/find-word-v0.1/tests/browser/game.spec.ts:88:65
|
||
|
||
Error Context: test-results/game-실제-오디오로-혼합-모드-완주·레이아웃·접근성·외부-요청-없음-desktop/error-context.md
|
||
|
||
attachment #2: trace (application/zip) ─────────────────────────────────────────────────────────
|
||
test-results/game-실제-오디오로-혼합-모드-완주·레이아웃·접근성·외부-요청-없음-desktop/trace.zip
|
||
Usage:
|
||
|
||
npx playwright show-trace test-results/game-실제-오디오로-혼합-모드-완주·레이아웃·접근성·외부-요청-없음-desktop/trace.zip
|
||
|
||
────────────────────────────────────────────────────────────────────────────────────────────────
|
||
|
||
2) [mobile] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 ────────────────
|
||
|
||
Error: expect(received).toEqual(expected) // deep equality
|
||
|
||
- Expected - 1
|
||
+ Received + 128
|
||
|
||
- 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.13/color-contrast?application=playwright",
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "nodes": Array [
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e8",
|
||
+ "contrastRatio": 4.38,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#65765a",
|
||
+ "fontSize": "7.5pt (10px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"stats\"><div><strong>3,300</strong><span>총 점수</span></div><div><strong>100%</strong><span>정답률 · 10/10</span></div><div><strong>10<small>회</small></strong><span>최고 연속 정답</span></div></div>",
|
||
+ "target": Array [
|
||
+ ".stats",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>총 점수</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".stats > div:nth-child(1) > span",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e8",
|
||
+ "contrastRatio": 4.38,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#65765a",
|
||
+ "fontSize": "7.5pt (10px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"stats\"><div><strong>3,300</strong><span>총 점수</span></div><div><strong>100%</strong><span>정답률 · 10/10</span></div><div><strong>10<small>회</small></strong><span>최고 연속 정답</span></div></div>",
|
||
+ "target": Array [
|
||
+ ".stats",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>정답률 · 10/10</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".stats > div:nth-child(2) > span",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e8",
|
||
+ "contrastRatio": 4.38,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#65765a",
|
||
+ "fontSize": "7.5pt (10px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"stats\"><div><strong>3,300</strong><span>총 점수</span></div><div><strong>100%</strong><span>정답률 · 10/10</span></div><div><strong>10<small>회</small></strong><span>최고 연속 정답</span></div></div>",
|
||
+ "target": Array [
|
||
+ ".stats",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.38 (foreground color: #65765a, background color: #f0f4e8, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>최고 연속 정답</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ "div:nth-child(3) > span",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "tags": Array [
|
||
+ "cat.color",
|
||
+ "wcag2aa",
|
||
+ "wcag143",
|
||
+ "TTv5",
|
||
+ "TT13.c",
|
||
+ "EN-301-549",
|
||
+ "EN-9.1.4.3",
|
||
+ "ACT",
|
||
+ "RGAAv4",
|
||
+ "RGAA-3.2.1",
|
||
+ ],
|
||
+ },
|
||
+ ]
|
||
|
||
86 | fullPage: true,
|
||
87 | });
|
||
> 88 | expect((await new AxeBuilder({ page }).analyze()).violations).toEqual([]);
|
||
| ^
|
||
89 | await page.getByRole("button", { name: "다시 시작" }).click();
|
||
90 | await expect(page.getByRole("button", { name: /소리 시작/ })).toBeVisible();
|
||
91 | expect(external).toEqual([]);
|
||
at /home/hermes/worktrees/find-word-v0.1/tests/browser/game.spec.ts:88:65
|
||
|
||
Error Context: test-results/game-실제-오디오로-혼합-모드-완주·레이아웃·접근성·외부-요청-없음-mobile/error-context.md
|
||
|
||
attachment #2: trace (application/zip) ─────────────────────────────────────────────────────────
|
||
test-results/game-실제-오디오로-혼합-모드-완주·레이아웃·접근성·외부-요청-없음-mobile/trace.zip
|
||
Usage:
|
||
|
||
npx playwright show-trace test-results/game-실제-오디오로-혼합-모드-완주·레이아웃·접근성·외부-요청-없음-mobile/trace.zip
|
||
|
||
────────────────────────────────────────────────────────────────────────────────────────────────
|
||
|
||
2 failed
|
||
[desktop] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 ────────────────
|
||
[mobile] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 ─────────────────
|
||
2 passed (1.2m)
|