测试在 Ember.js 中抛出错误

Question

使用集成的QUnit测试framweork，我需要测试是否访问路由会导致抛出错误。

路由中有一个车把帮助程序，在某些情况下应引发错误（断言失败）。如何测试是否抛出此错误？

这是我到目前为止得到的：

test('throws, if the SVG is missing', function() {
  throws(visit('/missing'), Error, "has thrown an Error");
});

但它不起作用，因为错误未被throws(...)捕获并冒泡到测试框架，将此测试标记为失败。

这是测试输出：

Died on test #1     at http://localhost:7357/assets/dummy.js:304:5
    at requireModule (http://localhost:7357/assets/vendor.js:77:29)
    at http://localhost:7357/assets/test-loader.js:14:29: Assertion Failed: No SVG found for this/svg/is/missing
Source:     
Error: Assertion Failed: No SVG found for this/svg/is/missing
    at new Error (native)
    at Error.EmberError (http://localhost:7357/assets/vendor.js:27463:23)
    at Object.Ember.assert (http://localhost:7357/assets/vendor.js:17077:15)
    at inlineSvg (http://localhost:7357/assets/dummy.js:94:13)
    at Object.bindView.normalizedValue (http://localhost:7357/assets/vendor.js:20498:21)
    at Object.SimpleHandlebarsView.render (http://localhost:7357/assets/vendor.js:23450:26)
    at EmberRenderer_createElement [as createElement] (http://localhost:7357/assets/vendor.js:52738:16)
    at EmberRenderer.Renderer_renderTree [as renderTree] (http://localhost:7357/assets/vendor.js:23840:24)
    at EmberRenderer.<anonymous> (http://localhost:7357/assets/vendor.js:23917:16)
    at DeferredActionQueues.invoke (http://localhost:7357/assets/vendor.js:13891:18)

当visit('/missing')返回一个承诺时，人们会认为使用 .then(success, error) 会起作用，但事实并非如此。

Answer 1

我来到这个问题是为了寻找如何在组件渲染时测试预期的错误。测试预期的误差 比如说

throw new Error('I am an error');

从您的组件。然后，您的测试可以是这样的：

test('my-component should throw an error', function(assert) {
  assert.expect(1);
  assert.throws(() => {
    this.render(hbs`{{my-component myVariable="XYZ"}}`);
  }, new Error('I am an error'), 'Expect an error with this message');
});

Answer 2

如 http://api.qunitjs.com/throws/中所述，您应该将回调传递给throws而不是调用函数。

所以：

test('throws, if the SVG is missing', function() {
  throws(function() {visit('/missing')}, Error, "has thrown an Error");
});