1 files changed, 85 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/iron-overlay-behavior/test/iron-overlay-backdrop.html b/catapult/third_party/polymer/components/iron-overlay-behavior/test/iron-overlay-backdrop.html
new file mode 100644
index 00000000..89c2e9af
--- /dev/null
+++ b/catapult/third_party/polymer/components/iron-overlay-behavior/test/iron-overlay-backdrop.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2016 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-overlay-backdrop tests</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+
+    <script src="../../web-component-tester/browser.js"></script>
+    <link rel="import" href="../../iron-test-helpers/iron-test-helpers.html">
+    <link rel="import" href="test-overlay.html">
+
+    <style>
+        html,
+        body {
+            margin: 0;
+            width: 100%;
+            height: 100%;
+            min-width: 0;
+        }
+        .sizer {
+            width: 4000px;
+            height: 5000px;
+        }
+    </style>
+
+</head>
+
+<body>
+
+<div class="sizer"></div>
+
+<test-fixture id="backdrop">
+    <template>
+        <test-overlay with-backdrop>
+            Overlay with backdrop
+        </test-overlay>
+    </template>
+</test-fixture>
+
+<script>
+    function runAfterOpen(overlay, callback) {
+        overlay.addEventListener('iron-overlay-opened', callback);
+        overlay.open();
+    }
+
+    suite('overlay with backdrop', function() {
+        var overlay;
+
+        setup(function() {
+            overlay = fixture('backdrop');
+        });
+
+        test('backdrop size matches parent size', function(done) {
+            runAfterOpen(overlay, function() {
+                // Flush so we are sure backdrop is added in the DOM.
+                Polymer.dom.flush();
+                var backdrop = overlay.backdropElement;
+                var parent = backdrop.parentElement;
+                assert.strictEqual(backdrop.offsetWidth, parent.clientWidth, 'backdrop width matches parent width');
+                assert.strictEqual(backdrop.offsetHeight, parent.clientHeight, 'backdrop height matches parent height');
+                done();
+            });
+        });
+
+    });
+</script>
+
+</body>
+
+</html>