Find-Word/.agent/evidence/12-ime-replay-red.log

> 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) 542ms
   ❯ 시작부터 결과까지 사용자 흐름 (8)
     × 한글 조합 도중 처음으로 돌아가도 새 세션의 입력은 정상 제출된다 539ms

⎯⎯⎯⎯⎯⎯⎯ 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
<body>
  <div>
    <a
      class="skip-link"
      href="#main"
    >
      본문으로 건너뛰기
    </a>
    <header
      class="header wrap"
    >
      <div
        class="brand"
      >
        <span
          aria-hidden="true"
          class="brand-mark"
        >
          <i />
          <i />
          <i />
          <i />
        </span>
        <h1>
          단어를 맞춰라
        </h1>
        <span
          class="version"
        >
          v0.1
        </span>
      </div>
      <div
        class="header-actions"
      >
        <button
          class="text-button"
        >
          처음으로
        </button>
        <span
          class="little-dot"
        />
        소리에 집중하는 시간
      </div>
    </header>
    <main
      class="wrap"
      id="main"
      tabindex="-1"
    >
      <section
        aria-label="단어 찾기 게임"
        class="game-layout"
      >
        <div
          class="game-top"
        >
          <span
            class="eyebrow"
          >
            나의 소리 탐험
          </span>
          <span>
            문제 
            <b>
              01
            </b>
             / 10
          </span>
        </div>
        <progress
          aria-label="전체 진행률"
          max="10"
          value="0"
        />
        <div
          class="game-columns"
        >
          <aside
            class="environment-panel"
          >
            <p
              class="eyebrow"
            >
              지금 듣고 있는 공간
            </p>
            <h2>
              길거리
            </h2>
            <p>
              지나가는 차와 도시의 웅성임
            </p>
            <div
              aria-hidden="true"
              class="mascot small"
            >
              <span
                class="ear left"
              />
              <span
                class="ear right"
              />
              <span
                class="eye left"
              />
              <span
                class="eye right"
              />
              <span
                class="smile"
              />
              <b>
                S
              </b>
            </div>
            <div
              aria-hidden="true"
              class="sound-wave "
            >
              <i
                style="height: 10px; animation-delay: 0s;"
              />
              <i
                style="height: 33.799955450859244px; animation-delay: 0.05s;"
              />
              <i
                style="height: 16.132986448643948px; animation-delay: 0.1s;"
              />
              <i
                style="height: 32.219552375865575px; animation-delay: 0.15000000000000002s;"
              />
              <i
                style="height: 21.858720427326595px; animation-delay: 0.2s;"
              />
              <i
                style="height: 29.163690702963766px; animation-delay: 0.25s;"
              />
              <i
                style="height: 26.796992502245015px; animation-delay: 0.30000000000000004s;"
              />
              <i
                style="height: 24.835290693688798px; animation-delay: 0.35000000000000003s;"
              />
              <i
                style="height: 30.619883556555898px; animation-delay: 0.4s;"
              />
              <i
                style="height: 35.39139668035928px; animation-delay: 0.45s;"
              />
              <i
                style="height: 71.52943948029164px; animation-delay: 0.5s;"
              />
              <i
                style="height: 19.53593765210872px; animation-delay: 0.55s;"
              />
              <i
                style="height: 73.98674560913082px; animation-delay: 0.6000000000000001s;"
              />
              <i
                style="height: 16.952742107140878px; animation-delay: 0.65s;"
              />
              <i
                style="height: 72.19510052760725px; animation-delay: 0.7000000000000001s;"
              />
              <i
                style="height: 32.979734657418774px; animation-delay: 0.75s;"
              />
              <i
                style="height: 66.27347594564635px; animation-delay: 0.8s;"
              />
              <i
                style="height: 47.480789758355044px; animation-delay: 0.8500000000000001s;"
              />
              <i
                style="height: 56.615089141222136px; animation-delay: 0.9s;"
              />
              <i
                style="height: 59.492984932238116px; animation-delay: 0.9500000000000001s;"
              />
              <i
                style="height: 43.861291911681526px; animation-delay: 1s;"
              />
              <i
                style="height: 68.21866699734562px; animation-delay: 1.05s;"
              />
              <i
                style="height: 28.858982496016484px; animation-delay: 1.1s;"
              />
              <i
                style="height: 73.07841912260051px; animation-delay: 1.1500000000000001s;"
              />
              <i
                style="height: 12.60436847039135px; animation-delay: 1.2000000000000002s;"
              />
              <i
                style="height: 73.74953619965402px; animation-delay: 1.25s;"
              />
              <i
                style="height: 23.8231850360459px; animation-delay: 1.3s;"
              />
              <i
                style="height: 32.57029511072814px; animation-delay: 1.35s;"
              />
              <i
                style="height: 20.99981090780238px; animation-delay: 1.4000000000000001s;"
              />
              <i
                style="height: 29.735764963203792px; animation-delay: 1.4500000000000002s;"
              />
              <i
                style="height: 26.085500220240995px; animation-delay: 1.5s;"
              />
              <i
                style="height: 25.59070868046883px; animation-delay: 1.55s;"
              />
              <i
                style="height: 30.10305417152866px; animation-delay: 1.6s;"
              />
              <i
                style="height: 20.410372983416416px; animation-delay: 1.6500000000000001s;"
              />
              <i
                style="height: 32.785692656480826px; animation-delay: 1.7000000000000002s;"
              />
            </div>
            <div
              class="level-tag"
            >
              1
              단계 · 
              +
              6
               dB
            </div>
            <p
              class="db-note"
            >
              음성 / 배경의 상대 음량
              <br />
              소리에 익숙해지기
            </p>
            <div
              class="mini-stats"
            >
              <span>
                점수 
                <b>
                  0
                </b>
              </span>
              <span>
                연속 정답 
                <b>
                  0
                </b>
              </span>
            </div>
          </aside>
          <div
            class="question-panel panel"
          >
            <div
              class="question-meta"
            >
              <span>
                마지막 단어
              </span>
              <span>
                주관식
              </span>
            </div>
            <h2
              tabindex="-1"
            >
              마지막에 나온 단어는 무엇인가요?
            </h2>
            <p
              class="muted"
            >
              기억나는 단어 하나를 입력해 주세요.
            </p>
            <form>
              <label
                for="answer"
              >
                들은 단어
              </label>
              <input
                autocomplete="off"
                id="answer"
                maxlength="60"
                placeholder="여기에 단어를 적어 주세요"
                value="기름"
              />
              <button
                class="primary"
              >
                정답 확인
              </button>
            </form>
            <div
              class="play-controls"
            >
              <button
                class="secondary"
              >
                ↻ 다시 듣기
              </button>
              <small>
                다시 들어도 점수는 줄어들지 않아요.
              </small>
            </div>
          </div>
        </div>
      </section>
      <div
        class="volume-row"
      >
        <label
          for="volume"
        >
          <span
            aria-hidden="true"
          >
            ◖))
          </span>
           전체 음량
        </label>
        <input
          id="volume"
          max="100"
          min="0"
          type="range"
          value="35"
        />
        <output
          for="volume"
        >
          35
          %
        </output>
      </div>
    </main>
    <footer
      class="footer wrap"
    >
      <p>
        Designed by OZ at HearT-M Medical Inc.
      </p>
      <p>
        청각적 주의·식별 게임 · 의료적 진단이나 치료를 제공하지 않습니다.
      </p>
      <span>
        개인정보 수집 없이, 오직 플레이만.
      </span>
    </footer>
  </div>
</body>
 ❯ 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:61:19
     59|     await f.user.type(screen.getByRole("textbox", { name: "들은 단어" }), …
     60|     await f.user.click(screen.getByRole("button", { name: "정답 확인" }));
     61|     expect(screen.getByText("정답이에요!")).toBeInTheDocument();
       |                   ^
     62|   });
     63|   it("한글 조합을 확정하는 Enter는 채점하지 않고 다음 제출을 기다린다", async () => {

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯


 Test Files  1 failed (1)
      Tests  1 failed | 7 skipped (8)
   Start at  05:18:58
   Duration  1.41s (environment 43%, tests 42%, setup 7%, transform 4%, import 3%, worker 1%)