test (md-dialog)

Assert that md-dialog-container will be given the md-theme attribute of the child it is propogated from given that it has an md-theme.

Issue: #10276

Author: Cody Mikol

src/components/dialog/dialog.spec.js

@@ -1774,6 +1774,32 @@ describe('$mdDialog', function() {
     });
 
     describe('theming', function () {
+
+        it('should inherit md-theme if the child has and md-theme to inherit', inject(function ($mdDialog, $mdTheming, $rootScope, $compile) {
+
+            var template = '<div id="rawContent">Hello</div>';
+            var parent = angular.element('<div>');
+
+            var button = $compile('<button ng-click="showDialog($event)" md-theme="coolTheme">test</button>')($rootScope);
+
+            $mdTheming(button);
+
+            $rootScope.showDialog = function (ev) {
+                $mdDialog.show({
+                    template: template,
+                    parent: parent,
+                    targetEvent: ev
+                });
+            };
+
+            button[0].click();
+
+            var container = angular.element(parent[0].querySelector('.md-dialog-container'));
+
+            expect(container.attr('md-theme')).toEqual('coolTheme');
+
+        }));
+
         it('should not set md-theme if the child does not have md-theme to inherit', inject(function ($mdDialog, $mdTheming, $rootScope, $compile) {
 
             var template = '<div id="rawContent">Hello</div>';