235 lines
12 KiB
Plaintext
235 lines
12 KiB
Plaintext
|
||
> find-word@0.1.0 test:browser
|
||
> playwright test
|
||
|
||
[WebServer] (node:743569) 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:743591) 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:743590) 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 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 (2.4s)
|
||
(node:743836) 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 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 (2.0s)
|
||
(node:743961) 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:58:1 › 오디오 HTTP 실패를 화면에 표시하고 재시도한다 (16.3s)
|
||
✓ 4 [mobile] › tests/browser/game.spec.ts:58:1 › 오디오 HTTP 실패를 화면에 표시하고 재시도한다 (12.9s)
|
||
|
||
|
||
1) [desktop] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 ───────────────
|
||
|
||
Error: expect(received).toEqual(expected) // deep equality
|
||
|
||
- Expected - 1
|
||
+ Received + 93
|
||
|
||
- 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": "#eef2e4",
|
||
+ "contrastRatio": 3.75,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#6e805d",
|
||
+ "fontSize": "9.8pt (13px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 3.75 (foreground color: #6e805d, background color: #eef2e4, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<span class=\"section-number\">01</span>",
|
||
+ "target": Array [
|
||
+ ".section-number",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 3.75 (foreground color: #6e805d, background color: #eef2e4, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span class=\"section-number\">01</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".section-number",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#f0f4e9",
|
||
+ "contrastRatio": 4.07,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#707967",
|
||
+ "fontSize": "7.5pt (10px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.07 (foreground color: #707967, background color: #f0f4e9, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<label class=\"mode-option selected\"><input aria-label=\"골고루 풀기\" type=\"radio\" value=\"mixed\" checked=\"\" name=\"mode\" style=\"\"><span class=\"mode-icon\" aria-hidden=\"true\">◈</span><strong>골고루 풀기</strong><small>선택 + 직접 입력</small></label>",
|
||
+ "target": Array [
|
||
+ ".selected",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.07 (foreground color: #707967, background color: #f0f4e9, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<small>선택 + 직접 입력</small>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".selected > small",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "tags": Array [
|
||
+ "cat.color",
|
||
+ "wcag2aa",
|
||
+ "wcag143",
|
||
+ "TTv5",
|
||
+ "TT13.c",
|
||
+ "EN-301-549",
|
||
+ "EN-9.1.4.3",
|
||
+ "ACT",
|
||
+ "RGAAv4",
|
||
+ "RGAA-3.2.1",
|
||
+ ],
|
||
+ },
|
||
+ ]
|
||
|
||
19 | expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
|
||
20 | await page.screenshot({ path: `.agent/evidence/${info.project.name}-home.png`, fullPage: true });
|
||
> 21 | expect((await new AxeBuilder({ page }).analyze()).violations).toEqual([]);
|
||
| ^
|
||
22 | await page.emulateMedia({ reducedMotion: 'reduce' });
|
||
23 | await page.getByRole('button', { name: /소리 시작/ }).click();
|
||
24 | await expect(page.getByRole('button', { name: /듣는 중/ })).toBeDisabled();
|
||
at /home/hermes/worktrees/find-word-v0.1/tests/browser/game.spec.ts:21: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 + 58
|
||
|
||
- 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": "#f0f4e9",
|
||
+ "contrastRatio": 4.07,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#707967",
|
||
+ "fontSize": "6.8pt (9px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.07 (foreground color: #707967, background color: #f0f4e9, font size: 6.8pt (9px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<label class=\"mode-option selected\"><input aria-label=\"골고루 풀기\" type=\"radio\" value=\"mixed\" checked=\"\" name=\"mode\" style=\"\"><span class=\"mode-icon\" aria-hidden=\"true\">◈</span><strong>골고루 풀기</strong><small>선택 + 직접 입력</small></label>",
|
||
+ "target": Array [
|
||
+ ".selected",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.07 (foreground color: #707967, background color: #f0f4e9, font size: 6.8pt (9px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<small>선택 + 직접 입력</small>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".selected > small",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "tags": Array [
|
||
+ "cat.color",
|
||
+ "wcag2aa",
|
||
+ "wcag143",
|
||
+ "TTv5",
|
||
+ "TT13.c",
|
||
+ "EN-301-549",
|
||
+ "EN-9.1.4.3",
|
||
+ "ACT",
|
||
+ "RGAAv4",
|
||
+ "RGAA-3.2.1",
|
||
+ ],
|
||
+ },
|
||
+ ]
|
||
|
||
19 | expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
|
||
20 | await page.screenshot({ path: `.agent/evidence/${info.project.name}-home.png`, fullPage: true });
|
||
> 21 | expect((await new AxeBuilder({ page }).analyze()).violations).toEqual([]);
|
||
| ^
|
||
22 | await page.emulateMedia({ reducedMotion: 'reduce' });
|
||
23 | await page.getByRole('button', { name: /소리 시작/ }).click();
|
||
24 | await expect(page.getByRole('button', { name: /듣는 중/ })).toBeDisabled();
|
||
at /home/hermes/worktrees/find-word-v0.1/tests/browser/game.spec.ts:21: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 (21.4s)
|