Ошибка при тестировании компонента React с помощью Жасмин

Question

Я постоянно получаю эту ошибку при тестировании среагировать компонента:

Error: Invariant Violation: findComponentRoot(..., .0): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a <tbody> when using tables, nesting tags like <form>, <p>, or <a>, or using non-SVG elements in an <svg> parent. Try inspecting the child nodes of the element with React 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`);