javascript - 正确使用 QUnit throw() 断言?

标签 javascript qunit

使用 QUinit 的 throw()断言我想测试是否抛出错误以及错误消息。我有以下功能:

/**
 * Error function for Node.
 * @param {String} msg Error message.
 */
function NodeError (msg) {
  var that = this

  /**
   * Attribute for message.
   * @type {String}
   */
  this.msg = msg

  /**
   * Function rendering NodeError as a string.
   * @return {String} String representation of NodeError.
   */
  this.toString = function () {
    return that.msg
  }
}

/**
 * Node object. TODO Fill out.
 * @param {String} title Node title.
 * @throws {NodeError} If no title given
 */
function Node (title) {
  var that = this

  if (!title) {
    throw new Error('Error: no title given')
  }

  /**
   * Node title
   * @type {[type]}
   */
  this.title = title
}

以及以下QUnit测试:

QUnit.test('new Node w/o title throws error', function (assert) {
  assert.expect(1) // Expected number of assertions

  assert.throws(
    function () { new Node() },
    function (err) { err.toString() === 'Error: no title given' },
    'Error thrown'
  )
})

但是,单元测试失败了:

Error thrown@ 0 ms
Expected:   
function( a ){
  [code]
}
Result:     
Error("Error: no title given")
Diff:   
function( a ){
  [code]
}Error("Error: no title given")
Source:     
    at Object.<anonymous> (file:///Users/maasha/install/src/protwiz/test/test_pw_node.js:10:10)

要做什么?

最佳答案

传递给 assert.throws 的第二个函数应该返回一些东西。您当前有一个计算结果为 bool 值的语句,但结果被丢弃。该函数然后 returns implicitly, thus returning undefined

此外,您抛出的是 new Error(...),而不是 NodeError。您要么需要更改它,要么只使用 err.message

这是一个固定版本:

function NodeError (msg) {
  var that = this;
  this.msg = msg;
  this.toString = function () {
    return that.msg;
  }
}

function Node (title) {
  var that = this;

  if (!title) {
    throw new NodeError('Error: no title given'); // <- CHANGED
  }

  this.title = title;
}


QUnit.test('new Node w/o title throws error', function (assert) {
  assert.expect(1);

  assert.throws(
    function () { new Node(); },
    function (err) { return err.toString() === 'Error: no title given' },  // <- CHANGED
    'Error thrown'
  );
})
<link href="https://cdnjs.cloudflare.com/ajax/libs/qunit/1.16.0/qunit.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qunit/1.16.0/qunit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js"></script>
<div id="qunit"></div>

您可能需要考虑使用 linting 工具,它可能会捕获此问题以及其他问题(例如,您有很多缺少分号,这可能会导致 unexpected results )。

关于javascript - 正确使用 QUnit throw() 断言?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39515048/

相关文章:

javascript - IIS 的 web.config 设置是否会干扰 ServiceWorker 缓存?

javascript - 为什么 Qunit 无法捕获我正在运行的 2 个以上测试?

qunit - 在 Qunit 中跳过测试

javascript - 在 JS 对象中设置多个属性

javascript - 访问控制允许来源 : JavaScript (jQuery) vs. Python (urllib2)

javascript - 在 JavaScript 加载的图像上添加淡入效果

unit-testing - 在 iframe 中将 qunit 与 Web 应用程序一起使用

javascript - 图像 slider 未出现

javascript - 我可以设置一个 QUnit 钩子(Hook)在套件中的所有测试之前运行吗?

javascript - MouseEventConstructor 不是构造函数