[Refactoring] 테스트코드를 작성할 때 recoil를 사용하는 부분에 대한 모듈을 만들어 재사용성을 높이기

[noy3928]

현재 리코일을 사용하는 컴포넌트에 대해서 테스트를 진행하려고 할 때, 반복적으로 사용하게 되는 패턴이 있다.

  const renderLoginButton = () =>
    render(
      <RecoilRoot>
        <RecoilObserver node={modalState} onChange={onChange} />
        <LoginButton />
      </RecoilRoot>,
    );

이런 그림이 나오게 되는데, 컴포넌트를 테스트 할 때 마다 이렇게 recoil과 관련된 의존성을 불러오고 다시 만들어주고 하는 행위는 불편한 것 같다. 해당 부분에 대한 모듈을 만들어 재사용 가능하게 만들자.