Index: samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-activate-event.html |
diff --git a/samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-activate-event.html b/samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-activate-event.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a552a682aca284ae2fb103335cdc0fe75d9ed77d |
--- /dev/null |
+++ b/samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-activate-event.html |
@@ -0,0 +1,41 @@ |
+<!doctype html> |
+<html> |
+<head> |
+ <title>polymer-selector-activate-event</title> |
+ <script src="../../../platform/platform.js"></script> |
+ <script src="../../../tools/test/htmltest.js"></script> |
+ <script src="../../../tools/test/chai/chai.js"></script> |
+ <link rel="import" href="../../polymer-selector.html"> |
+ <style> |
+ .polymer-selected { |
+ background: #ccc; |
+ } |
+ </style> |
+</head> |
+<body> |
+ |
+ <polymer-selector id="selector" selected="0"> |
+ <div>Item 1</div> |
+ <div>Item 2</div> |
+ <div>Item 3</div> |
+ <div>Item 4</div> |
+ <div>Item 5</div> |
+ </polymer-selector> |
+ |
+ <script> |
+ var assert = chai.assert; |
+ document.addEventListener('polymer-ready', function() { |
+ var s = document.querySelector('#selector'); |
+ s.addEventListener("polymer-activate", function(event) { |
+ assert.equal(event.detail.item, s.children[1]); |
+ assert.equal(s.selected, 1); |
+ done(); |
+ }); |
+ assert.equal(s.selected, '0'); |
+ requestAnimationFrame(function() { |
+ s.children[1].dispatchEvent(new CustomEvent('tap', {bubbles: true})); |
+ }); |
+ }); |
+ </script> |
+</body> |
+</html> |