[React.js] Testing Library의 userEvent 사용 시 오류 (Error: Expected key descriptor but found "" in "")

 

 

Testing Library를 이용하여 리액트 컴포넌트 테스트 코드 작성 시 아래와 같은 에러가 발생했다. 

테스트는 통과하는데 cosole.error가 자꾸 발생했다. 

 

console.error
      Error: Expected key descriptor but found "" in ""
          See https://github.com/testing-library/user-event/blob/main/README.md#keyboardtext-options
          for more information about how userEvent parses your input.
          
...

 

 

 

에러가 발생한 코드는 다음과 같다. 

userEvent.type(input, '');

input에 빈 값('')을 입력 후, 특정 함수를 호출하려 하면 해당 함수가 호출되지 않도록 하는 기능을 테스트하는 코드이다. 

 

빈 문자열 입력을 잘못된 입력 값으로 보고 오류를 발생시키는 것 같다.. 

 

 

 

 

💡 해결 방법

userEvent.clear(input);

clear() API를 이용하여 아무 입력 값이 없는 경우를 테스트하는 코드를 작성하여 해결했다.