...
// テスト対象のコンポーネントをimoprt
import HogeComponent from '.';

...

beforeEach(async () => {
  // テストの前に実施する共通処理を定義
}

...

describe('テスト対象や条件を書く', () => {
  it('テストの内容を書く。xxが表示されること。yyが更新されること。など', async () => {
    // HogeComponentをレンダリング
    render(<HogeComponent />);

    // waitForを使ってレンダリングされるのを待つ
    await waitFor(() => {
      // Hogeというtitleが見つかるまで待機
      screen.getByTitle('Hoge');
    });

    // expectを使って要素をテスト
    expect(screen.getByText('hoge')).toEqual('hoge')
  });

  describe('さらに条件分岐する場合ネストさせる', () => {
    it('yyが更新されること', async () => {
      // HogeComponentをレンダリング
      render(<HogeComponent />);

      // userEventを使ってイベント発火
      userEvent.click(screen.getByRole('button'));

      // クリックイベントが終わるのを待つ
      await waitFor(() => {
        // Hogeというtitleが見つかるまで待機
        screen.getByTitle('Hoge');
      });

      // expectを使って要素をテスト
      expect(screen.getByText('hoge')).toEqual('hoge')
  });
});

// role='button', aria-label='hoge'のボタンを取得
screen.getByRole('button', { name: 'hoge' })

// テキストが'hoge'の要素の親の<tr>を探す
screen.getByText('hoge').closest('tr')

render(<Hoge>);

// 画面上のボタン要素を取得
screen.getByRole('button')

// 画面上にhogeが表示されるまで待つ
await waitFor(() => {
  screen.getByText(/hoge/);
});

// hogeが記載されている<tr>を取得してその中のbuttonを取得
const tr = screen.getByText('hoge').closest('tr');
const button = within(tr!).getByRole('button');

userEvent.type(input, 'hoge');
// 入力後にフォーカスを外したい場合はtabを呼び出す
userEvent.tab();

import { MockedProvider } from '@apollo/client/testing';

const mocks = [
  {
    request: {
      query: HogeDocument,
      variables: {},
    },
    result: {
      data: {
        hoge: {
          id: 1,
          text: 'hoge'
        },
      },
    },
  },
  {
    request: {
      query: UpdateHogeDocument,
      variables: { id: 1, text: 'hoge' }
    },
    result: {
      data: {
        id: 1,
        text: 'hoge'
      }
    },
  }
];

it('hoge', async () => {
  render(
    <MockedProvider mocks={mocks} addTypename={false}>
      <Hoge />
    </MockedProvider>
  );

  // レンダー時に呼び出されるものはwaitForで待って確認

  // Mutationは発火させるアクションを実施したのちにwaitForで待って確認
});