react-cookie로 쿠키값 테스트코드로 가져오는 방법

describe('로그인이 성공했을 경우', () => {

  it('"아이디 저장" 체크박스를 체크했을 시 쿠키에 itall_admin 객체의 id key로 유저가 입력한 아이디를 저장한다.', async () => {
    const { user } = await render(<LoginPage />);
    const rememberIdCheckbox = screen.getByLabelText('아이디 저장');
    const idInput = screen.getByPlaceholderText('아이디(이메일)');
    const submitButton = screen.getByRole('button', { name: '로그인' });

    const setCookies = vi.fn();
    setCookies.mockReturnValueOnce('center.test@itall.com');
    const cookieValue = setCookies();

    await user.click(rememberIdCheckbox);
    await user.type(idInput, 'center.test@itall.com');
    await user.click(submitButton);

    expect(cookieValue).toBe('center.test@itall.com');
  })

})

Forms.spec.ts파일에서 js-cookie 라이브러리 모킹해서 하시는 예시를 보고 react-cookie 사용한 프로젝트의 테스트코드를 작성중인데요. 혹시 라이브러리에서 제공하는 함수를 이렇게 setCookies라는 함수를 임의로 모킹해서 return값을 지정해서 저렇게 처리해도 되는걸까요..? 테스트는 당연히 통과되었습니다..

describe('로그인이 성공했을 경우', () => {

  it('"아이디 저장" 체크박스를 체크했을 시 쿠키에 itall_admin 객체의 id key로 유저가 입력한 아이디를 저장한다.', async () => {
    const setCookies = vi.fn();
    setCookies.mockReturnValueOnce('center.test@itall.com');
    const cookieValue = setCookies();

    expect(cookieValue).toBe('center.test@itall.com');
  })
})

import { useCookies } from 'react-cookie';
  
const [cookie, setCookie] = useCookies(['itall_admin']);