270 lines
13 KiB
Plaintext
270 lines
13 KiB
Plaintext
|
||
> find-word@0.1.0 test:browser
|
||
> playwright test
|
||
|
||
[WebServer] (node:744290) 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:744311) 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:744312) 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 실패를 화면에 표시하고 재시도한다 (14.5s)
|
||
(node:744575) 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 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 (16.2s)
|
||
(node:744703) 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)
|
||
✓ 4 [mobile] › tests/browser/game.spec.ts:58:1 › 오디오 HTTP 실패를 화면에 표시하고 재시도한다 (12.7s)
|
||
✘ 3 [mobile] › tests/browser/game.spec.ts:7:1 › 실제 오디오로 혼합 모드 완주·레이아웃·접근성·외부 요청 없음 (15.3s)
|
||
|
||
|
||
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": "#edf1e4",
|
||
+ "contrastRatio": 4.08,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#69795a",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #69795a, background color: #edf1e4, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<span>객관식</span>",
|
||
+ "target": Array [
|
||
+ ".question-meta > span:nth-child(2)",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.08 (foreground color: #69795a, background color: #edf1e4, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>객관식</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".question-meta > span:nth-child(2)",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#fffefa",
|
||
+ "contrastRatio": 4.41,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#707b65",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.41 (foreground color: #707b65, background color: #fffefa, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"question-panel panel\">",
|
||
+ "target": Array [
|
||
+ ".question-panel",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.41 (foreground color: #707b65, background color: #fffefa, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<small>다시 들어도 점수는 줄어들지 않아요.</small>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ "small",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "tags": Array [
|
||
+ "cat.color",
|
||
+ "wcag2aa",
|
||
+ "wcag143",
|
||
+ "TTv5",
|
||
+ "TT13.c",
|
||
+ "EN-301-549",
|
||
+ "EN-9.1.4.3",
|
||
+ "ACT",
|
||
+ "RGAAv4",
|
||
+ "RGAA-3.2.1",
|
||
+ ],
|
||
+ },
|
||
+ ]
|
||
|
||
32 | expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
|
||
33 | await page.screenshot({ path: `.agent/evidence/${info.project.name}-game.png`, fullPage: true });
|
||
> 34 | expect((await new AxeBuilder({ page }).analyze()).violations).toEqual([]);
|
||
| ^
|
||
35 | await page.getByRole('button', { name: /다시 듣기/ }).click();
|
||
36 | await expect(target).toBeVisible();
|
||
37 | }
|
||
at /home/hermes/worktrees/find-word-v0.1/tests/browser/game.spec.ts:34:69
|
||
|
||
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 + 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": "#edf1e4",
|
||
+ "contrastRatio": 4.08,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#69795a",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #69795a, background color: #edf1e4, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<span>객관식</span>",
|
||
+ "target": Array [
|
||
+ ".question-meta > span:nth-child(2)",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.08 (foreground color: #69795a, background color: #edf1e4, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<span>객관식</span>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ ".question-meta > span:nth-child(2)",
|
||
+ ],
|
||
+ },
|
||
+ Object {
|
||
+ "all": Array [],
|
||
+ "any": Array [
|
||
+ Object {
|
||
+ "data": Object {
|
||
+ "bgColor": "#fffefa",
|
||
+ "contrastRatio": 4.41,
|
||
+ "expectedContrastRatio": "4.5:1",
|
||
+ "fgColor": "#707b65",
|
||
+ "fontSize": "8.3pt (11px)",
|
||
+ "fontWeight": "normal",
|
||
+ "messageKey": null,
|
||
+ },
|
||
+ "id": "color-contrast",
|
||
+ "impact": "serious",
|
||
+ "message": "Element has insufficient color contrast of 4.41 (foreground color: #707b65, background color: #fffefa, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "relatedNodes": Array [
|
||
+ Object {
|
||
+ "html": "<div class=\"question-panel panel\">",
|
||
+ "target": Array [
|
||
+ ".question-panel",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "failureSummary": "Fix any of the following:
|
||
+ Element has insufficient color contrast of 4.41 (foreground color: #707b65, background color: #fffefa, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||
+ "html": "<small>다시 들어도 점수는 줄어들지 않아요.</small>",
|
||
+ "impact": "serious",
|
||
+ "none": Array [],
|
||
+ "target": Array [
|
||
+ "small",
|
||
+ ],
|
||
+ },
|
||
+ ],
|
||
+ "tags": Array [
|
||
+ "cat.color",
|
||
+ "wcag2aa",
|
||
+ "wcag143",
|
||
+ "TTv5",
|
||
+ "TT13.c",
|
||
+ "EN-301-549",
|
||
+ "EN-9.1.4.3",
|
||
+ "ACT",
|
||
+ "RGAAv4",
|
||
+ "RGAA-3.2.1",
|
||
+ ],
|
||
+ },
|
||
+ ]
|
||
|
||
32 | expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
|
||
33 | await page.screenshot({ path: `.agent/evidence/${info.project.name}-game.png`, fullPage: true });
|
||
> 34 | expect((await new AxeBuilder({ page }).analyze()).violations).toEqual([]);
|
||
| ^
|
||
35 | await page.getByRole('button', { name: /다시 듣기/ }).click();
|
||
36 | await expect(target).toBeVisible();
|
||
37 | }
|
||
at /home/hermes/worktrees/find-word-v0.1/tests/browser/game.spec.ts:34:69
|
||
|
||
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 (32.5s)
|