Question

我在测试反应组件时一直遇到此错误：

错误：不变违规：findComponentRoot（...，。0）：无法找到元件。这可能意味着DOM意外地发生了变异（例如，通过浏览器），通常是因为忘记了＆lt; tbody＆gt;使用时表格，嵌套标签，如＆lt; form＆gt;，＆lt; p＆gt;或＆lt; a＆gt;，或使用非SVG ＆lt; svg＆gt;中的元素家长。尝试检查。的子节点具有反应ID的元素``。

我以前用来测试的代码：

describe(`Method: flattenData`, () => {

  const tests = [
    {
      toFlatten: {
        'key1': 'k',
        'key2': 'n',
        'key3': 'o'
      },
      expectedResult: 'key1: k; key2: n; key3: o'
    }
  ];

  tests.forEach((test) => {

    expect(instance.flattenData(test.toFlatten)).toEqual(test.expectedResult);

   });

});

Answer 1

我通过向渲染调用添加参数来修复此错误。这会强制组件（只是<td> </td>在表格内呈现。

在：

[container, instance] = render(TableCell, {
  data: `content`,
  dataTh: `content`,
  key: `content`,
  dataLocator: `content`
});

使用修复：

[container, instance] = render(TableCell, {
  data: `content`,
  dataTh: `content`,
  key: `content`,
  dataLocator: `content`
}, `table`);

使用Jasmine测试React组件时出错

1 个答案: