Index: polymer_1.2.3/bower_components/iron-image/test/iron-image.html |
diff --git a/polymer_1.2.3/bower_components/iron-image/test/iron-image.html b/polymer_1.2.3/bower_components/iron-image/test/iron-image.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..724b09629a879adba77ff1bb12775703a5ce8913 |
--- /dev/null |
+++ b/polymer_1.2.3/bower_components/iron-image/test/iron-image.html |
@@ -0,0 +1,167 @@ |
+<!doctype html> |
+<!-- |
+@license |
+Copyright (c) 2015 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 |
+--> |
+<html> |
+ <head> |
+ <title>iron-image</title> |
+ |
+ <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
+ <script src="../../web-component-tester/browser.js"></script> |
+ <script src="../../test-fixture/test-fixture-mocha.js"></script> |
+ |
+ <link rel="import" href="../../polymer/polymer.html"> |
+ <link rel="import" href="../../test-fixture/test-fixture.html"> |
+ <link rel="import" href="../iron-image.html"> |
+ |
+ <style is="custom-style"> |
+ .fixed-width-container { |
+ width: 500px; |
+ } |
+ |
+ .fixed-width-container iron-image { |
+ width: 100%; |
+ --iron-image-width: 100%; |
+ } |
+ |
+ .fixed-height-container { |
+ height: 500px; |
+ } |
+ |
+ .fixed-height-container iron-image { |
+ height: 100%; |
+ --iron-image-height: 100%; |
+ } |
+ </style> |
+ </head> |
+ <body> |
+ <test-fixture id="TrivialImage"> |
+ <template> |
+ <iron-image></iron-image> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="FixedWidthContainer"> |
+ <template> |
+ <div class="fixed-width-container"> |
+ <iron-image></iron-image> |
+ </div> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="FixedHeightContainer"> |
+ <template> |
+ <div class="fixed-height-container"> |
+ <iron-image></iron-image> |
+ </div> |
+ </template> |
+ </test-fixture> |
+ |
+ <script> |
+ suite('<iron-image>', function() { |
+ function randomImageUrl () { |
+ return '../demo/polymer.svg?' + Math.random(); |
+ } |
+ |
+ var image; |
+ |
+ suite('basic behavior', function() { |
+ setup(function() { |
+ image = fixture('TrivialImage'); |
+ }); |
+ |
+ test('can load images given a src', function(done) { |
+ image.addEventListener('loaded-changed', function onLoadedChanged() { |
+ image.removeEventListener('loaded-changed', onLoadedChanged); |
+ |
+ try { |
+ expect(image.loaded).to.be.eql(true); |
+ done(); |
+ } catch (e) { |
+ done(e); |
+ } |
+ }); |
+ image.src = randomImageUrl(); |
+ }); |
+ |
+ test('will reload images when src changes', function(done) { |
+ var loadCount = 0; |
+ |
+ image.addEventListener('loaded-changed', function onLoadedChanged() { |
+ if (image.loaded === true) { |
+ loadCount++; |
+ |
+ if (loadCount === 2) { |
+ done(); |
+ } else { |
+ image.src = randomImageUrl(); |
+ image.removeEventListener('loaded-changed', onLoadedChanged); |
+ } |
+ } |
+ }); |
+ |
+ image.src = randomImageUrl(); |
+ }); |
+ }); |
+ |
+ suite('--iron-image-width, --iron-image-height', function() { |
+ var fixedWidthContainer; |
+ var fixedWidthIronImage; |
+ var fixedHeightContainer; |
+ var fixedHeightIronImage; |
+ |
+ setup(function() { |
+ fixedWidthContainer = fixture('FixedWidthContainer'); |
+ fixedWidthIronImage = fixedWidthContainer.querySelector('iron-image'); |
+ fixedHeightContainer = fixture('FixedHeightContainer'); |
+ fixedHeightIronImage = fixedHeightContainer.querySelector('iron-image'); |
+ }); |
+ |
+ test('100% width image fills container', function(done) { |
+ fixedWidthIronImage.$.img.addEventListener('load', function onLoadedChanged(e) { |
+ fixedWidthIronImage.$.img.removeEventListener('load', onLoadedChanged); |
+ Polymer.updateStyles(); |
+ |
+ var containerRect = fixedWidthContainer.getBoundingClientRect(); |
+ var ironImageRect = fixedWidthIronImage.getBoundingClientRect(); |
+ var wrappedImageRect = fixedWidthIronImage.$.img.getBoundingClientRect(); |
+ |
+ expect(containerRect.width).to.be.closeTo(500, 0.5); |
+ expect(ironImageRect.width).to.be.closeTo(500, 0.5); |
+ expect(wrappedImageRect.width).to.be.closeTo(500, 0.5); |
+ |
+ done(); |
+ }); |
+ |
+ fixedWidthIronImage.src = randomImageUrl(); |
+ }); |
+ |
+ test('100% height image fills container', function(done) { |
+ fixedHeightIronImage.$.img.addEventListener('load', function onLoadedChanged(e) { |
+ fixedHeightIronImage.$.img.removeEventListener('load', onLoadedChanged); |
+ Polymer.updateStyles(); |
+ |
+ var containerRect = fixedHeightContainer.getBoundingClientRect(); |
+ var ironImageRect = fixedHeightIronImage.getBoundingClientRect(); |
+ var wrappedImageRect = fixedHeightIronImage.$.img.getBoundingClientRect(); |
+ |
+ expect(containerRect.height).to.be.closeTo(500, 0.5); |
+ expect(ironImageRect.height).to.be.closeTo(500, 0.5); |
+ expect(wrappedImageRect.height).to.be.closeTo(500, 0.5); |
+ |
+ done(); |
+ }); |
+ |
+ fixedHeightIronImage.src = randomImageUrl(); |
+ }); |
+ }); |
+ }); |
+ </script> |
+ </body> |
+</html> |