操纵不受控制的反应组分的DOM

Question

我有一个反应组件，实质上会呈现 contentEditable div。它是不受控制的，因为反应不能控制div的内容。

class UncontrolledDiv extends React.Component<{}, void>{
   public render(): JSX.Element {
      return (<div contentEditable='true'></div>);
   }
}

[这是我编写的内容可编辑div的简化版]

我有一些功能可以在单击按钮时清除div的内容。我想对单元测试相同，所以我想通过实际向div添加内容来操作dom，并检查按下按钮时它是否被清除。

关于如何实现这一点的任何指示？

PS ：我使用酶作为测试框架