Index: samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-basic.html |
diff --git a/samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-basic.html b/samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-basic.html |
deleted file mode 100644 |
index 37d57eb0e9bb70379824828122bcc7c8bd024db7..0000000000000000000000000000000000000000 |
--- a/samples/third_party/todomvc_performance/js_todomvc/components/polymer-selector/test/html/polymer-selector-basic.html |
+++ /dev/null |
@@ -1,96 +0,0 @@ |
-<!doctype html> |
-<html> |
-<head> |
- <title>polymer-selector-basic</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; |
- } |
- |
- .my-selected { |
- background: red; |
- } |
- </style> |
-</head> |
-<body> |
- |
- <polymer-selector id="selector1"> |
- <div>Item 1</div> |
- <div>Item 2</div> |
- <div>Item 3</div> |
- <div>Item 4</div> |
- <div>Item 5</div> |
- </polymer-selector> |
- |
- <br><br> |
- |
- <polymer-selector id="selector2" selected="item3" selectedClass="my-selected" valueattr="id"> |
- <div id="item1">Item 1</div> |
- <div id="item2">Item 2</div> |
- <div id="item3">Item 3</div> |
- <div id="item4">Item 4</div> |
- <div id="item5">Item 5</div> |
- </polymer-selector> |
- |
- <script> |
- var assert = chai.assert; |
- var async = requestAnimationFrame; |
- |
- function oneMutation(node, options, cb) { |
- var o = new MutationObserver(function() { |
- cb(); |
- o.disconnect(); |
- }); |
- o.observe(node, options); |
- } |
- |
- document.addEventListener('polymer-ready', function() { |
- // selector1 |
- var s = document.querySelector('#selector1'); |
- assert.equal(s.selected, null); |
- assert.equal(s.selectedClass, 'polymer-selected'); |
- assert.isFalse(s.multi); |
- assert.equal(s.valueattr, 'name'); |
- assert.equal(s.items.length, 5); |
- // selector2 |
- s = document.querySelector('#selector2'); |
- assert.equal(s.selected, "item3"); |
- assert.equal(s.selectedClass, 'my-selected'); |
- // setup listener for polymer-select event |
- var selectEventCounter = 0; |
- s.addEventListener('polymer-select', function(e) { |
- if (e.detail.isSelected) { |
- selectEventCounter++; |
- // selectedItem and detail.item should be the same |
- assert.equal(e.detail.item, s.selectedItem); |
- } |
- }); |
- // set selected |
- s.selected = 'item5'; |
- Platform.flush(); |
- oneMutation(s, {attributes: true}, function() { |
- // check polymer-select event |
- assert.equal(selectEventCounter, 1); |
- // check selected class |
- assert.isTrue(s.children[4].classList.contains('my-selected')); |
- // check selectedItem |
- assert.equal(s.selectedItem, s.children[4]); |
- // selecting the same value shouldn't fire polymer-select |
- selectEventCounter = 0; |
- s.selected = 'item5'; |
- Platform.flush(); |
- // TODO(ffu): would be better to wait for something to happen |
- // instead of not to happen |
- setTimeout(function() { |
- assert.equal(selectEventCounter, 0); |
- done(); |
- }, 50); |
- }); |
- }); |
- </script> |
-</body> |
-</html> |