src/third_party/polymer/polymer-selection/test/html/polymer-selection.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4   <title>polymer-selection</title>
   5   <script src="../../../platform/platform.js"></script>
   6   <script src="../../../tools/test/htmltest.js"></script>
   7   <script src="../../../tools/test/chai/chai.js"></script>
   8   <link rel="import" href="../../polymer-selection.html">
   9 </head>
  10 <body>
  11
  12   <polymer-selection></polymer-selection>
  13
  14   <script>
  15     var assert = chai.assert;
  16     document.addEventListener('polymer-ready', function() {
  17       var s = document.querySelector('polymer-selection');
  18       s.addEventListener("polymer-select", function(event) {
  19         if (test === 1) {
  20           // check test1
  21           assert.isTrue(event.detail.isSelected);
  22           assert.equal(event.detail.item, '(item)');
  23           assert.isTrue(s.isSelected(event.detail.item));
  24           assert.isFalse(s.isSelected('(some_item_not_selected)'));
  25           // test2
  26           test++;
  27           s.select(null);
  28         } else if (test === 2) {
  29           // check test2
  30           assert.isFalse(event.detail.isSelected);
  31           assert.equal(event.detail.item, '(item)');
  32           assert.isFalse(s.isSelected(event.detail.item));
  33           done();
  34         }
  35       });
  36       // test1
  37       var test = 1;
  38       s.select('(item)');
  39     });
  40   </script>
  41 </body>
  42 </html>