Как создать модульный тест, обеспечивающий отображение заголовка на странице после его загрузки и правильного текста? - PullRequest
Новая
       13

Как создать модульный тест, обеспечивающий отображение заголовка на странице после его загрузки и правильного текста?

0 голосов
/ 04 декабря 2018

Я новичок, когда дело доходит до модульного тестирования, и я пытаюсь создать модульный тест, который изолирует мой заголовок и появляется на странице после того, как он загружен и имеет правильный текст.В частности, этот код: 

  static get template() {
    return `
      <style include="my-todo-style-element"></style>
      // This part right here.
      <h1 id="grocery-list">Grocery List</h1>
      <section>
        <todo-input></todo-input>
        <ul id="list-container">
          <template is="dom-repeat" items="[[list]]">
            <todo-item text="[[item.text]]" checked="[[item.checked]]" index="[[index]]" on-remove="removeItem" on-toggle="toggleItem"></todo-item>
          </template>
        </ul>
      </section>
    `
  }

Поскольку я новичок в модульном тестировании, в настоящее время он напечатан в том же файле JS: 

  fireEvent() {
    this.dispatchEvent(new CustomEvent('grocery-list', {detail: 
'tested!'}))
  }
}

С этим, как мойтестовый файл: 

<script>
test('fires an event', function(done) {
  myEl.addEventListener('grocery-list', function(event) {
    assert.equal(event.detail, 'tested!');
    done();
  });
  myEl.fireEvent();
});
</script>
...