在 Ember.js 中测试抛出错误

Question

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

路由中有一个 Handlebars 助手，在某些情况下应该抛出错误（断言失败）。如何测试是否抛出此错误？

这是我目前得到的：

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

我来这个问题是为了寻找如何在组件呈现时测试预期的错误。测试 say 的预期错误

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");
});