capejs/capejs

'use strict';

describe('Demo', function() {
  describe('TodoList2', function() {
    before(function() {
      var div = document.createElement('div');
      div.id = "component";
      document.body.appendChild(div);
    })

    after(function() {
      var element = document.getElementById('component');
      document.body.removeChild(element);
    })

    it('should refresh counter', function() {
      var c, root, input, button, ul, cb, label;

      c = new TodoList2();
      c.mount('component');

      root = document.getElementById('component');

      ul = root.getElementsByTagName('ul')[0];
      expect(ul.getElementsByTagName('li').length).to.equal(2);

      root = document.getElementById('component');
      input = document.getElementsByName('title')[0];
      input.value = "Test";
      c.refresh();

      button = input.nextSibling;
      button.click();

      ul = root.getElementsByTagName('ul')[0];
      expect(ul.children.length).to.equal(3);

      cb = ul.children[2].getElementsByTagName('input')[0];
      cb.click();

      ul = root.getElementsByTagName('ul')[0];
      label = ul.children[2].getElementsByTagName('label')[0];
      expect(label.className).to.equal('completed');

      c.unmount();
    })
  })
})