인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

리액트 앱 테스트 하기

테스트 실행하면 fail이 나오는데 어떻게 해결해야될까요?

작성

·

720

0

아래 다른분이 질문하셨길래 봤는데 어디를 지워야할지 모르겠습니다

아래는 실행했을때 에러코드입니다

 FAIL  src/App.test.js
  ✕ renders learn react link (78 ms)

  ● renders learn react link

    TestingLibraryElementError: Unable to find an element with the text: /learn react/i. 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.

    <body>
      <div>
        <div
          class="App"
        >
          <header
            class="App-header"
          >
            <img
              alt="logo"
              class="App-logo"
              src="logo.svg"
            />
            <p>
              Edit
              <code>
                src/App.js
              </code>
               and save to reload.
            </p>
            <a
              class="App-link"
              href="https://reactjs.org"
              rel="noopener noreferrer"
              target="_blank"
            >
              안녕안녕
            </a>
          </header>
        </div>
      </div>
    </body>

      4 | test('renders learn react link', () => {
      5 |   render(<App />);
    > 6 |   const linkElement = screen.getByText(/learn react/i);
        |                              ^
      7 |   expect(linkElement).toBeInTheDocument();
      8 | });
      9 |

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:90:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:62:17
      at getByText (node_modules/@testing-library/dom/dist/query-helpers.js:111:19)
      at Object.<anonymous> (src/App.test.js:6:30)

Test Suites: 1 failed, 1 total
Tests:       1 failed, 1 total
Snapshots:   0 total
Time:        4.242 s
Ran all test suites.

Watch Usage
 › Press f to run only failed tests.
 › Press o to only run tests related to changed files.
 › Press q to quit watch mode.
 › Press p to filter by a filename regex pattern.
 › Press t to filter by a test name regex pattern.
 › Press Enter to trigger a test run.

답변 1

1

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요

보시면  

테스트에서는 기대하고 있는 텍스트가  

learn react

입니다 하지만 
현재 App.js에서는  

안녕안녕

을 출력하고 있어서 테스트에서 에러가 납니다 ~ 

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기