third_party/polymer/components/core-menu-button/test/basic.html

   1 <!doctype html>
   2 <!--
   3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   7 Code distributed by Google as part of the polymer project is also
   8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   9 -->
  10 <html>
  11 <head>
  12   <meta charset="UTF-8">
  13   <title>paper-dropdown-menu basic tests</title>
  14   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  15
  16   <script src="../../webcomponentsjs/webcomponents.js"></script>
  17   <script src="../../web-component-tester/browser.js"></script>
  18
  19   <link href="../../core-dropdown/core-dropdown.html" rel="import">
  20   <link href="../../core-icon-button/core-icon-button.html" rel="import">
  21   <link href="../../core-item/core-item.html" rel="import">
  22   <link href="../../core-menu/core-menu.html" rel="import">
  23
  24   <link href="../core-menu-button.html" rel="import">
  25
  26   <style>
  27     core-collapse {
  28       border: 1px solid black;
  29     }
  30   </style>
  31
  32 </head>
  33 <body>
  34
  35   <core-menu-button id="button1">
  36     <core-icon-button icon="menu"></core-icon-button>
  37     <core-dropdown class="dropdown">
  38       <core-menu id="menu1">
  39         <core-item foo="c">Cupcake</core-item>
  40         <core-item foo="d">Donut</core-item>
  41         <core-item foo="e">Eclair</core-item>
  42         <core-item foo="f">Froyo</core-item>
  43         <core-item foo="g">Gingerbread</core-item>
  44       </core-menu>
  45     </core-dropdown>
  46   </core-menu-button>
  47
  48   <script>
  49
  50     function flushLayoutAndRender(callback) {
  51       flush(function() {
  52         document.body.offsetTop;
  53         requestAnimationFrame(function() {
  54           callback();
  55         });
  56       });
  57     }
  58
  59     var b1 = document.getElementById('button1');
  60     var m1 = document.getElementById('menu1');
  61
  62     test('default', function() {
  63       // it renders!
  64       assert.ok(true);
  65     });
  66
  67   </script>
  68
  69 </body>
  70 </html>