| OLD | NEW |
| 1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 suite('cr-lazy-render', function() { | 5 suite('cr-lazy-render', function() { |
| 6 var lazy; |
| 7 var bind; |
| 6 | 8 |
| 7 suiteSetup(function() { | 9 suiteSetup(function() { |
| 8 return PolymerTest.importHtml( | 10 return PolymerTest.importHtml( |
| 9 'chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html'); | 11 'chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html'); |
| 10 }); | 12 }); |
| 11 | 13 |
| 12 setup(function() { | 14 setup(function() { |
| 13 PolymerTest.clearBody(); | 15 PolymerTest.clearBody(); |
| 14 var template = | 16 var template = |
| 15 '<template is="dom-bind" id="bind">' + | 17 '<template is="dom-bind" id="bind">' + |
| 16 ' <template is="cr-lazy-render" id="lazy">' + | 18 ' <template is="cr-lazy-render" id="lazy">' + |
| 17 ' <h1>' + | 19 ' <h1>' + |
| 18 ' <paper-checkbox checked="{{checked}}"></paper-checkbox>' + | 20 ' <paper-checkbox checked="{{checked}}"></paper-checkbox>' + |
| 19 ' {{name}}' + | 21 ' {{name}}' + |
| 20 ' </h1>' + | 22 ' </h1>' + |
| 21 ' </template>' + | 23 ' </template>' + |
| 22 '</template>'; | 24 '</template>'; |
| 23 document.body.innerHTML = template; | 25 document.body.innerHTML = template; |
| 26 lazy = document.getElementById('lazy'); |
| 27 bind = document.getElementById('bind'); |
| 24 }); | 28 }); |
| 25 | 29 |
| 26 test('stamps after get()', function() { | 30 test('stamps after get()', function() { |
| 27 var lazy = document.getElementById('lazy'); | |
| 28 | |
| 29 assertFalse(!!document.body.querySelector('h1')); | 31 assertFalse(!!document.body.querySelector('h1')); |
| 30 assertFalse(!!lazy.getIfExists()); | 32 assertFalse(!!lazy.getIfExists()); |
| 31 | 33 |
| 32 return lazy.get().then(function(inner) { | 34 var inner = lazy.get(); |
| 33 assertEquals('H1', inner.nodeName); | 35 assertEquals('H1', inner.nodeName); |
| 34 assertEquals(inner, document.body.querySelector('h1')); | 36 assertEquals(inner, document.body.querySelector('h1')); |
| 35 }); | |
| 36 }); | 37 }); |
| 37 | 38 |
| 38 test('one-way binding works', function() { | 39 test('one-way binding works', function() { |
| 39 var bind = document.getElementById('bind'); | |
| 40 bind.name = 'Wings'; | 40 bind.name = 'Wings'; |
| 41 var lazy = document.getElementById('lazy'); | |
| 42 | 41 |
| 43 return lazy.get().then(function(inner) { | 42 var inner = lazy.get(); |
| 44 assertNotEquals(-1, inner.textContent.indexOf('Wings')); | 43 assertNotEquals(-1, inner.textContent.indexOf('Wings')); |
| 45 bind.name = 'DC'; | 44 bind.name = 'DC'; |
| 46 assertNotEquals(-1, inner.textContent.indexOf('DC')); | 45 assertNotEquals(-1, inner.textContent.indexOf('DC')); |
| 47 }); | |
| 48 }); | 46 }); |
| 49 | 47 |
| 50 test('two-way binding works', function() { | 48 test('two-way binding works', function() { |
| 51 var bind = document.getElementById('bind'); | |
| 52 bind.checked = true; | 49 bind.checked = true; |
| 53 | 50 |
| 54 var lazy = document.getElementById('lazy'); | 51 var inner = lazy.get(); |
| 55 | 52 var checkbox = document.querySelector('paper-checkbox'); |
| 56 return lazy.get().then(function(inner) { | 53 assertTrue(checkbox.checked); |
| 57 var checkbox = document.querySelector('paper-checkbox'); | 54 MockInteractions.tap(checkbox); |
| 58 assertTrue(checkbox.checked); | 55 assertFalse(checkbox.checked); |
| 59 MockInteractions.tap(checkbox); | 56 assertFalse(bind.checked); |
| 60 assertFalse(checkbox.checked); | |
| 61 assertFalse(bind.checked); | |
| 62 }); | |
| 63 }); | 57 }); |
| 64 }); | 58 }); |
| OLD | NEW |