Index: bower_components/paper-ripple/tests/html/paper-ripple-position.html |
diff --git a/bower_components/paper-ripple/tests/html/paper-ripple-position.html b/bower_components/paper-ripple/tests/html/paper-ripple-position.html |
deleted file mode 100644 |
index e60bce2979434464e1c1c77902637e2a3f4689ee..0000000000000000000000000000000000000000 |
--- a/bower_components/paper-ripple/tests/html/paper-ripple-position.html |
+++ /dev/null |
@@ -1,112 +0,0 @@ |
-<!doctype html> |
-<html> |
-<head> |
- <title>paper-ripple</title> |
- |
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> |
- <meta name="mobile-web-app-capable" content="yes"> |
- <meta name="apple-mobile-web-app-capable" content="yes"> |
- |
- <script src="../../../platform/platform.js"></script> |
- |
- <link href="../../paper-ripple.html" rel="import"> |
- |
- <script src="../../../polymer-test-tools/chai/chai.js"></script> |
- <script src="../../../polymer-test-tools/htmltest.js"></script> |
- <script src="../../../polymer-gestures/test/js/fake.js"></script> |
- |
- <style> |
- .ripple-container { |
- border: 1px solid black; |
- position: relative; |
- margin: 16px; |
- } |
- |
- .ripple-container > span { |
- pointer-events: none; |
- } |
- |
- .ripple-1 { |
- width: 320px; |
- height: 480px; |
- } |
- |
- .ripple-1-tap { |
- top: 10px; |
- } |
- |
- .ripple-2 { |
- width: 480px; |
- height: 320px; |
- } |
- |
- .ripple-2-tap { |
- pointer-events: none; |
- } |
- |
- .ripple-3 { |
- width: 320px; |
- height: 320px; |
- } |
- </style> |
- |
-</head> |
-<body unresolved> |
- |
- <p>ripple originates from the tap position 1:</p> |
- <div class="ripple-container ripple-1" layout vertical center> |
- <paper-ripple fit></paper-ripple> |
- <span class="ripple-1-tap">tap here</span> |
- </div> |
- |
- <p>ripple originates from the tap position 2:</p> |
- <div class="ripple-container ripple-2" layout horizontal center> |
- <paper-ripple fit></paper-ripple> |
- <span class="ripple-2-tap">tap here</span> |
- </div> |
- |
- <script> |
- var fake = new Fake(); |
- |
- function centerOf(node) { |
- var rect = node.getBoundingClientRect(); |
- return {x: rect.left + rect.width / 2, y: rect.top + rect.height / 2}; |
- } |
- |
- function approxEqual(p1, p2) { |
- return Math.floor(p1.x) == Math.floor(p2.x) && Math.floor(p1.y) == Math.floor(p2.y); |
- } |
- |
- function test1() { |
- var ripple1 = document.querySelector('.ripple-1-tap'); |
- fake.downOnNode(ripple1, function() { |
- |
- requestAnimationFrame(function() { |
- var wave = document.querySelector('.ripple-1 /deep/ .wave'); |
- chai.assert(approxEqual(centerOf(ripple1), centerOf(wave)), 'ripple position is incorrect in tall container'); |
- |
- test2(); |
- }); |
- |
- }); |
- } |
- |
- function test2() { |
- var ripple1 = document.querySelector('.ripple-2-tap'); |
- fake.downOnNode(ripple1, function() { |
- |
- requestAnimationFrame(function() { |
- var wave = document.querySelector('.ripple-2 /deep/ .wave'); |
- chai.assert(approxEqual(centerOf(ripple1), centerOf(wave)), 'ripple position is incorrect in wide container'); |
- |
- done(); |
- }); |
- |
- }); |
- } |
- |
- document.addEventListener('polymer-ready', test1); |
- </script> |
- |
-</body> |
-</html> |