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

   1 <!doctype html>
   2 <html>
   3 <head>
   4   <title>polymer-selection-multi</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 multi></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, '(item1)');
  23           assert.isTrue(s.isSelected(event.detail.item));
  24           assert.equal(s.getSelection().length, 1);
  25           // test2
  26           test++;
  27           s.select('(item2)');
  28         } else if (test === 2) {
  29           // check test2
  30           assert.isTrue(event.detail.isSelected);
  31           assert.equal(event.detail.item, '(item2)');
  32           assert.isTrue(s.isSelected(event.detail.item));
  33           assert.equal(s.getSelection().length, 2);
  34           done();
  35         }
  36       });
  37       // test1
  38       var test = 1;
  39       s.select('(item1)');
  40     });
  41   </script>
  42 </body>
  43 </html>