用jest测试中继[createFragmentContainer]？

npm install --save-dev jest @testing-library/react @testing-library/jest-dom @apollo/client graphql

// MyComponent.js
import React from 'react';

const MyComponent = ({ data }) => {
  return <div>{data.someField}</div>;
};

export default MyComponent;

// MyContainer.js
import { createFragmentContainer } from 'react-relay';
import graphql from 'babel-plugin-relay/macro';
import MyComponent from './MyComponent';

const fragmentSpec = graphql`
  fragment MyContainer_data on SomeType {
    someField
  }
`;

const MyContainer = createFragmentContainer(MyComponent, fragmentSpec);

export default MyContainer;

// MyContainer.test.js
import React from 'react';
import { render } from '@testing-library/react';
import { MockedProvider } from '@apollo/client/testing';
import MyContainer from './MyContainer';

const mocks = [
  {
    request: {
      query: require('./__generated__/MyContainer_data.graphql'), // 这是自动生成的GraphQL查询文件
      variables: {},
    },
    result: {
      data: {
        someType: {
          someField: 'Hello, World!',
        },
      },
    },
  },
];

describe('MyContainer', () => {
  it('should render the correct data', async () => {
    const { getByText } = render(
      <MockedProvider mocks={mocks} addTypename={false}>
        <MyContainer />
      </MockedProvider>
    );

    expect(getByText('Hello, World!')).toBeInTheDocument();
  });
});