396 lines
15 KiB
Plaintext
396 lines
15 KiB
Plaintext
|
||||
|
|
> find-word@0.1.0 test
|
|||
|
|
> vitest run tests/App.test.tsx -t 한글 조합 도중
|
|||
|
|
|
|||
|
|
|
|||
|
|
RUN v5.0.4 /home/hermes/worktrees/find-word-v0.1
|
|||
|
|
|
|||
|
|
❯ tests/App.test.tsx (8 tests | 1 failed | 7 skipped) 488ms
|
|||
|
|
❯ 시작부터 결과까지 사용자 흐름 (8)
|
|||
|
|
× 한글 조합 도중 처음으로 돌아가도 새 세션의 입력은 정상 제출된다 487ms
|
|||
|
|
|
|||
|
|
⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯
|
|||
|
|
|
|||
|
|
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 한글 조합 도중 처음으로 돌아가도 새 세션의 입력은 정상 제출된다
|
|||
|
|
TestingLibraryElementError: Unable to find an element with the text: 정답이에요!. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
|
|||
|
|
|
|||
|
|
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[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
|
|||
|
|
[0m+[0m
|
|||
|
|
[0m6[0m
|
|||
|
|
[0m dB[0m
|
|||
|
|
[36m</div>[39m
|
|||
|
|
[36m<p[39m
|
|||
|
|
[33mclass[39m=[32m"db-note"[39m
|
|||
|
|
[36m>[39m
|
|||
|
|
[0m음성 / 배경의 상대 음량[0m
|
|||
|
|
[36m<br />[39m
|
|||
|
|
[0m소리에 익숙해지기[0m
|
|||
|
|
[36m</p>[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
|
|||
|
|
[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<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</main>[39m
|
|||
|
|
[36m<footer[39m
|
|||
|
|
[33mclass[39m=[32m"footer wrap"[39m
|
|||
|
|
[36m>[39m
|
|||
|
|
[36m<p>[39m
|
|||
|
|
[0mDesigned by OZ at HearT-M 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:58:19
|
|||
|
|
56| await f.user.type(screen.getByRole("textbox", { name: "들은 단어" }), …
|
|||
|
|
57| await f.user.click(screen.getByRole("button", { name: "정답 확인" }));
|
|||
|
|
58| expect(screen.getByText("정답이에요!")).toBeInTheDocument();
|
|||
|
|
| ^
|
|||
|
|
59| });
|
|||
|
|
60| it("한글 조합을 확정하는 Enter는 채점하지 않고 다음 제출을 기다린다", async () => {
|
|||
|
|
|
|||
|
|
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯
|
|||
|
|
|
|||
|
|
|
|||
|
|
Test Files 1 failed (1)
|
|||
|
|
Tests 1 failed | 7 skipped (8)
|
|||
|
|
Start at 05:17:35
|
|||
|
|
Duration 1.42s (environment 43%, tests 38%, transform 8%, setup 7%, import 3%, worker 1%)
|