Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(96)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown.html

Issue 1264073002: Update polymer 1.0 install to pick up newly added elements. (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Update bower file to match actual versions. Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « polymer_1.0.4/bower_components/iron-dropdown/test/index.html ('k') | polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown-scroll-manager.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown.html
diff --git a/polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown.html b/polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown.html
new file mode 100644
index 0000000000000000000000000000000000000000..2aa16e74f63efbe98f001d0369c69378ef9e8d82
--- /dev/null
+++ b/polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown.html
@@ -0,0 +1,148 @@
+<!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>
+ <meta charset="UTF-8">
+ <title>iron-dropdown basic tests</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+ <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+ <script src="../../web-component-tester/browser.js"></script>
+ <script src="../../test-fixture/test-fixture-mocha.js"></script>
+ <script src="../../iron-test-helpers/mock-interactions.js"></script>
+
+ <link rel="import" href="../iron-dropdown.html">
+ <link rel="import" href="../../test-fixture/test-fixture.html">
+
+</head>
+<body>
+
+ <test-fixture id="TrivialDropdown">
+ <template>
+ <iron-dropdown>
+ <div class="dropdown-content">Hello!</div>
+ </iron-dropdown>
+ </template>
+ </test-fixture>
+
+ <test-fixture id="AlignedDropdown">
+ <template>
+ <div style="display: block; position: relative; width: 100px; height: 100px;">
+ <iron-dropdown horizontal-align="right" vertical-align="top">
+ <div class="dropdown-content">Hello!</div>
+ </iron-dropdown>
+ </div>
+ </template>
+ </test-fixture>
+
+ <script>
+ function elementIsVisible(element) {
+ var contentRect = element.getBoundingClientRect();
+ var computedStyle = window.getComputedStyle(element);
+
+ return computedStyle.display !== 'none' &&
+ contentRect.width > 0 &&
+ contentRect.height > 0;
+ }
+
+ suite('<iron-dropdown>', function() {
+ var dropdown;
+ suite('basic', function() {
+ setup(function() {
+ dropdown = fixture('TrivialDropdown');
+ });
+
+ test('effectively hides the dropdown content', function() {
+ var content = dropdown.querySelector('.dropdown-content');
+
+ expect(elementIsVisible(content)).to.be.equal(false);
+ });
+
+ test('shows dropdown content when opened', function(done) {
+ var content = dropdown.querySelector('.dropdown-content');
+
+ dropdown.open();
+
+ Polymer.Base.async(function() {
+ expect(elementIsVisible(content)).to.be.equal(true);
+ done();
+ });
+ });
+
+ test('hides dropdown content when outside is clicked', function(done) {
+ var content = dropdown.querySelector('.dropdown-content');
+
+ dropdown.open();
+
+ Polymer.Base.async(function() {
+ expect(elementIsVisible(content)).to.be.equal(true);
+
+ MockInteractions.downAndUp(document.body, function() {
+
+ Polymer.Base.async(function() {
+ expect(elementIsVisible(content)).to.be.equal(false);
+ done();
+ }, 100);
+ });
+ });
+
+ });
+ });
+
+ suite('aligned dropdown', function() {
+ var parent;
+ setup(function() {
+ parent = fixture('AlignedDropdown');
+ dropdown = parent.querySelector('iron-dropdown');
+ });
+
+ test('can be re-aligned to the right and the top', function(done) {
+ var parentRect;
+ var dropdownRect;
+
+ dropdown.opened = true;
+
+ Polymer.Base.async(function() {
+ dropdownRect = dropdown.getBoundingClientRect();
+ parentRect = parent.getBoundingClientRect();
+
+ // NOTE(cdata): IE10 / 11 have minor rounding errors in this case,
+ // so we assert with `closeTo` and a tight threshold:
+ expect(dropdownRect.top).to.be.closeTo(parentRect.top, 0.1);
+ expect(dropdownRect.right).to.be.closeTo(parentRect.right, 0.1);
+ done();
+ }, 1);
+ });
+
+ test('can be re-aligned to the bottom', function(done) {
+ var parentRect;
+ var dropdownRect;
+
+ dropdown.verticalAlign = 'bottom';
+ dropdown.opened = true;
+
+ Polymer.Base.async(function() {
+ parentRect = parent.getBoundingClientRect();
+ dropdownRect = dropdown.getBoundingClientRect();
+
+ // NOTE(cdata): IE10 / 11 have minor rounding errors in this case,
+ // so we assert with `closeTo` and a tight threshold:
+ expect(dropdownRect.bottom).to.be.closeTo(parentRect.bottom, 0.1);
+ expect(dropdownRect.right).to.be.closeTo(parentRect.right, 0.1);
+ done();
+ }, 1);
+ });
+
+ });
+ });
+ </script>
+</body>
+</html>
« no previous file with comments | « polymer_1.0.4/bower_components/iron-dropdown/test/index.html ('k') | polymer_1.0.4/bower_components/iron-dropdown/test/iron-dropdown-scroll-manager.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698