Files
2026-10-14 06:19:24 +00:00

340 lines
17 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
> 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)