env: update dependencies

[lja1018]

Please check if the PR fulfills these requirements

• It's the right issue type on the title
• When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes/features)
• Docs have been added/updated (for bug fixes/features)
• It does not introduce a breaking change or has a description of the breaking change

Description

• update dependencies
• checklist
  • types
  • jest test
  • playwright test
  • storybook
  • build

---

Thank you for your contribution to TOAST UI product. 🎉 😘 ✨

[lja1018]

@testing-library/user-event는 여기에서만 쓰이며 fireEvent로 대체해도 테스트가 통과하여 대체 후 종속성 제거했습니다.

[adhrinae]

user-event 의 click 은 실제 브라우저에서 클릭했을 때랑 동일하게 이벤트를 복합적으로 실행합니다.
fireEvent 의 click 은 딱 click 이벤트만 실행시키죠. 저 테스트에서 fireEvent.click 이면 실질적으로 훅에 아무런 이벤트도 입력되지 않은 것이라 당연히 통과합니다.

그래서 user-event 를 써왔는데... 최근에 의도와 다르게 실패하는 일이 있어 fireEvent.mouseDown + fireEvent.mouseUp 을 직접 호출해야 테스트가 통과하는 경우가 잦더라고요. 그래서 많이 안남아서 이렇게 된 것 같습니다.

가급적이면 user-event 는 그대로 활용되었으면 좋겠다고 생각해요.

최신 버전 기준으로는 userEvent.setup() 으로 임의의 사용자 인스턴스를 만든 다음 활용하는 것 같군요. 한 번 시도해보시고 별로 효과 없으면 제거해주세요. 그리고 이 패키지도 @src/test/utils 에서 import 되도록 해 주시면 되겠네요.

https://testing-library.com/docs/user-event/intro/#writing-tests-with-userevent

[lja1018]

다시 설치하고 적용했습니다.
기존에 사용하던 곳을 2곳 발견하고 setup후 click과 userEvent.click 둘 모두 시도했는데 여전히 실패하고 있어 mouseDown+mouseUp 그대로 변경없이 두었습니다.

[lja1018]

@testing-library/preact-hooks의 renderHook이 @testing-library/preact에 포함되어 제거.

[adhrinae]

이걸 보니까 '어차피 이건 Jest 룰의 적용을 다 빼버려야 겠는데, 그러면 Playwright용 룰은 없을까?' 하고 찾아보니 있더라고요.

https://www.npmjs.com/package/eslint-plugin-playwright

위의 파일만 Jest 플러그인 제외되도록 오버라이드 한 다음 Playwright 적용해볼 수 있을까요?
한번 해 보시고 오래 걸린다면 이대로 두셔도 돼요.

[lja1018]

넵 한번 적용해보겠습니다