1526 lines
52 KiB
Plaintext
1526 lines
52 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 (13 tests | 3 failed | 10 skipped) 455ms
|
|||
|
|
❯ 시작부터 결과까지 사용자 흐름 (13)
|
|||
|
|
× 시작 안내는 장식 번호 대신 8가지 환경을 표시한다 93ms
|
|||
|
|
× 시작 안내의 현재 페이지 링크는 아래 화살표를 표시한다 134ms
|
|||
|
|
× 시작 안내의 CTA는 게임 시작과 소리 재생을 함께 알린다 226ms
|
|||
|
|
|
|||
|
|
⎯⎯⎯⎯⎯⎯⎯ Failed Tests 3 ⎯⎯⎯⎯⎯⎯⎯
|
|||
|
|
|
|||
|
|
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 시작 안내는 장식 번호 대신 8가지 환경을 표시한다
|
|||
|
|
TestingLibraryElementError: Unable to find an element with the text: 8가지 환경. 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<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
|
|||
|
|
[0m01 / 08[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 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:50:19
|
|||
|
|
48| it("시작 안내는 장식 번호 대신 8가지 환경을 표시한다", () => {
|
|||
|
|
49| fixture();
|
|||
|
|
50| expect(screen.getByText("8가지 환경", { exact: true })).toBeInTheDocum…
|
|||
|
|
| ^
|
|||
|
|
51| expect(screen.queryByText("01 / 08")).not.toBeInTheDocument();
|
|||
|
|
52| });
|
|||
|
|
|
|||
|
|
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/3]⎯
|
|||
|
|
|
|||
|
|
FAIL tests/App.test.tsx > 시작부터 결과까지 사용자 흐름 > 시작 안내의 현재 페이지 링크는 아래 화살표를 표시한다
|
|||
|
|
Error: expect(element).toHaveTextContent()
|
|||
|
|
|
|||
|
|
Expected element to have text content:
|
|||
|
|
플레이 방법 ↓
|
|||
|
|
Received:
|
|||
|
|
플레이 방법 ↗
|
|||
|
|
❯ tests/App.test.tsx:57:18
|
|||
|
|
55| const link = screen.getByRole("link", { name: "플레이 방법" });
|
|||
|
|
56| expect(link).toHaveAttribute("href", "#howto");
|
|||
|
|
57| expect(link).toHaveTextContent("플레이 방법 ↓");
|
|||
|
|
| ^
|
|||
|
|
58| expect(within(link).getByText("↓")).toHaveAttribute("aria-hidden",…
|
|||
|
|
59| });
|
|||
|
|
|
|||
|
|
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/3]⎯
|
|||
|
|
|
|||
|
|
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
|
|||
|
|
|
|||
|
|
Name "플레이 방법":
|
|||
|
|
[36m<a[39m
|
|||
|
|
[33mhref[39m=[32m"#howto"[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
|
|||
|
|
[33mid[39m=[32m"hero-title"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "나의 소리 탐험 준비":
|
|||
|
|
[36m<h2[39m
|
|||
|
|
[33mid[39m=[32m"setup-title"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "작은 단어를 발견하는 방법":
|
|||
|
|
[36m<h2[39m
|
|||
|
|
[33mid[39m=[32m"howto-title"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "먼저, 귀 기울이기":
|
|||
|
|
[36m<h3 />[39m
|
|||
|
|
|
|||
|
|
Name "기억한 단어 찾기":
|
|||
|
|
[36m<h3 />[39m
|
|||
|
|
|
|||
|
|
Name "나의 발견 돌아보기":
|
|||
|
|
[36m<h3 />[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-labelledby[39m=[32m"hero-title"[39m
|
|||
|
|
[33mclass[39m=[32m"hero"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "나의 소리 탐험 준비":
|
|||
|
|
[36m<section[39m
|
|||
|
|
[33maria-labelledby[39m=[32m"setup-title"[39m
|
|||
|
|
[33mclass[39m=[32m"setup-card"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "작은 단어를 발견하는 방법":
|
|||
|
|
[36m<section[39m
|
|||
|
|
[33maria-labelledby[39m=[32m"howto-title"[39m
|
|||
|
|
[33mclass[39m=[32m"howto"[39m
|
|||
|
|
[33mid[39m=[32m"howto"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
paragraph:
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p[39m
|
|||
|
|
[33mclass[39m=[32m"eyebrow"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p[39m
|
|||
|
|
[33mclass[39m=[32m"lead"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<p />[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
emphasis:
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<em />[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
group:
|
|||
|
|
|
|||
|
|
Name "어떻게 답할까요?":
|
|||
|
|
[36m<fieldset[39m
|
|||
|
|
[33mclass[39m=[32m"mode-field"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
radio:
|
|||
|
|
|
|||
|
|
Name "골고루 풀기":
|
|||
|
|
[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
|
|||
|
|
|
|||
|
|
Name "보기에서 선택":
|
|||
|
|
[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
|
|||
|
|
|
|||
|
|
Name "직접 입력":
|
|||
|
|
[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
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
strong:
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<strong />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<strong />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<strong />[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
combobox:
|
|||
|
|
|
|||
|
|
Name "배경 환경":
|
|||
|
|
[36m<select[39m
|
|||
|
|
[33mid[39m=[32m"environment"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
option:
|
|||
|
|
|
|||
|
|
Name "여덟 가지 일상 속으로":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"rotate"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "길거리":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"street"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "쇼핑몰":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"mall"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "극장":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"theater"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "백화점":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"department"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "시장":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"market"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "지하철":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"subway"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "카페":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"cafe"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
Name "비 오는 거리":
|
|||
|
|
[36m<option[39m
|
|||
|
|
[33mvalue[39m=[32m"rain"[39m
|
|||
|
|
[36m/>[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
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
button:
|
|||
|
|
|
|||
|
|
Name "소리 시작":
|
|||
|
|
[36m<button[39m
|
|||
|
|
[33mclass[39m=[32m"primary"[39m
|
|||
|
|
[36m/>[39m
|
|||
|
|
|
|||
|
|
--------------------------------------------------
|
|||
|
|
article:
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<article />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<article />[39m
|
|||
|
|
|
|||
|
|
Name "":
|
|||
|
|
[36m<article />[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[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
|
|||
|
|
[0m01 / 08[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 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:62:26
|
|||
|
|
60| it("시작 안내의 CTA는 게임 시작과 소리 재생을 함께 알린다", async () => {
|
|||
|
|
61| const f = fixture();
|
|||
|
|
62| const start = screen.getByRole("button", { name: "게임 시작 · 소리 듣기", …
|
|||
|
|
| ^
|
|||
|
|
63| expect(start).toHaveTextContent("게임 시작 · 소리 듣기");
|
|||
|
|
64| expect(f.audio.play).not.toHaveBeenCalled();
|
|||
|
|
|
|||
|
|
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/3]⎯
|
|||
|
|
|
|||
|
|
|
|||
|
|
Test Files 1 failed (1)
|
|||
|
|
Tests 3 failed | 10 skipped (13)
|
|||
|
|
Start at 05:33:14
|
|||
|
|
Duration 1.36s (environment 46%, tests 37%, setup 9%, transform 4%, import 3%, worker 1%)
|