1

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

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

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

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

关于我如何实现这一目标的任何指示?

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

4

0 回答 0