QUnit 2.0.1 + jQuery.trigger
QUnit 2.0.1 + jQuery.trigger
提问于 2016-08-21 20:33:00
我想隐藏错误信息，当用户开始在输入字段中键入。代码相当简单，但我想使用QUnit 2.0.1 + jQuery.trigger方法来测试它。
QUnit测试没有通过，但是当我手动测试它时，js脚本工作正常。下面的代码有什么问题？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-git.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture">
<form>
<input id="id_text" name="text"/>
<div id="id_error">Error text</div>
</form>
</div>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://code.jquery.com/qunit/qunit-git.js"></script>
<script>
$("#id_text").on('keypress', function () {
$('#id_error').hide();
});
$("#id_text").on("click", function() {
$("#id_error").hide();
});
QUnit.test("hide error on keypress", function (assert) {
$('#id_text').trigger('keypress');
assert.equal($('#id_error').is(':visible'), false);
});
</script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2016-08-25 15:54:32
这两个函数似乎无法识别<div id="qunit-fixture"></div>中的代码。所以你可以做的一件事就是移动
<input id="id_text" name="text"/>
<div id="id_error">Error text</div>从<div id="qunit-fixture"></div>出来。这是可行的，但是您可能需要记住为每个测试初始化输入字段，因为它超出了fixture-scope的范围。
另一种方法是将这两个函数移动到QUnit.test(){}中，如下所示。
QUnit.test("hide error on keypress", function (assert) {
$("#id_text").on('keypress', function () {
$('#id_error').hide();
});
$("#id_text").on("click", function() {
$("#id_error").hide();
});
$("#id_text").trigger("click");
assert.equal($('#id_error').is(':visible'), false);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39064224
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号