如何在React Testing Library中测试传入Apollo GraphQL查询的数据的形状？

import { render, waitFor } from '@testing-library/react';
import { MockedProvider } from '@apollo/client/testing';
import { gql } from '@apollo/client';
import MyComponent from './MyComponent';

const GET_DATA_QUERY = gql`
  query GetData {
    data {
      id
      name
      age
    }
  }
`;

const mockResponse = {
  data: {
    data: {
      id: '1',
      name: 'John',
      age: 30,
    },
  },
};

const mocks = [
  {
    request: {
      query: GET_DATA_QUERY,
    },
    result: mockResponse,
  },
];

render(
  <MockedProvider mocks={mocks} addTypename={false}>
    <MyComponent />
  </MockedProvider>
);

await waitFor(() => {
  const idElement = getByText('ID: 1');
  const nameElement = getByText('Name: John');
  const ageElement = getByText('Age: 30');

  expect(idElement).toBeInTheDocument();
  expect(nameElement).toBeInTheDocument();
  expect(ageElement).toBeInTheDocument();
});