jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – QUnit单元测试:测试鼠标单击大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 HTML代码

<div id="main">
  <form Id="search-form" action="/ViewRecord/AllRecord" method="post">
    <div>
        <fieldset>
            <legend>Search</legend>
           <p>
                <label for="username">Staff name</label>
                <input id="username" name="username" type="text" value="" />
                <label for="softype"> software type</label>

                <input type="submit" value="Search" />
            </p>
        </fieldset>
    </div>
  </form>
</div>

以下Javascript代码(以JQuery作为库):

$(function() {
$("#username").click(function() {
        $.getJSON("ViewRecord/GetSoftwareChoice",{},function(data) {
       // use data to manipulate other controls
    });
    });
});

现在,如何测试$(“#username”).单击以便对于给定的输入,它

>调用正确的URL(在这种情况下,它的ViewRecord / GetSoftwareChoicE)
>并且,预期输出(在这种情况下,函数(数据))表现正常吗?

知道如何用QUnit做到这一点?

编辑:我读了QUnit examples,但他们似乎正在处理一个没有AJAX交互的简单场景.there are ASP.NET MVC examples,但我认为他们真的测试服务器的输出到AJAX调用,即,它仍在测试服务器响应,而不是AJAX响应.我想要的是如何测试客户端响应.

解决方法

您可以使用函数调用替换您的匿名事件处理程序,然后您可以在测试中调用函数.

而不是

$("#username").click(function() {
    $.getJSON("ViewRecord/GetSoftwareChoice",function(data) {
    // use data to manipulate other controls
    });
});

你可以做点什么

function doSomething() {
    $.getJSON("ViewRecord/GetSoftwareChoice",function(data) {
    // use data to manipulate other controls
    });
}

$("#username").click(doSomething);

然后在你的QUnit测试中你可以调用

doSomething();

大佬总结

以上是大佬教程为你收集整理的jquery – QUnit单元测试:测试鼠标单击全部内容,希望文章能够帮你解决jquery – QUnit单元测试:测试鼠标单击所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。