1 <!doctype html> 2 <!-- 3 @license 4 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 5 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 7 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 8 Code distributed by Google as part of the polymer project is also 9 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 10 --> 11 <html> 12 <head> 13 14 <title>neon-animated-pages tests</title> 15 16 <meta charset="utf-8"> 17 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 18 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> 19 20 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> 21 22 <script>Polymer = {lazyRegister: true}</script> 23 24 <script src="../../web-component-tester/browser.js"></script> 25 <script src="../../test-fixture/test-fixture-mocha.js"></script> 26 27 <link rel="import" href="../../test-fixture/test-fixture.html"> 28 <link rel="import" href="../neon-animated-pages.html"> 29 <link rel="import" href="../neon-animatable.html"> 30 <link rel="import" href="../animations/slide-from-left-animation.html"> 31 <link rel="import" href="../animations/slide-right-animation.html"> 32 <link rel="import" href="test-resizable-pages.html"> 33 34 </head> 35 <body> 36 37 <test-fixture id="animate-initial-selection"> 38 <template> 39 <neon-animated-pages entry-animation="slide-from-left-animation" exit-animation="slide-right-animation" animate-initial-selection> 40 <neon-animatable></neon-animatable> 41 <neon-animatable></neon-animatable> 42 </neon-animated-pages> 43 </template> 44 </test-fixture> 45 46 <script> 47 suite('animations found when `lazRegister` setting is true', function() { 48 test('animations are registered', function(done) { 49 var animatedPages = fixture('animate-initial-selection'); 50 animatedPages._completeAnimations = sinon.spy(); 51 assert.isUndefined(animatedPages.selected); 52 var pages = Polymer.dom(animatedPages).children; 53 animatedPages.addEventListener('neon-animation-finish', function(event) { 54 if (animatedPages.selected === 0) { 55 animatedPages.selected = 1; 56 return; 57 } 58 assert.strictEqual(animatedPages.selected, 1); 59 assert.equal(event.detail.fromPage, pages[0]); 60 assert.equal(event.detail.toPage, pages[1]); 61 assert.isTrue(animatedPages._completeAnimations.calledTwice); 62 var a$ = animatedPages._completeAnimations.getCall(1).args[0]; 63 assert.isTrue(a$[0].animation.isNeonAnimation, 'entry animation is not a registered animation'); 64 assert.isTrue(a$[1].animation.isNeonAnimation, 'exit animation is not a registered animation'); 65 done(); 66 }); 67 animatedPages.selected = 0; 68 }); 69 }); 70 </script> 71 72 </body> 73 </html> 74
