js-fe-test-blog-todo-test-case.js

it('should add a todo item to the list', function () {
    var selector = document.querySelector('#selector');
    selector.innerHTML = '<form id="aform"><input type="text" name="todo-input"><button>Submit</button></form><ul id="todo-list"></ul>';
    var form = document.querySelector('#aform');
    form.elements['todo-input'].value = 'task 1';

    var ev = document.createEvent('HTMLEvents');
    ev.initEvent('submit', true, true);
    form.dispatchEvent(ev);

    assert(selector.innerHTML.toLowerCase().includes('<li>task 1</li>'));
    
    //cleanup
    selector.innerHTML = '';
  });