Day 19 Provider小Tips

今天是一个小Tip的日子，当我们在座每项测试案例时，不可能每次都要包Provider吧 太累

import { render } from '@testing-library/react';
import { UserProvider } from '@contexts/nameContext';

const renderWithProvider = (ui: any, opt: any) =>
  render(ui, {
    wrapper: UserProvider,
    ...opt
  });

export * from '@testing-library/react';

export { renderWithProvider as render };

所以我们可以用一个utils把他包起来

import { render, screen } from '../../../test-utils/context-utils';
import Name from '../Name';

test.only('should get name from context', async () => {
  render(<Name />, {});
  const getName = screen.queryByText(/hello/i);

  expect(getName).toBeTruthy();
});

这样我们随时都可以使用Provider的状态