Merge pull request PolymerElements#65 from lyio/master

PolymerElements#64 paper-toast does not fire closed events

paper-toast.html

@@ -152,7 +152,11 @@
           noCancelOnOutsideClick: {
             type: Boolean,
             value: true
-          },
+          }
+        },
+
+        listeners: {
+          'transitionend': '__onTransitionEnd'
         },
 
         /**
@@ -206,6 +210,25 @@
           this.close();
         },
 
+        /**
+         * Called on transitions of the toast, indicating a finished animation
+         *
+         * @private
+         */
+        __onTransitionEnd: function(e) {
+          // there are at least three different transitions that are happening when opening and
+          // closing the toast. The last one so far is for `opacity`.
+          // This marks the end of the transition, so we check for this to determine if this
+          // is the correct event.
+          if (e && e.target === this && e.propertyName === 'opacity') {
+            if (this.opened) {
+              this._finishRenderOpened();
+            } else {
+              this._finishRenderClosed();
+            }
+          }
+        },
+
         /**
          * Overridden from `IronOverlayBehavior`.
          * Called when the value of `opened` changes.

test/basic.html

@@ -73,6 +73,21 @@
           done();
         }, 12);
       });
+
+      test('toast fires closed event', function(done) {
+        toast = fixture('show');
+        toast.addEventListener('iron-overlay-opened', toast.close.bind(toast));
+        toast.addEventListener('iron-overlay-closed', function() {
+          done();
+        });
+      });
+
+      test('toast fires opened event', function(done) {
+        toast = fixture('show');
+          toast.addEventListener('iron-overlay-opened', function() {
+            done();
+        });
+      });
 
       test('show() accepts valid properties', function() {
         toast = fixture('basic');