Ниже приведены следующие компоненты, которые у меня есть
/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