如何使用嘲笑者和react-testing-library测试这样的组件

Question

什么是测试这种组件的正确方法。

import { CreateLanguage } from './Create';
export const CreateLanguageContainer = withRouter(({ history }) => {
  return (
    <AddLanguageComponent>
      {(addLanguage, { loading }) => {
        return (
          <CreateLanguage
            loading={loading}
            onSubmit={(values: AddLanguageVariables) => {
              addLanguage({ variables: values }).then(() => {
                history.push('/dashboard/languages');
              });
            }}
          />
        );
      }}
    </AddLanguageComponent>
  );
});

AddLanguageComponent是渲染道具，由graphql-code-generator生成，具有Query和Mutation组件的类型定义。

我想测试我的突变。但是我不确定在哪里进行测试。 由于无法执行onSumit方法，因此无法在此处测试突变。

此组件正在将突变函数传递给子组件。 我无法在子组件中进行测试，因为它是作为道具传递的。这样我的子组件就不必调用突变了

我现在很困惑。我应该重写我的组件吗？