13

我正在尝试编写一个组件集成测试，就像这篇博文一样，但是我的组件有link-to一个动态路由，并且该href属性没有被填写。这是我正在尝试做的简化版本。

我的组件模板：

{{#link-to "myModel" model}}

这是我测试的相关部分：

this.set('model', {
  id: 'myId',
  name: 'My Name'
});

this.render(hbs`
{{my-component model=model}}
`);

assert.equal(this.$('a').attr('href'), '/myModel/myId'); // fails

被link-to渲染，只是没有href属性。如果我在测试中记录 HTML，它看起来像：

<a id="ember283" class="ember-view">My Name</a>

我需要对我的“模型”做些什么来获得link-tohref吗？我试图查看link-toember 中的测试，发现这部分测试，这基本上就是我正在做的 - 提供带有id密钥集的 POJO。有任何想法吗？

编辑：

DEBUG: -------------------------------
DEBUG: Ember      : 1.13.8
DEBUG: Ember Data : 1.13.10
DEBUG: jQuery     : 1.11.3
DEBUG: -------------------------------
4

4 回答 4

12

事实证明，您只需查找路由器并告诉它在您的测试设置中开始路由，它就会起作用。来自@rwjblue 的这个提交：

// tests/helpers/setup-router.js

export default function({ container }) {
  const router = container.lookup('router:main');
  router.startRouting(true);
}


// tests/integration/components/my-component-test.js

import { moduleForComponent, test } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import setupRouter from '../../helpers/setup-router';

moduleForComponent('my-component', 'Integration | Component | my component', {
  integration: true,
  setup() {
    setupRouter(this);
  }
});
于 2015-10-09T22:18:19.487 回答
8

这是在 Ember > 3 中的操作方法

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';

module('Integration | Component | my-component', function (hooks) {
  setupRenderingTest(hooks);

  test('it has a link', async function (assert) {
    this.owner.lookup('router:main').setupRouter();
    await render(hbs`{{my-component}}`);
    assert.equal(this.element.querySelector('a').getAttribute('href'), 'some-url');
  });
});
于 2018-12-12T03:40:42.650 回答
5

如果您只想检查href是否正常，最好使用它来setupRouter代替startRouting. startRouting尝试处理到初始 URL 的初始转换，这可能是有问题的。

// tests/helpers/setup-router.js
export default function({ container }) {
 const router = container.lookup('router:main');
 router.setupRouter();
}

https://github.com/emberjs/ember.js/blob/d487061228a966d8aac6fa94a8d69abfc3f1f257/packages/ember-routing/lib/system/router.js#L202

于 2017-10-31T17:39:42.833 回答
0

您使用的是什么版本的 Ember？我记得以前看到过这个，现在它似乎可以在我的应用程序中使用（尽管我使用的是 1.13.8）。

似乎在我的应用程序中添加了 href，并且基于这个计算的属性tagName，如果它是“a” ，它应该绑定到视图。

除了升级 Ember 之外，最好创建一个 ember-fiddle 或 repro 并在它仍然存在时提交一个错误。

您可能还想看看https://github.com/intercom/ember-href-to。

于 2015-08-21T17:44:49.817 回答