5492 lines
189 KiB
Plaintext
5492 lines
189 KiB
Plaintext
|
||
RUN v5.0.4 /home/hermes/worktrees/find-word-v0.2.3
|
||
|
||
❯ tests/App.test.tsx (18 tests | 10 failed) 2380ms
|
||
❯ 시작부터 결과까지 사용자 흐름 (13)
|
||
× 전체 음량을 시작 CTA 앞 설정 카드와 게임 환경 패널에 배치하고 값을 유지한다 216ms
|
||
× 다섯 난이도의 SNR과 음성·배경 크기 관계를 설명하고 결과에도 표시한다 402ms
|
||
× 한글 조합 도중 처음으로 돌아가도 새 세션의 입력은 정상 제출된다 148ms
|
||
× 혼합 모드 세 문제를 키보드·텍스트로 풀고 결과에서 다시 시작한다 342ms
|
||
× 음량 조절이 엔진에 전달되고 세션 종료 뒤 늦은 완료는 무시한다 104ms
|
||
× 시작 단계·SNR 선택, 재청취, 남은 문제와 다음 단계 라운드에 설정을 적용한다 37ms
|
||
× 오디오 started=false 중 종료는 즉시 정지하고 결과를 거쳐 홈으로 간다 87ms
|
||
× 오디오 started=true 중 종료는 즉시 정지하고 결과를 거쳐 홈으로 간다 88ms
|
||
× 답변 피드백에서 종료하면 답한 한 문항만 집계한다 121ms
|
||
× 5단계 완료는 6단계 대신 같은 단계의 새 세 문항을 시작한다 17ms
|
||
|
||
⎯⎯⎯⎯⎯⎯ Failed Tests 10 ⎯⎯⎯⎯⎯⎯⎯
|
||
|
||
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 전체 음량을 시작 CTA 앞 설정 카드와 게임 환경 패널에 배치하고 값을 유지한다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "문제 풀이 종료"
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "길거리":
|
||
[36m<h2 />[39m
|
||
|
||
Name "정정해서 알려준 단어는 무엇인가요?":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "시장":
|
||
[36m<button />[39m
|
||
|
||
Name "지장":
|
||
[36m<button />[39m
|
||
|
||
Name "사장":
|
||
[36m<button />[39m
|
||
|
||
Name "신장":
|
||
[36m<button />[39m
|
||
|
||
Name "↻ 다시 듣기":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"60"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
group:
|
||
|
||
Name "답 선택":
|
||
[36m<div[39m
|
||
[33maria-label[39m=[32m"답 선택"[39m
|
||
[33mclass[39m=[32m"answers"[39m
|
||
[33mrole[39m=[32m"group"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m01[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m길거리[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m지나가는 차와 도시의 웅성임[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"60"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m60[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m바로잡은 말[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m정정해서 알려준 단어는 무엇인가요?[0m
|
||
[36m</h2>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m>[39m
|
||
[0m가장 또렷하게 기억나는 단어를 골라 주세요.[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-label[39m=[32m"답 선택"[39m
|
||
[33mclass[39m=[32m"answers"[39m
|
||
[33mrole[39m=[32m"group"[39m
|
||
[36m>[39m
|
||
[36m<button>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[36m</span>[39m
|
||
[0m시장[0m
|
||
[36m</button>[39m
|
||
[36m<button>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m2[0m
|
||
[36m</span>[39m
|
||
[0m지장[0m
|
||
[36m</button>[39m
|
||
[36m<button>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m3[0m
|
||
[36m</span>[39m
|
||
[0m사장[0m
|
||
[36m</button>[39m
|
||
[36m<button>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m4[0m
|
||
[36m</span>[39m
|
||
[0m신장[0m
|
||
[36m</button>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"play-controls"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[36m>[39m
|
||
[0m↻ 다시 듣기[0m
|
||
[36m</button>[39m
|
||
[36m<small>[39m
|
||
[0m다시 들어도 점수는 줄어들지 않아요.[0m
|
||
[36m</small>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:99:31
|
||
97| expect(f.audio.setVolume).toHaveBeenLastCalledWith(0.6);
|
||
98| await f.finish();
|
||
99| await f.user.click(screen.getByRole("button", { name: "문제 풀이 종료" }…
|
||
| ^
|
||
100| await f.user.click(screen.getByRole("button", { name: "처음 화면으로" })…
|
||
101| expect(screen.getByRole("slider", { name: "전체 음량" })).toHaveValue(…
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 다섯 난이도의 SNR과 음성·배경 크기 관계를 설명하고 결과에도 표시한다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/결과 보기/`
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "극장":
|
||
[36m<h2 />[39m
|
||
|
||
Name "정답이에요!":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "다음 문제":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"3"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
strong:
|
||
|
||
Name "":
|
||
[36m<strong />[39m
|
||
|
||
--------------------------------------------------
|
||
blockquote:
|
||
|
||
Name "":
|
||
[36m<blockquote />[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m03[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"3"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m극장[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m어두운 공간의 낮은 울림[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m330[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m3[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m신호의 조건[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"feedback correct"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"feedback-icon"[39m
|
||
[36m>[39m
|
||
[0m✓[0m
|
||
[36m</span>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m정답이에요![0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m숨겨진 단어는 [0m
|
||
[36m<strong>[39m
|
||
[0m소리[0m
|
||
[36m</strong>[39m
|
||
[36m</p>[39m
|
||
[36m<blockquote>[39m
|
||
[0m초록 불이면 앞 단어, 빨간 불이면 뒤 단어입니다. ‘오리’, ‘소리’. 지금은 빨간 불입니다.[0m
|
||
[36m</blockquote>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m>[39m
|
||
[0m내 답: [0m
|
||
[0m소리[0m
|
||
[0m · +[0m
|
||
[0m120[0m
|
||
[0m점[0m
|
||
[36m</p>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m>[39m
|
||
[0m다음 문제[0m
|
||
[0m [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m→[0m
|
||
[36m</span>[39m
|
||
[36m</button>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:135:16
|
||
133| );
|
||
134| await f.user.click(
|
||
135| screen.getByRole("button", {
|
||
| ^
|
||
136| name: index === questions.length - 1 ? /결과 보기/ : /다음 문제/,
|
||
137| }),
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 한글 조합 도중 처음으로 돌아가도 새 세션의 입력은 정상 제출된다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "문제 풀이 종료"
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "길거리":
|
||
[36m<h2 />[39m
|
||
|
||
Name "정정해서 알려준 단어는 무엇인가요?":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "정답 확인":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m/>[39m
|
||
|
||
Name "↻ 다시 듣기":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
textbox:
|
||
|
||
Name "들은 단어":
|
||
[36m<input[39m
|
||
[33mautocomplete[39m=[32m"off"[39m
|
||
[33mid[39m=[32m"answer"[39m
|
||
[33mmaxlength[39m=[32m"60"[39m
|
||
[33mplaceholder[39m=[32m"여기에 단어를 적어 주세요"[39m
|
||
[33mvalue[39m=[32m""[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m01[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m길거리[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m지나가는 차와 도시의 웅성임[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m바로잡은 말[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m주관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m정정해서 알려준 단어는 무엇인가요?[0m
|
||
[36m</h2>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m>[39m
|
||
[0m기억나는 단어 하나를 입력해 주세요.[0m
|
||
[36m</p>[39m
|
||
[36m<form>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"answer"[39m
|
||
[36m>[39m
|
||
[0m들은 단어[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mautocomplete[39m=[32m"off"[39m
|
||
[33mid[39m=[32m"answer"[39m
|
||
[33mmaxlength[39m=[32m"60"[39m
|
||
[33mplaceholder[39m=[32m"여기에 단어를 적어 주세요"[39m
|
||
[33mvalue[39m=[32m""[39m
|
||
[36m/>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m>[39m
|
||
[0m정답 확인[0m
|
||
[36m</button>[39m
|
||
[36m</form>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"play-controls"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[36m>[39m
|
||
[0m↻ 다시 듣기[0m
|
||
[36m</button>[39m
|
||
[36m<small>[39m
|
||
[0m다시 들어도 점수는 줄어들지 않아요.[0m
|
||
[36m</small>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:160:31
|
||
158| screen.getByRole("textbox", { name: "들은 단어" }),
|
||
159| );
|
||
160| await f.user.click(screen.getByRole("button", { name: "문제 풀이 종료" }…
|
||
| ^
|
||
161| await f.user.click(screen.getByRole("button", { name: "처음 화면으로" })…
|
||
162| await f.user.click(
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 혼합 모드 세 문제를 키보드·텍스트로 풀고 결과에서 다시 시작한다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/결과 보기/`
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "극장":
|
||
[36m<h2 />[39m
|
||
|
||
Name "정답이에요!":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "다음 문제":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"3"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
strong:
|
||
|
||
Name "":
|
||
[36m<strong />[39m
|
||
|
||
--------------------------------------------------
|
||
blockquote:
|
||
|
||
Name "":
|
||
[36m<blockquote />[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m03[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"3"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m극장[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m어두운 공간의 낮은 울림[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m330[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m3[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m신호의 조건[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"feedback correct"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"feedback-icon"[39m
|
||
[36m>[39m
|
||
[0m✓[0m
|
||
[36m</span>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m정답이에요![0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m숨겨진 단어는 [0m
|
||
[36m<strong>[39m
|
||
[0m소리[0m
|
||
[36m</strong>[39m
|
||
[36m</p>[39m
|
||
[36m<blockquote>[39m
|
||
[0m초록 불이면 앞 단어, 빨간 불이면 뒤 단어입니다. ‘오리’, ‘소리’. 지금은 빨간 불입니다.[0m
|
||
[36m</blockquote>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m>[39m
|
||
[0m내 답: [0m
|
||
[0m소리[0m
|
||
[0m · +[0m
|
||
[0m120[0m
|
||
[0m점[0m
|
||
[36m</p>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m>[39m
|
||
[0m다음 문제[0m
|
||
[0m [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m→[0m
|
||
[36m</span>[39m
|
||
[36m</button>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:263:16
|
||
261| expect(screen.getByText(q.sentence)).toBeInTheDocument();
|
||
262| await f.user.click(
|
||
263| screen.getByRole("button", {
|
||
| ^
|
||
264| name: i === questions.length - 1 ? /결과 보기/ : /다음 문제/,
|
||
265| }),
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[4/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 음량 조절이 엔진에 전달되고 세션 종료 뒤 늦은 완료는 무시한다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "문제 풀이 종료"
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "길거리":
|
||
[36m<h2 />[39m
|
||
|
||
Name "소리 사이에 집중해 보세요.":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "듣는 중…":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m/>[39m
|
||
|
||
Name "듣기 중단":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"20"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mrole[39m=[32m"status"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m01[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m길거리[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m지나가는 차와 도시의 웅성임[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave active"[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"20"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m20[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m바로잡은 말[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"listening"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"listening-icon"[39m
|
||
[36m>[39m
|
||
[0m♬[0m
|
||
[36m</span>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m소리 사이에 집중해 보세요.[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m문장이 끝나면 질문이 나타나요.[0m
|
||
[36m<br />[39m
|
||
[0m작은 단어 하나를 기억해 주세요.[0m
|
||
[36m</p>[39m
|
||
[36m<p[39m
|
||
[33mrole[39m=[32m"status"[39m
|
||
[36m>[39m
|
||
[0m에스의 목소리를 듣고 있어요…[0m
|
||
[36m</p>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"play-controls"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m>[39m
|
||
[0m듣는 중…[0m
|
||
[36m</button>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m듣기 중단[0m
|
||
[36m</button>[39m
|
||
[36m<small>[39m
|
||
[0m다시 들어도 점수는 줄어들지 않아요.[0m
|
||
[36m</small>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:330:31
|
||
328| screen.getByRole("button", { name: "게임 시작 · 소리 듣기" }),
|
||
329| );
|
||
330| await f.user.click(screen.getByRole("button", { name: "문제 풀이 종료" }…
|
||
| ^
|
||
331| await f.user.click(screen.getByRole("button", { name: "처음 화면으로" })…
|
||
332| await f.finish();
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[5/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 시작 단계·SNR 선택, 재청취, 남은 문제와 다음 단계 라운드에 설정을 적용한다
|
||
TestingLibraryElementError: Unable to find a label with the text of: 시작 난이도
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<a[39m
|
||
[33mhref[39m=[32m"#howto"[39m
|
||
[36m>[39m
|
||
[0m플레이 방법 [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m↓[0m
|
||
[36m</span>[39m
|
||
[36m</a>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-labelledby[39m=[32m"hero-title"[39m
|
||
[33mclass[39m=[32m"hero"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"hero-copy"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[36m<span />[39m
|
||
[0m 귀를 기울이면, 발견하는 즐거움[0m
|
||
[36m</p>[39m
|
||
[36m<h2[39m
|
||
[33mid[39m=[32m"hero-title"[39m
|
||
[36m>[39m
|
||
[0m소음 속 작은 단어,[0m
|
||
[36m<br />[39m
|
||
[36m<em>[39m
|
||
[0m들리시나요?[0m
|
||
[36m</em>[39m
|
||
[36m</h2>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"lead"[39m
|
||
[36m>[39m
|
||
[0m도시의 소리 사이에 에스가 숨겨 둔 단어.[0m
|
||
[36m<br />[39m
|
||
[0m조금 더 귀 기울여, 오늘의 행운을 찾아보세요.[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"hero-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m10개의 질문[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m5단계 도전[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m나만의 속도로[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"sound-room"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"room-top"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[36m<i />[39m
|
||
[0m 에스의 사운드 룸[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m8[0m
|
||
[0m가지 환경[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"orbit orbit-one"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"orbit orbit-two"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"floating-note note-one"[39m
|
||
[36m>[39m
|
||
[0m♪[0m
|
||
[36m</span>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"floating-note note-two"[39m
|
||
[36m>[39m
|
||
[0m✳[0m
|
||
[36m</span>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"speech-bubble"[39m
|
||
[36m>[39m
|
||
[0m행운의 단어를 찾아보거라![0m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot "[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"room-bottom"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<span>[39m
|
||
[0m소음 사이, 숨겨진 한마디[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m<section[39m
|
||
[33maria-labelledby[39m=[32m"setup-title"[39m
|
||
[33mclass[39m=[32m"setup-card"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"setup-heading"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"section-number"[39m
|
||
[36m>[39m
|
||
[0m01[0m
|
||
[36m</span>[39m
|
||
[36m<div>[39m
|
||
[36m<h2[39m
|
||
[33mid[39m=[32m"setup-title"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험 준비[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m편한 방식으로 시작하세요. 난이도는 조금씩 높아져요.[0m
|
||
[36m</p>[39m
|
||
[36m</div>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"round-badge"[39m
|
||
[36m>[39m
|
||
[0m약 3–5분[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"setup-grid"[39m
|
||
[36m>[39m
|
||
[36m<fieldset[39m
|
||
[33mclass[39m=[32m"mode-field"[39m
|
||
[36m>[39m
|
||
[36m<legend>[39m
|
||
[0m어떻게 답할까요?[0m
|
||
[36m</legend>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mode-options"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mclass[39m=[32m"mode-option "[39m
|
||
[36m>[39m
|
||
[36m<input[39m
|
||
[33maria-label[39m=[32m"골고루 풀기"[39m
|
||
[33mchecked[39m=[32m""[39m
|
||
[33mname[39m=[32m"mode"[39m
|
||
[33mtype[39m=[32m"radio"[39m
|
||
[33mvalue[39m=[32m"mixed"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mode-icon"[39m
|
||
[36m>[39m
|
||
[0m◈[0m
|
||
[36m</span>[39m
|
||
[36m<strong>[39m
|
||
[0m골고루 풀기[0m
|
||
[36m</strong>[39m
|
||
[36m<small>[39m
|
||
[0m선택 + 직접 입력[0m
|
||
[36m</small>[39m
|
||
[36m</label>[39m
|
||
[36m<label[39m
|
||
[33mclass[39m=[32m"mode-option selected"[39m
|
||
[36m>[39m
|
||
[36m<input[39m
|
||
[33maria-label[39m=[32m"보기에서 선택"[39m
|
||
[33mname[39m=[32m"mode"[39m
|
||
[33mtype[39m=[32m"radio"[39m
|
||
[33mvalue[39m=[32m"choice"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mode-icon"[39m
|
||
[36m>[39m
|
||
[0m☷[0m
|
||
[36m</span>[39m
|
||
[36m<strong>[39m
|
||
[0m보기에서 선택[0m
|
||
[36m</strong>[39m
|
||
[36m<small>[39m
|
||
[0m4개 단어 중 하나[0m
|
||
[36m</small>[39m
|
||
[36m</label>[39m
|
||
[36m<label[39m
|
||
[33mclass[39m=[32m"mode-option "[39m
|
||
[36m>[39m
|
||
[36m<input[39m
|
||
[33maria-label[39m=[32m"직접 입력"[39m
|
||
[33mname[39m=[32m"mode"[39m
|
||
[33mtype[39m=[32m"radio"[39m
|
||
[33mvalue[39m=[32m"text"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mode-icon"[39m
|
||
[36m>[39m
|
||
[0m✎[0m
|
||
[36m</span>[39m
|
||
[36m<strong>[39m
|
||
[0m직접 입력[0m
|
||
[36m</strong>[39m
|
||
[36m<small>[39m
|
||
[0m기억한 단어 쓰기[0m
|
||
[36m</small>[39m
|
||
[36m</label>[39m
|
||
[36m</div>[39m
|
||
[36m</fieldset>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"environment-field"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"environment"[39m
|
||
[36m>[39m
|
||
[0m배경 환경[0m
|
||
[36m</label>[39m
|
||
[36m<select[39m
|
||
[33mid[39m=[32m"environment"[39m
|
||
[36m>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"rotate"[39m
|
||
[36m>[39m
|
||
[0m여덟 가지 일상 속으로[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"street"[39m
|
||
[36m>[39m
|
||
[0m길거리[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"mall"[39m
|
||
[36m>[39m
|
||
[0m쇼핑몰[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"theater"[39m
|
||
[36m>[39m
|
||
[0m극장[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"department"[39m
|
||
[36m>[39m
|
||
[0m백화점[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"market"[39m
|
||
[36m>[39m
|
||
[0m시장[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"subway"[39m
|
||
[36m>[39m
|
||
[0m지하철[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"cafe"[39m
|
||
[36m>[39m
|
||
[0m카페[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"rain"[39m
|
||
[36m>[39m
|
||
[0m비 오는 거리[0m
|
||
[36m</option>[39m
|
||
[36m</select>[39m
|
||
[36m<p>[39m
|
||
[0m길거리부터 비 오는 거리까지, 매번 다른 공간을 만나요.[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"environment-chips"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m길거리[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m카페[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m지하철[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m+5개 환경[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"start-row"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m♬[0m
|
||
[36m</span>[39m
|
||
[0m 편안한 작은 음량으로 시작해 보세요.[0m
|
||
[36m</p>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m>[39m
|
||
[0m게임 시작 · 소리 듣기 [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m→[0m
|
||
[36m</span>[39m
|
||
[36m</button>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m<section[39m
|
||
[33maria-labelledby[39m=[32m"howto-title"[39m
|
||
[33mclass[39m=[32m"howto"[39m
|
||
[33mid[39m=[32m"howto"[39m
|
||
[36m>[39m
|
||
[36m<h2[39m
|
||
[33mid[39m=[32m"howto-title"[39m
|
||
[36m>[39m
|
||
[0m작은 단어를 발견하는 방법[0m
|
||
[36m</h2>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"steps"[39m
|
||
[36m>[39m
|
||
[36m<article>[39m
|
||
[36m<span>[39m
|
||
[0m01[0m
|
||
[36m</span>[39m
|
||
[36m<h3>[39m
|
||
[0m먼저, 귀 기울이기[0m
|
||
[36m</h3>[39m
|
||
[36m<p>[39m
|
||
[0m에스의 안내와 소음 속 문장을 들어요.[0m
|
||
[36m<br />[39m
|
||
[0m처음에는 또렷하게, 점점 더 작게.[0m
|
||
[36m</p>[39m
|
||
[36m</article>[39m
|
||
[36m<article>[39m
|
||
[36m<span>[39m
|
||
[0m02[0m
|
||
[36m</span>[39m
|
||
[36m<h3>[39m
|
||
[0m기억한 단어 찾기[0m
|
||
[36m</h3>[39m
|
||
[36m<p>[39m
|
||
[0m소리가 끝나면 질문이 나타나요.[0m
|
||
[36m<br />[39m
|
||
[0m보기에서 고르거나 직접 입력해요.[0m
|
||
[36m</p>[39m
|
||
[36m</article>[39m
|
||
[36m<article>[39m
|
||
[36m<span>[39m
|
||
[0m03[0m
|
||
[36m</span>[39m
|
||
[36m<h3>[39m
|
||
[0m나의 발견 돌아보기[0m
|
||
[36m</h3>[39m
|
||
[36m<p>[39m
|
||
[0m열 문제 뒤 나의 결과를 확인해요.[0m
|
||
[36m<br />[39m
|
||
[0m놓쳤다면 언제든 다시 들어도 좋아요.[0m
|
||
[36m</p>[39m
|
||
[36m</article>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:346:37
|
||
344| const f = fixture();
|
||
345| await f.user.click(screen.getByRole("radio", { name: "보기에서 선택" }));
|
||
346| await f.user.selectOptions(screen.getByLabelText("시작 난이도"), "4");
|
||
| ^
|
||
347| expect(screen.getByRole("slider", { name: "목표 음성 SNR" })).toHaveValu…
|
||
348| fireEvent.change(screen.getByRole("slider", { name: "목표 음성 SNR" }), …
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[6/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 오디오 started=false 중 종료는 즉시 정지하고 결과를 거쳐 홈으로 간다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "문제 풀이 종료"
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "길거리":
|
||
[36m<h2 />[39m
|
||
|
||
Name "소리 사이에 집중해 보세요.":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "듣는 중…":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m/>[39m
|
||
|
||
Name "듣기 중단":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mrole[39m=[32m"status"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m01[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m길거리[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m지나가는 차와 도시의 웅성임[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave active"[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m바로잡은 말[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"listening"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"listening-icon"[39m
|
||
[36m>[39m
|
||
[0m♬[0m
|
||
[36m</span>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m소리 사이에 집중해 보세요.[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m문장이 끝나면 질문이 나타나요.[0m
|
||
[36m<br />[39m
|
||
[0m작은 단어 하나를 기억해 주세요.[0m
|
||
[36m</p>[39m
|
||
[36m<p[39m
|
||
[33mrole[39m=[32m"status"[39m
|
||
[36m>[39m
|
||
[0m소리를 준비하고 있어요…[0m
|
||
[36m</p>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"play-controls"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m>[39m
|
||
[0m듣는 중…[0m
|
||
[36m</button>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m듣기 중단[0m
|
||
[36m</button>[39m
|
||
[36m<small>[39m
|
||
[0m다시 들어도 점수는 줄어들지 않아요.[0m
|
||
[36m</small>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:377:29
|
||
375| const f = fixture(started);
|
||
376| await f.user.click(screen.getByRole("button", { name: "게임 시작 · 소리 듣기…
|
||
377| await f.user.click(screen.getByRole("button", { name: "문제 풀이 종료" }));
|
||
| ^
|
||
378| expect(f.audio.stop).toHaveBeenCalledOnce();
|
||
379| expect(screen.getByRole("heading", { name: "문제 풀이를 종료했어요." })).toHav…
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[7/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 오디오 started=true 중 종료는 즉시 정지하고 결과를 거쳐 홈으로 간다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "문제 풀이 종료"
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "길거리":
|
||
[36m<h2 />[39m
|
||
|
||
Name "소리 사이에 집중해 보세요.":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "듣는 중…":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m/>[39m
|
||
|
||
Name "듣기 중단":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mrole[39m=[32m"status"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m01[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"0"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m길거리[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m지나가는 차와 도시의 웅성임[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave active"[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m0[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m바로잡은 말[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"listening"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"listening-icon"[39m
|
||
[36m>[39m
|
||
[0m♬[0m
|
||
[36m</span>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m소리 사이에 집중해 보세요.[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m문장이 끝나면 질문이 나타나요.[0m
|
||
[36m<br />[39m
|
||
[0m작은 단어 하나를 기억해 주세요.[0m
|
||
[36m</p>[39m
|
||
[36m<p[39m
|
||
[33mrole[39m=[32m"status"[39m
|
||
[36m>[39m
|
||
[0m에스의 목소리를 듣고 있어요…[0m
|
||
[36m</p>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"play-controls"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"secondary"[39m
|
||
[33mdisabled[39m=[32m""[39m
|
||
[36m>[39m
|
||
[0m듣는 중…[0m
|
||
[36m</button>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m듣기 중단[0m
|
||
[36m</button>[39m
|
||
[36m<small>[39m
|
||
[0m다시 들어도 점수는 줄어들지 않아요.[0m
|
||
[36m</small>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:377:29
|
||
375| const f = fixture(started);
|
||
376| await f.user.click(screen.getByRole("button", { name: "게임 시작 · 소리 듣기…
|
||
377| await f.user.click(screen.getByRole("button", { name: "문제 풀이 종료" }));
|
||
| ^
|
||
378| expect(f.audio.stop).toHaveBeenCalledOnce();
|
||
379| expect(screen.getByRole("heading", { name: "문제 풀이를 종료했어요." })).toHav…
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[8/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 답변 피드백에서 종료하면 답한 한 문항만 집계한다
|
||
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "문제 풀이 종료"
|
||
|
||
Here are the accessible roles:
|
||
|
||
link:
|
||
|
||
Name "본문으로 건너뛰기":
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
banner:
|
||
|
||
Name "":
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
heading:
|
||
|
||
Name "단어를 맞춰라":
|
||
[36m<h1 />[39m
|
||
|
||
Name "길거리":
|
||
[36m<h2 />[39m
|
||
|
||
Name "정답이에요!":
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
button:
|
||
|
||
Name "처음으로":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m/>[39m
|
||
|
||
Name "다음 문제":
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
main:
|
||
|
||
Name "":
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
region:
|
||
|
||
Name "단어 찾기 게임":
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
progressbar:
|
||
|
||
Name "전체 진행률":
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"1"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
complementary:
|
||
|
||
Name "":
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
paragraph:
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m/>[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
Name "":
|
||
[36m<p />[39m
|
||
|
||
--------------------------------------------------
|
||
slider:
|
||
|
||
Name "전체 음량":
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
status:
|
||
|
||
Name "":
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
strong:
|
||
|
||
Name "":
|
||
[36m<strong />[39m
|
||
|
||
--------------------------------------------------
|
||
blockquote:
|
||
|
||
Name "":
|
||
[36m<blockquote />[39m
|
||
|
||
--------------------------------------------------
|
||
contentinfo:
|
||
|
||
Name "":
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m/>[39m
|
||
|
||
--------------------------------------------------
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"text-button"[39m
|
||
[36m>[39m
|
||
[0m처음으로[0m
|
||
[36m</button>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-label[39m=[32m"단어 찾기 게임"[39m
|
||
[33mclass[39m=[32m"game-layout"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-top"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m문제 [0m
|
||
[36m<b>[39m
|
||
[0m01[0m
|
||
[36m</b>[39m
|
||
[0m / 10[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<progress[39m
|
||
[33maria-label[39m=[32m"전체 진행률"[39m
|
||
[33mmax[39m=[32m"10"[39m
|
||
[33mvalue[39m=[32m"1"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"game-columns"[39m
|
||
[36m>[39m
|
||
[36m<aside[39m
|
||
[33mclass[39m=[32m"environment-panel"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[0m지금 듣고 있는 공간[0m
|
||
[36m</p>[39m
|
||
[36m<h2>[39m
|
||
[0m길거리[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m지나가는 차와 도시의 웅성임[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot small"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"level-tag"[39m
|
||
[36m>[39m
|
||
[0m1[0m
|
||
[0m단계 · [0m
|
||
[0mSNR +6 dB[0m
|
||
[36m</div>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"db-note"[39m
|
||
[36m>[39m
|
||
[0m음성이 배경보다 6 dB 커요.[0m
|
||
[36m<br />[39m
|
||
[0m소리에 익숙해지기[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mini-stats"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m점수 [0m
|
||
[36m<b>[39m
|
||
[0m100[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m연속 정답 [0m
|
||
[36m<b>[39m
|
||
[0m1[0m
|
||
[36m</b>[39m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</aside>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-panel panel"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"question-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m바로잡은 말[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m객관식[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"feedback correct"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"feedback-icon"[39m
|
||
[36m>[39m
|
||
[0m✓[0m
|
||
[36m</span>[39m
|
||
[36m<h2[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[0m정답이에요![0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m숨겨진 단어는 [0m
|
||
[36m<strong>[39m
|
||
[0m시장[0m
|
||
[36m</strong>[39m
|
||
[36m</p>[39m
|
||
[36m<blockquote>[39m
|
||
[0m정답은 ‘지장’입니다. 아니, 잘못 말했어요. 정정한 답은 ‘시장’입니다.[0m
|
||
[36m</blockquote>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"muted"[39m
|
||
[36m>[39m
|
||
[0m내 답: [0m
|
||
[0m시장[0m
|
||
[0m · +[0m
|
||
[0m100[0m
|
||
[0m점[0m
|
||
[36m</p>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m>[39m
|
||
[0m다음 문제[0m
|
||
[0m [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m→[0m
|
||
[36m</span>[39m
|
||
[36m</button>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:393:29
|
||
391| await f.finish();
|
||
392| await f.user.click(screen.getByRole("button", { name: new RegExp(cre…
|
||
393| await f.user.click(screen.getByRole("button", { name: "문제 풀이 종료" }));
|
||
| ^
|
||
394| expect(screen.getByText("응답 1문항 · 정답 1문항")).toBeInTheDocument();
|
||
395| expect(screen.getByText("정답률 · 1/1")).toBeInTheDocument();
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[9/10]⎯
|
||
|
||
FAIL tests/App.test.tsx > 5단계 완료는 6단계 대신 같은 단계의 새 세 문항을 시작한다
|
||
TestingLibraryElementError: Unable to find a label with the text of: 시작 난이도
|
||
|
||
Ignored nodes: comments, script, style
|
||
[36m<body>[39m
|
||
[36m<div>[39m
|
||
[36m<a[39m
|
||
[33mclass[39m=[32m"skip-link"[39m
|
||
[33mhref[39m=[32m"#main"[39m
|
||
[36m>[39m
|
||
[0m본문으로 건너뛰기[0m
|
||
[36m</a>[39m
|
||
[36m<header[39m
|
||
[33mclass[39m=[32m"header wrap"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"brand"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"brand-mark"[39m
|
||
[36m>[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m<i />[39m
|
||
[36m</span>[39m
|
||
[36m<h1>[39m
|
||
[0m단어를 맞춰라[0m
|
||
[36m</h1>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"version"[39m
|
||
[36m>[39m
|
||
[0mv0.1.1[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"header-actions"[39m
|
||
[36m>[39m
|
||
[36m<a[39m
|
||
[33mhref[39m=[32m"#howto"[39m
|
||
[36m>[39m
|
||
[0m플레이 방법 [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m↓[0m
|
||
[36m</span>[39m
|
||
[36m</a>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"little-dot"[39m
|
||
[36m/>[39m
|
||
[0m소리에 집중하는 시간[0m
|
||
[36m</div>[39m
|
||
[36m</header>[39m
|
||
[36m<main[39m
|
||
[33mclass[39m=[32m"wrap"[39m
|
||
[33mid[39m=[32m"main"[39m
|
||
[33mtabindex[39m=[32m"-1"[39m
|
||
[36m>[39m
|
||
[36m<section[39m
|
||
[33maria-labelledby[39m=[32m"hero-title"[39m
|
||
[33mclass[39m=[32m"hero"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"hero-copy"[39m
|
||
[36m>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"eyebrow"[39m
|
||
[36m>[39m
|
||
[36m<span />[39m
|
||
[0m 귀를 기울이면, 발견하는 즐거움[0m
|
||
[36m</p>[39m
|
||
[36m<h2[39m
|
||
[33mid[39m=[32m"hero-title"[39m
|
||
[36m>[39m
|
||
[0m소음 속 작은 단어,[0m
|
||
[36m<br />[39m
|
||
[36m<em>[39m
|
||
[0m들리시나요?[0m
|
||
[36m</em>[39m
|
||
[36m</h2>[39m
|
||
[36m<p[39m
|
||
[33mclass[39m=[32m"lead"[39m
|
||
[36m>[39m
|
||
[0m도시의 소리 사이에 에스가 숨겨 둔 단어.[0m
|
||
[36m<br />[39m
|
||
[0m조금 더 귀 기울여, 오늘의 행운을 찾아보세요.[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"hero-meta"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m10개의 질문[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m5단계 도전[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m나만의 속도로[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"sound-room"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"room-top"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[36m<i />[39m
|
||
[0m 에스의 사운드 룸[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m8[0m
|
||
[0m가지 환경[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"orbit orbit-one"[39m
|
||
[36m/>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"orbit orbit-two"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"floating-note note-one"[39m
|
||
[36m>[39m
|
||
[0m♪[0m
|
||
[36m</span>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"floating-note note-two"[39m
|
||
[36m>[39m
|
||
[0m✳[0m
|
||
[36m</span>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"speech-bubble"[39m
|
||
[36m>[39m
|
||
[0m행운의 단어를 찾아보거라![0m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mascot "[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"ear right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye left"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"eye right"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"smile"[39m
|
||
[36m/>[39m
|
||
[36m<b>[39m
|
||
[0mS[0m
|
||
[36m</b>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"room-bottom"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"sound-wave "[39m
|
||
[36m>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 10px; animation-delay: 0s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 33.799955450859244px; animation-delay: 0.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.132986448643948px; animation-delay: 0.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 21.858720427326595px; animation-delay: 0.2s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.163690702963766px; animation-delay: 0.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.619883556555898px; animation-delay: 0.4s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 35.39139668035928px; animation-delay: 0.45s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 71.52943948029164px; animation-delay: 0.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 19.53593765210872px; animation-delay: 0.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 16.952742107140878px; animation-delay: 0.65s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.979734657418774px; animation-delay: 0.75s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 66.27347594564635px; animation-delay: 0.8s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 56.615089141222136px; animation-delay: 0.9s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 43.861291911681526px; animation-delay: 1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 68.21866699734562px; animation-delay: 1.05s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 28.858982496016484px; animation-delay: 1.1s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 73.74953619965402px; animation-delay: 1.25s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 23.8231850360459px; animation-delay: 1.3s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.57029511072814px; animation-delay: 1.35s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 26.085500220240995px; animation-delay: 1.5s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 25.59070868046883px; animation-delay: 1.55s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 30.10305417152866px; animation-delay: 1.6s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"[39m
|
||
[36m/>[39m
|
||
[36m<i[39m
|
||
[33mstyle[39m=[32m"height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"[39m
|
||
[36m/>[39m
|
||
[36m</div>[39m
|
||
[36m<span>[39m
|
||
[0m소음 사이, 숨겨진 한마디[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m<section[39m
|
||
[33maria-labelledby[39m=[32m"setup-title"[39m
|
||
[33mclass[39m=[32m"setup-card"[39m
|
||
[36m>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"setup-heading"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"section-number"[39m
|
||
[36m>[39m
|
||
[0m01[0m
|
||
[36m</span>[39m
|
||
[36m<div>[39m
|
||
[36m<h2[39m
|
||
[33mid[39m=[32m"setup-title"[39m
|
||
[36m>[39m
|
||
[0m나의 소리 탐험 준비[0m
|
||
[36m</h2>[39m
|
||
[36m<p>[39m
|
||
[0m편한 방식으로 시작하세요. 난이도는 조금씩 높아져요.[0m
|
||
[36m</p>[39m
|
||
[36m</div>[39m
|
||
[36m<span[39m
|
||
[33mclass[39m=[32m"round-badge"[39m
|
||
[36m>[39m
|
||
[0m약 3–5분[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"setup-grid"[39m
|
||
[36m>[39m
|
||
[36m<fieldset[39m
|
||
[33mclass[39m=[32m"mode-field"[39m
|
||
[36m>[39m
|
||
[36m<legend>[39m
|
||
[0m어떻게 답할까요?[0m
|
||
[36m</legend>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"mode-options"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mclass[39m=[32m"mode-option selected"[39m
|
||
[36m>[39m
|
||
[36m<input[39m
|
||
[33maria-label[39m=[32m"골고루 풀기"[39m
|
||
[33mchecked[39m=[32m""[39m
|
||
[33mname[39m=[32m"mode"[39m
|
||
[33mtype[39m=[32m"radio"[39m
|
||
[33mvalue[39m=[32m"mixed"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mode-icon"[39m
|
||
[36m>[39m
|
||
[0m◈[0m
|
||
[36m</span>[39m
|
||
[36m<strong>[39m
|
||
[0m골고루 풀기[0m
|
||
[36m</strong>[39m
|
||
[36m<small>[39m
|
||
[0m선택 + 직접 입력[0m
|
||
[36m</small>[39m
|
||
[36m</label>[39m
|
||
[36m<label[39m
|
||
[33mclass[39m=[32m"mode-option "[39m
|
||
[36m>[39m
|
||
[36m<input[39m
|
||
[33maria-label[39m=[32m"보기에서 선택"[39m
|
||
[33mname[39m=[32m"mode"[39m
|
||
[33mtype[39m=[32m"radio"[39m
|
||
[33mvalue[39m=[32m"choice"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mode-icon"[39m
|
||
[36m>[39m
|
||
[0m☷[0m
|
||
[36m</span>[39m
|
||
[36m<strong>[39m
|
||
[0m보기에서 선택[0m
|
||
[36m</strong>[39m
|
||
[36m<small>[39m
|
||
[0m4개 단어 중 하나[0m
|
||
[36m</small>[39m
|
||
[36m</label>[39m
|
||
[36m<label[39m
|
||
[33mclass[39m=[32m"mode-option "[39m
|
||
[36m>[39m
|
||
[36m<input[39m
|
||
[33maria-label[39m=[32m"직접 입력"[39m
|
||
[33mname[39m=[32m"mode"[39m
|
||
[33mtype[39m=[32m"radio"[39m
|
||
[33mvalue[39m=[32m"text"[39m
|
||
[36m/>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[33mclass[39m=[32m"mode-icon"[39m
|
||
[36m>[39m
|
||
[0m✎[0m
|
||
[36m</span>[39m
|
||
[36m<strong>[39m
|
||
[0m직접 입력[0m
|
||
[36m</strong>[39m
|
||
[36m<small>[39m
|
||
[0m기억한 단어 쓰기[0m
|
||
[36m</small>[39m
|
||
[36m</label>[39m
|
||
[36m</div>[39m
|
||
[36m</fieldset>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"environment-field"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"environment"[39m
|
||
[36m>[39m
|
||
[0m배경 환경[0m
|
||
[36m</label>[39m
|
||
[36m<select[39m
|
||
[33mid[39m=[32m"environment"[39m
|
||
[36m>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"rotate"[39m
|
||
[36m>[39m
|
||
[0m여덟 가지 일상 속으로[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"street"[39m
|
||
[36m>[39m
|
||
[0m길거리[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"mall"[39m
|
||
[36m>[39m
|
||
[0m쇼핑몰[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"theater"[39m
|
||
[36m>[39m
|
||
[0m극장[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"department"[39m
|
||
[36m>[39m
|
||
[0m백화점[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"market"[39m
|
||
[36m>[39m
|
||
[0m시장[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"subway"[39m
|
||
[36m>[39m
|
||
[0m지하철[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"cafe"[39m
|
||
[36m>[39m
|
||
[0m카페[0m
|
||
[36m</option>[39m
|
||
[36m<option[39m
|
||
[33mvalue[39m=[32m"rain"[39m
|
||
[36m>[39m
|
||
[0m비 오는 거리[0m
|
||
[36m</option>[39m
|
||
[36m</select>[39m
|
||
[36m<p>[39m
|
||
[0m길거리부터 비 오는 거리까지, 매번 다른 공간을 만나요.[0m
|
||
[36m</p>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"environment-chips"[39m
|
||
[36m>[39m
|
||
[36m<span>[39m
|
||
[0m길거리[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m카페[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m지하철[0m
|
||
[36m</span>[39m
|
||
[36m<span>[39m
|
||
[0m+5개 환경[0m
|
||
[36m</span>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"volume-row"[39m
|
||
[36m>[39m
|
||
[36m<label[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m◖))[0m
|
||
[36m</span>[39m
|
||
[0m 전체 음량[0m
|
||
[36m</label>[39m
|
||
[36m<input[39m
|
||
[33mid[39m=[32m"volume"[39m
|
||
[33mmax[39m=[32m"100"[39m
|
||
[33mmin[39m=[32m"0"[39m
|
||
[33mtype[39m=[32m"range"[39m
|
||
[33mvalue[39m=[32m"35"[39m
|
||
[36m/>[39m
|
||
[36m<output[39m
|
||
[33mfor[39m=[32m"volume"[39m
|
||
[36m>[39m
|
||
[0m35[0m
|
||
[0m%[0m
|
||
[36m</output>[39m
|
||
[36m</div>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"start-row"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m♬[0m
|
||
[36m</span>[39m
|
||
[0m 편안한 작은 음량으로 시작해 보세요.[0m
|
||
[36m</p>[39m
|
||
[36m<button[39m
|
||
[33mclass[39m=[32m"primary"[39m
|
||
[36m>[39m
|
||
[0m게임 시작 · 소리 듣기 [0m
|
||
[36m<span[39m
|
||
[33maria-hidden[39m=[32m"true"[39m
|
||
[36m>[39m
|
||
[0m→[0m
|
||
[36m</span>[39m
|
||
[36m</button>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m<section[39m
|
||
[33maria-labelledby[39m=[32m"howto-title"[39m
|
||
[33mclass[39m=[32m"howto"[39m
|
||
[33mid[39m=[32m"howto"[39m
|
||
[36m>[39m
|
||
[36m<h2[39m
|
||
[33mid[39m=[32m"howto-title"[39m
|
||
[36m>[39m
|
||
[0m작은 단어를 발견하는 방법[0m
|
||
[36m</h2>[39m
|
||
[36m<div[39m
|
||
[33mclass[39m=[32m"steps"[39m
|
||
[36m>[39m
|
||
[36m<article>[39m
|
||
[36m<span>[39m
|
||
[0m01[0m
|
||
[36m</span>[39m
|
||
[36m<h3>[39m
|
||
[0m먼저, 귀 기울이기[0m
|
||
[36m</h3>[39m
|
||
[36m<p>[39m
|
||
[0m에스의 안내와 소음 속 문장을 들어요.[0m
|
||
[36m<br />[39m
|
||
[0m처음에는 또렷하게, 점점 더 작게.[0m
|
||
[36m</p>[39m
|
||
[36m</article>[39m
|
||
[36m<article>[39m
|
||
[36m<span>[39m
|
||
[0m02[0m
|
||
[36m</span>[39m
|
||
[36m<h3>[39m
|
||
[0m기억한 단어 찾기[0m
|
||
[36m</h3>[39m
|
||
[36m<p>[39m
|
||
[0m소리가 끝나면 질문이 나타나요.[0m
|
||
[36m<br />[39m
|
||
[0m보기에서 고르거나 직접 입력해요.[0m
|
||
[36m</p>[39m
|
||
[36m</article>[39m
|
||
[36m<article>[39m
|
||
[36m<span>[39m
|
||
[0m03[0m
|
||
[36m</span>[39m
|
||
[36m<h3>[39m
|
||
[0m나의 발견 돌아보기[0m
|
||
[36m</h3>[39m
|
||
[36m<p>[39m
|
||
[0m열 문제 뒤 나의 결과를 확인해요.[0m
|
||
[36m<br />[39m
|
||
[0m놓쳤다면 언제든 다시 들어도 좋아요.[0m
|
||
[36m</p>[39m
|
||
[36m</article>[39m
|
||
[36m</div>[39m
|
||
[36m</section>[39m
|
||
[36m</main>[39m
|
||
[36m<footer[39m
|
||
[33mclass[39m=[32m"footer wrap"[39m
|
||
[36m>[39m
|
||
[36m<p>[39m
|
||
[0mDesigned by OZ at Heat-T Medical Inc.[0m
|
||
[36m</p>[39m
|
||
[36m<p>[39m
|
||
[0m청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.[0m
|
||
[36m</p>[39m
|
||
[36m<span>[39m
|
||
[0m개인정보 수집 없이, 오직 플레이만.[0m
|
||
[36m</span>[39m
|
||
[36m</footer>[39m
|
||
[36m</div>[39m
|
||
[36m</body>[39m
|
||
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
|
||
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
|
||
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
|
||
❯ tests/App.test.tsx:400:37
|
||
398| it("5단계 완료는 6단계 대신 같은 단계의 새 세 문항을 시작한다", async () => {
|
||
399| const f = fixture();
|
||
400| await f.user.selectOptions(screen.getByLabelText("시작 난이도"), "5");
|
||
| ^
|
||
401| await f.user.click(screen.getByRole("radio", { name: "보기에서 선택" }));
|
||
402| await f.user.click(screen.getByRole("button", { name: "게임 시작 · 소리 듣기…
|
||
|
||
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[10/10]⎯
|
||
|
||
|
||
Test Files 1 failed (1)
|
||
Tests 10 failed | 8 passed (18)
|
||
Start at 07:58:09
|
||
Duration 3.29s (tests 75%, environment 18%, setup 3%, transform 2%, import 1%)
|
||
|