Question

我有一个Table组件，该组件返回一些jsx元素并具有一些功能。我已经测试了组件中的jsx元素，现在我想尝试一下功能。

函数声明为：

const fn = prop => {
  return (
    <div>Something</div>
  );
};

我尝试过的是通过已安装组件的实例访问它们，但是我得到了错误：

TypeError：无法读取null的属性'fn' 和： TypeError：component.fn不是函数

当我以以下方式调用renderDate函数时发生第一个错误：

const date = moment('01/01/2019', "DD/MM/YYYY");

const row = {
    value: date
}
component = mount(getComponent())

component.instance().renderDate(row)

当我在没有组件的instance（）的情况下调用renderDate函数时，就会发生第二个结果：

const date = moment('01/01/2019', "DD/MM/YYYY");

const row = {
    value: date
}
component = mount(getComponent())

component.renderDate(row)

组件内部的renderDate函数是：

const renderDate = row => {
  return (
    <div>
      {row.value}
    </div>
  );
};

我希望执行此功能，但不会检测到声明为此功能的功能。

有人知道如何调用Jest和Enzyme所示的函数吗？我在酶文档中搜索了有关在组件中调用函数的信息，但没有一个示例对我有用。

谢谢！

测试组件内部的特定功能

0 个答案: