polymer/test/js/events.js

/*
 * Copyright 2013 The Polymer-Project Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style
 * license that can be found in the LICENSE file.
 */

suite('events', function() {
  var assert = chai.assert;
  
  var work;
  
  setup(function() {
    work = document.createElement('div');
    document.body.appendChild(work);
    // store results
    work.innerHTML = '<div id="results" style="display: none;"></div>';
  });

  teardown(function() {
    wrap(document.body).removeChild(work);
  });
  
  function createTestElement(inName, inTemplateContent, inExtend) {
    work.innerHTML += '<element name="' + inName + '"' + 
        (inExtend ? ' extends="' + inExtend + '"' : '') + ' on-click="clickHandler">' +
      '<template>' + (inTemplateContent || '') + '</template>' +
      '<script>\n' +
        'Polymer.register(this, {\n' +
          'clickHandler: function() {\n' +
            'results.textContent += this.localName;\n' +
          '}\n' +
        '});\n' +
      '</script>' +
      '</element>';
    new HTMLElementElement(work.lastChild);
  }
  
  test('host event', function() {
    createTestElement('x-foo');
    var foo = document.createElement('x-foo');
    work.appendChild(foo);
    foo.click();
    assert.equal(results.textContent, 'x-foo');
  });
  
  /*test('host events order', function() {
    createTestElement('x-foo');
    createTestElement('x-bar', '<x-foo></x-foo>');
    var bar = document.createElement('x-bar');
    work.appendChild(bar);
    // click on x-foo
    bar.webkitShadowRoot.childNodes[0].click();
    assert.equal(results.textContent, 'x-foox-bar');
  });
  
  test('host events order more', function() {
    createTestElement('x-foo');
    createTestElement('x-bar', '<x-foo></x-foo>');
    createTestElement('x-zot', '<x-bar></x-bar>');
    var zot = document.createElement('x-zot');
    work.appendChild(zot);
    // click on x-foo
    zot.webkitShadowRoot.childNodes[0].webkitShadowRoot.childNodes[0].click();
    assert.equal(results.textContent, 'x-foox-barx-zot');
  });*/
});