Как вы можете проверить компонент ember, используя findAll? - PullRequest
0 голосов
/ 24 января 2020

Ниже приведены следующие компоненты, которые у меня есть

/components/foo-list /components/foo-list-item

Как бы выглядел ваш /components/foo-list/template.hbs, если бы сценарий тестирования /integration/pods/components/foo-list/component-test.js был бы таким?

module('Integration | Component | foo-list', function(hooks) {
  setupRenderingTest(hooks);
  test('it renders 10 foos', async function(assert) {
    await render(hbs`<FooList @foos={{foos}}/>`);
    let fooItems = findAll('[data-test=foo-list-item]');
    assert.equal(fooItems.length, 10, '10 foo are rendered');
  });
});

Это мой /components/foo-list/template.hbs

  {{#each foos as |foo|}}
      <FooListItem  @foo={{foo}}/>
  {{/each}}

Проблема в том, что я знаю, что у меня 10 фо, но тест всегда терпит неудачу

Ожидается 10 Результат 0

...