Added center label unit tests for pctDonutChart

Author: dtaylor113

dist/angular-patternfly.js

@@ -651,8 +651,8 @@ angular.module('patternfly.card').directive('pfCard', function () {
                     d[0].value + ' ' + d[0].name +
                   '</span>';
            },
-         'centerLabelFn': function (scope) {
-           return '<tspan dy="0" x="0" class="donut-title-big-pf">' + scope.data.available + '</tspan>' +
+         'centerLabelFn': function () {
+           return '<tspan dy="0" x="0" class="donut-title-big-pf">' + $scope.custData.available + '</tspan>' +
                     '<tspan dy="20" x="0" class="donut-title-small-pf">Free</tspan>';
            }
          };
@@ -757,6 +757,30 @@ angular.module('patternfly.charts').directive('pfDonutPctChart', ["c3ChartDefaul
           };
         };
 
+        $scope.getCenterLabelText = function () {
+          var centerLabelText;
+
+          // default to 'used' info.
+          centerLabelText = { bigText: $scope.data.used,
+                              smText:  $scope.config.units + ' Used' };
+
+          if ($scope.config.centerLabelFn) {
+            centerLabelText.bigText = $scope.config.centerLabelFn();
+            centerLabelText.smText = '';
+          } else if ($scope.centerLabel === 'none') {
+            centerLabelText.bigText = '';
+            centerLabelText.smText = '';
+          } else if ($scope.centerLabel === 'available') {
+            centerLabelText.bigText = $scope.data.available;
+            centerLabelText.smText = $scope.config.units + ' Available';
+          } else if ($scope.centerLabel === 'percent') {
+            centerLabelText.bigText = Math.round($scope.data.used / $scope.data.total * 100.0) + '%';
+            centerLabelText.smText = 'of ' + $scope.data.total + ' ' + $scope.config.units;
+          }
+
+          return centerLabelText;
+        };
+
         $scope.updateAll = function (scope) {
           $scope.updateAvailable();
           $scope.config.data = $scope.getDonutData($scope);
@@ -771,34 +795,25 @@ angular.module('patternfly.charts').directive('pfDonutPctChart', ["c3ChartDefaul
     link: function (scope, element) {
       var setupDonutChartTitle = function () {
         $timeout(function () {
-          var donutChartTitle, bigText, smText;
+          var donutChartTitle, centerLabelText;
 
           donutChartTitle = element[0].querySelector('text.c3-chart-arcs-title');
-          if (scope.config.centerLabelFn) {
-            donutChartTitle.innerHTML = scope.config.centerLabelFn(scope);
-          } else if (scope.centerLabel === 'none') {
-            donutChartTitle.innerHTML = '';
+          if (!donutChartTitle) {
+            return;
+          }
+
+          centerLabelText = scope.getCenterLabelText();
+
+          if (centerLabelText.bigText && !centerLabelText.smText) {
+            donutChartTitle.innerHTML = centerLabelText.bigText;
           } else {
-            // default to 'used' info.
-            bigText = scope.data.used;
-            smText = scope.config.units + ' Used';
-
-            if (scope.centerLabel === 'available') {
-              bigText = scope.data.available;
-              smText = scope.config.units + ' Available';
-            } else if (scope.centerLabel === 'percent') {
-              bigText = Math.round(scope.data.used / scope.data.total * 100.0) + '%';
-              smText = 'of ' + scope.data.total + ' ' + scope.config.units;
-            }
-            if (donutChartTitle) {
-              donutChartTitle.innerHTML =
-                '<tspan dy="0" x="0" class="donut-title-big-pf">' +
-                bigText +
-                '</tspan>' +
-                '<tspan dy="20" x="0" class="donut-title-small-pf">' +
-                smText +
-                '</tspan>';
-            }
+            donutChartTitle.innerHTML =
+              '<tspan dy="0" x="0" class="donut-title-big-pf">' +
+              centerLabelText.bigText +
+              '</tspan>' +
+              '<tspan dy="20" x="0" class="donut-title-small-pf">' +
+              centerLabelText.smText +
+              '</tspan>';
           }
         }, 300);
       };