微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 <TestContext> 在 React-Admin 中测试组件视图?

如何解决如何使用 <TestContext> 在 React-Admin 中测试组件视图?

我想知道如何使用 <TestContext> 作为测试 react-admin 自定义组件视图的足够工具。到目前为止,我们还没有遇到在 <TestContext> 中呈现基本 HTML 元素的错误,但是 RA 组件测试失败的主要原因是:

TypeError: Cannot create proxy with a non-object as target or handler

在我们的例子中,我们没有连接到我们的组件的 redux 存储,现在只想使用来自 documentation 的示例使用简单的 props 测试显示

describe('<EditManufacturer/>',() => {
  let testUtils: any;

  beforeEach(() => {
    const mockEditManufacturerProps = {
      basePath: '/',id: '123',resource: 'foo',};

    testUtils = render(
    <TestContext>
      <EditManufacturer {...mockEditManufacturerProps}/>
    </TestContext>)
  });


  // test

  })
});

上面的示例语法产生另一个错误

Cannot read property '{"type":"GET_ONE","resource":"foo","payload":{"id":"123"}}' of undefined

这是我们的 EditManufacturer.tsx 组件:

const EditManufacturer:React.FC<EditProps> = props => {
  return(
    <Edit {...props}>
      <SimpleForm>
        <ManufacturerInputFields/>
      </SimpleForm>
    </Edit>

  )};

export default EditManufacturer;

是为 HOC 注入所有必需的道具,然后按照答案 here 中提到的方式安装视图还是使用 e2e 测试是唯一的解决方案?任何帮助将不胜感激。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。