feat(dialog): expose backdrop clicks

Author: willshowell

src/lib/dialog/dialog-ref.ts

@@ -75,6 +75,13 @@ export class MdDialogRef<T> {
     return this._afterClosed.asObservable();
   }
 
+  /**
+   * Gets an observable that emits when the overlay's backdrop has been clicked.
+   */
+  backdropClick(): Observable<void> {
+    return this._overlayRef.backdropClick();
+  }
+
   /**
    * Updates the dialog's position.
    * @param position New dialog position.

src/lib/dialog/dialog.spec.ts

@@ -195,6 +195,29 @@ describe('MdDialog', () => {
     });
   }));
 
+  it('should emit the backdropClick stream when clicking on the overlay backdrop', async(() => {
+    const dialogRef = dialog.open(PizzaMsg, {
+      viewContainerRef: testViewContainerRef
+    });
+
+    const spy = jasmine.createSpy('backdropClick spy');
+    dialogRef.backdropClick().subscribe(spy);
+
+    viewContainerFixture.detectChanges();
+
+    let backdrop = overlayContainerElement.querySelector('.cdk-overlay-backdrop') as HTMLElement;
+
+    backdrop.click();
+    expect(spy).toHaveBeenCalledTimes(1);
+
+    viewContainerFixture.detectChanges();
+
+    viewContainerFixture.whenStable().then(() => {
+      backdrop.click();
+      expect(spy).toHaveBeenCalledTimes(1);
+    });
+  }));
+
   it('should notify the observers if a dialog has been opened', () => {
     dialog.afterOpen.subscribe(ref => {
       expect(dialog.open(PizzaMsg, {