相关疑难解决方法(0)

这是我的表单和onClick方法.我想在按下键盘的Enter按钮时执行此方法.怎么样 ？

注意:没有赞赏jquery.

 comment: function (e) {
        e.preventDefault();
        this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value})
    },


 <form className="commentForm">
     <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text"  /><br />
    <input type="text" placeholder="userPostId" ref="userPostId" /> <br />
     <button type="button" className="btn btn-success" onClick={this.comment}>Comment</button>
    </form>

如何在ReactJS中手动触发单击事件？当用户点击element1时,我想自动触发input标签上的点击.

<div className="div-margins logoContainer">
  <div id="element1" className="content" onClick={this.uploadLogoIcon}>
    <div className="logoBlank" />
  </div>
  <input accept="image/*" type="file" className="hide"/>
</div>

如何从一个据称没有本机可点击行为的元素触发点击事件？

例如,我知道你可以简单地使用以下内容:

document.getElementById('x').click();

但是如果'x'是'DIV'会发生什么？我有一个实现,它似乎没有触发...我得到错误(铬12):

Uncaught TypeError: Object #<HTMLDivElement> has no method 'click'

想法？

快速编辑 - 我在这里寻找香草JS ......我喜欢在我的形象中重新发明轮子...... :-)

我目前正在使用Selenium进行功能测试来测试React应用程序.Selenium用于在浏览器上启动应用程序,并模拟用户操作并在每一步保持断言/验证.

然而,调试这些测试变得非常繁琐,因为UI自动化很重,因为它必须实际启动浏览器,等待页面加载(在不稳定的环境下,这有时会很痛苦).

我读到了一些像chai这样非常轻量级且非常快的框架,因为我不必等待页面加载.

在类似的路线上,任何人都可以建议我做这个应用程序的完整功能测试的方法,我可以绕过UI动作(如Selenium所做),例如.我们可以通过代码加载反应组件并尝试模拟某些用户操作,然后从数据库执行功能验证,并且还有数据提供程序,而不是让selenium在UI上单击和模拟用户操作为了我的考试.例如 - 我有一组数据要传递给我的测试函数,这个测试将针对所有数据集运行并分别保持断言.

单元测试/白盒测试会有用吗？像chai这样的测试框架会帮助我满足这个要求吗？

如果你知道的话,建议我采取任何其他方法.