반응형
결론만 말하면 keyPress 안먹히고 keyDown 써야한다.
https://github.com/testing-library/user-event/issues/391
// 아이콘 타이틀을 바꾸고 엔터를 누르면 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로 바꿨다..
반응형
'개발 > 테스트코드' 카테고리의 다른 글
React test library에서 엘리먼트 추적할때 testid를 지양해야 하는 이유 (0) | 2023.12.27 |
---|---|
'JestMatchers<HTMLElement>' 형식에 'toBeInTheDocument' 속성이 없습니다. (0) | 2023.12.18 |
'Assertion<HTMLElement>' 형식에 'toBeInTheDocument' 속성이 없습니다.ts(2339) (vitest,pnpm,react,ts) (0) | 2023.10.07 |
find, get, query (0) | 2023.09.01 |
MSW(Mock Service Worker) : 비동기로 테스트하기 (0) | 2023.09.01 |