diff options
Diffstat (limited to 'catapult/third_party/polymer/components/iron-resizable-behavior/test/test-elements.html')
-rw-r--r-- | catapult/third_party/polymer/components/iron-resizable-behavior/test/test-elements.html | 194 |
1 files changed, 194 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/iron-resizable-behavior/test/test-elements.html b/catapult/third_party/polymer/components/iron-resizable-behavior/test/test-elements.html new file mode 100644 index 00000000..1ab8a9dd --- /dev/null +++ b/catapult/third_party/polymer/components/iron-resizable-behavior/test/test-elements.html @@ -0,0 +1,194 @@ +<!-- +@license +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +--> +<link rel="import" href="../iron-resizable-behavior.html"> + +<script> + + Polymer({ + + is: 'x-resizer-parent', + + behaviors: [ + Polymer.IronResizableBehavior + ], + + listeners: { + 'core-resize': 'resizeHandler' + }, + + resizeHandler: function() { + } + + }); + +</script> + +<script> + + Polymer({ + + is: 'x-resizer-parent-filtered', + + active: null, + + behaviors: [ + Polymer.IronResizableBehavior + ], + + listeners: { + 'core-resize': 'resizeHandler' + }, + + resizeHandler: function() { + }, + + resizerShouldNotify: function(el) { + return (el == this.active); + } + + }); + +</script> + +<script> + + Polymer({ + + is: 'x-resizable', + + behaviors: [ + Polymer.IronResizableBehavior + ], + + listeners: { + 'core-resize': 'resizeHandler' + }, + + resizeHandler: function() { + } + + }); + +</script> + +<dom-module id="x-resizable-in-shadow"> + + <template> + + <div> + <x-resizable id="resizable"></x-resizable> + </div> + + </template> + +</dom-module> + +<script> + + Polymer({ + + is: 'x-resizable-in-shadow' + + }); + +</script> + +<dom-module id='test-element'> + + <template> + + <!-- Normal resizable parent with child resizables --> + <x-resizer-parent id="parent"> + <x-resizable id="child1a"></x-resizable> + <div> + <x-resizable id="child1b"></x-resizable> + </div> + <x-resizable-in-shadow id="shadow1c"></x-resizable-in-shadow> + <div> + <x-resizable-in-shadow id="shadow1d"></x-resizable-in-shadow> + </div> + </x-resizer-parent> + + <!-- Resizable parent using resizerShouldNotify, with child resizables --> + <x-resizer-parent-filtered id="parentFiltered"> + <x-resizable id="child2a"></x-resizable> + <div> + <x-resizable id="child2b"></x-resizable> + </div> + <x-resizable-in-shadow id="shadow2c"></x-resizable-in-shadow> + <div> + <x-resizable-in-shadow id="shadow2d"></x-resizable-in-shadow> + </div> + </x-resizer-parent-filtered> + + </template> + +</dom-module> + +<script> + + Polymer({ + + is: 'test-element' + + }); + +</script> +<script> + /** @polymerBehavior */ + Polymer.ObserveIronResizeBehavior = { + properties: { + ironResizeCount: { + type: Number, + value: 0 + } + }, + + listeners: { + 'iron-resize': '_incrementIronResizeCount' + }, + + _incrementIronResizeCount: function() { + this.ironResizeCount++; + } + }; +</script> +<dom-module id="x-shadow-resizable"> + <template> + <div></div> + </template> +</dom-module> +<script> + Polymer({ + is: 'x-shadow-resizable', + + behaviors: [ + Polymer.IronResizableBehavior, + Polymer.ObserveIronResizeBehavior + ] + }); +</script> + +<dom-module id="x-light-resizable"> + <template> + <x-shadow-resizable id="childResizable1"></x-shadow-resizable> + <x-shadow-resizable id="childResizable2"></x-shadow-resizable> + </template> +</dom-module> +<script> + Polymer({ + is: 'x-light-resizable', + + behaviors: [ + Polymer.IronResizableBehavior, + Polymer.ObserveIronResizeBehavior + ] + }); +</script> |