webcomponentsjs/tests/ShadowDOM/js/HTMLImageElement.js

/**
 * @license
 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */

suite('HTMLImageElement', function() {

  var iconUrl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2Nk+A+EFADGUQMYRsOAYTQMgHloGKQDAJXkH/HZpKBrAAAAAElFTkSuQmCC';

  test('instanceof', function() {
    var img = document.createElement('img');
    assert.instanceOf(img, HTMLImageElement);
    assert.instanceOf(img, Image);
    assert.instanceOf(img, HTMLElement);
  });

  test('constructor', function() {
    assert.equal(HTMLImageElement, document.createElement('img').constructor);
    assert.equal(HTMLImageElement, new Image().constructor);
  });

  test('Image', function() {
    var img = new Image();
    assert.instanceOf(img, HTMLImageElement);
    assert.instanceOf(img, Image);
    assert.instanceOf(img, HTMLElement);
  });

  test('Image arguments', function() {
    var img = new Image(32);
    assert.equal(img.width, 32);
    assert.equal(img.height, 0);

    var img = new Image(undefined, 32);
    assert.equal(img.width, 0);
    assert.equal(img.height, 32);
  });

  test('Image called as function', function() {
    assert.throws(Image, TypeError);
  });

  test('Image basics', function() {
    var img = new Image();
    assert.equal('img', img.localName);

    var div = document.createElement('div');
    div.appendChild(img);

    assert.equal(div.firstChild, img);
    assert.equal('<div><img></div>', div.outerHTML);

    assert.equal(img.width, 0);
    assert.equal(img.height, 0);
  });

  test('Image load', function(done) {
    var img = new Image();
    img.addEventListener('load', function() {
      done();
    });
    img.src = iconUrl;
  });

});