У меня есть компонент, который выглядит примерно так:
function MyComponent({elements}) {
const elementRef = useRef(null);
const chartRef = useRef(null);
useEffect(() => {
if (elementRef !== null) {
chartRef.current = chart(/* options to init chart */)
}
}, []);
return (
<div ref={elementRef} />
);
}
Я хочу протестировать этот компонент, но единственный разумный способ проверить его - это получить доступ к chartRef.current
из моего тестового кода.:
it("renders the chart", () => {
const chartComponent = mount(
<Cytoscape elements={[/**/]} />
);
// If somehow I can access `chartRef.current`:
assertThat(chartRef.current.elements, equalTo(elements));
});