본문 바로가기
개발/테스트코드

react test library에서 textarea 테스트할때 keyPress,keyDown

by 안뇽! 2024. 1. 9.
반응형

결론만 말하면 keyPress 안먹히고 keyDown 써야한다.

https://github.com/testing-library/user-event/issues/391

 

userEvent.type(input, 'text') consistently shuffles the input · Issue #391 · testing-library/user-event

@testing-library/user-event version: 12.0.11 Testing Framework and version: jest@24.9.0 DOM Environment: jsdom@14.0.0 (via jest-environment-jsdom-fourteen) I'm having some issues with the following...

github.com

 

// 아이콘 타이틀을 바꾸고 엔터를 누르면 readonly가 다시 적용된다.
  fireEvent.change(folderIconTitle, { target: { value: 'hello' } });
  // keyPress는 작동안함
  // fireEvent.keyPress(folderIconTitle, { key: 'Enter', code: 'Enter', charCode: 13 });
  fireEvent.keyDown(folderIconTitle, { key: 'Enter', code: 'Enter', charCode: 13 });

  expect(folderIconTitle).toHaveAttribute('readonly');
  expect(folderIconTitle).not.toHaveClass('_icon_title_edit_4cc593');

 

 

아, 그리고 userEvent.type도 안먹혀서 fireEvent로 바꿨다..

반응형