首页 > 解决方案 > 关于使用 Jquery 使用 qunit 进行单元测试和评估的大学问题

问题描述

我对 JS 很陌生,并且已经获得了一个大学项目,我需要使用 jQuery 来模拟 Web 表单上的用户交互,然后使用 qunit 来验证这一点。

就目前而言,我正在尝试使用 id 将 html 表单字段设置如下。

function scenario1() {

     $("#price").val(1000); //sets price of textbox
    $("#passengernum").val(1); //sets price of textbox
    $("#myButton").click(); // clicks update button which updates a "Final price" field.
    return $("#finalprice").val; // returns "Final Price" field value
}

然后在 Html 中,我试图将其集成到 qunit 测试中,如下所示:

QUnit.module("ALAC Tests");

    QUnit.test("", function( assert ) 
        {
    assert.equal( scenario1(),700,"TC8");
        }
    );  

不幸的是,这会在运行时导致 html 页面的 qunit 部分出现错误(我在正文中有这个)。

我是否正确执行了此测试,还是应该以另一种方式进行。要求这项任务的教授只对非常基本的 jQuery 用法进行了说明。

如果这是一个愚蠢的问题,请提前抱歉,我对开发很陌生。

谢谢大家。

标签: javascriptjqueryqunit

解决方案


根据我上面的评论,看起来您试图将val其用作属性,但它是一个函数。在scenario1中,尝试执行 return$("#finalprice").val()应该检索该值。就目前而言,您返回的是函数定义本身。


推荐阅读