added e2e test for singular / plural units.

Author: itslenny

app/js/timer.js

@@ -98,11 +98,11 @@ angular.module('timer', [])
           $scope.seconds = Math.floor(($scope.millis / 1000) % 60);
           $scope.secondsS = $scope.seconds==1 ? '' : 's';
           $scope.minutes = Math.floor((($scope.millis / (60000)) % 60));
-          $scope.minutesS = $scope.minutesS==1 ? '' : 's';
+          $scope.minutesS = $scope.minutes==1 ? '' : 's';
           $scope.hours = Math.floor((($scope.millis / (3600000)) % 24));
-          $scope.hoursS = $scope.hoursS==1 ? '' : 's';
+          $scope.hoursS = $scope.hours==1 ? '' : 's';
           $scope.days = Math.floor((($scope.millis / (3600000)) / 24));
-          $scope.daysS = $scope.daysS==1 ? '' : 's';
+          $scope.daysS = $scope.days==1 ? '' : 's';
         }
 
         //determine initial values of time units and add AddSeconds functionality

dist/angular-timer.js

@@ -103,9 +103,13 @@ angular.module('timer', [])
 
         function calculateTimeUnits() {
           $scope.seconds = Math.floor(($scope.millis / 1000) % 60);
+          $scope.secondsS = $scope.seconds==1 ? '' : 's';
           $scope.minutes = Math.floor((($scope.millis / (60000)) % 60));
+          $scope.minutesS = $scope.minutes==1 ? '' : 's';
           $scope.hours = Math.floor((($scope.millis / (3600000)) % 24));
+          $scope.hoursS = $scope.hours==1 ? '' : 's';
           $scope.days = Math.floor((($scope.millis / (3600000)) / 24));
+          $scope.daysS = $scope.days==1 ? '' : 's';
         }
 
         //determine initial values of time units and add AddSeconds functionality

dist/angular-timer.min.js

@@ -146,6 +146,26 @@ <h3>
         <button class="btn" onclick="stopResumeTimer('auto-start-false-timer', this)" type="button">Start</button>
     </div>
 </section>
+
+<section id="plural-unit-timer">
+    <h3>Plural / Singular units</h3>
+
+    <div class="bs-docs-example">
+        <p>
+            Two stopped countdown timers to illustrate how to handle pluralization of time units.
+            <code ng-non-bindable="">
+            &lt;timer autostart="false" countdown="90061"&gt;{{days}} day{{daysS}}, {{hours}} hour{{hoursS}}, {{minutes}} minute{{minutesS}}, {{seconds}} second{{secondsS}}.&lt;/timer&gt;
+            </code>
+
+        <h3 class="singular-counter">
+            <timer autostart="false" countdown="90061">{{days}} day{{daysS}}, {{hours}} hour{{hoursS}}, {{minutes}} minute{{minutesS}}, {{seconds}} second{{secondsS}}.</timer>
+        </h3>
+        <h3 class="plural-counter">
+            <timer autostart="false" countdown="190061">{{days}} day{{daysS}}, {{hours}} hour{{hoursS}}, {{minutes}} minute{{minutesS}}, {{seconds}} second{{secondsS}}.</timer>
+        </h3>
+    </div>
+</section>
+
 <section id="markup">
     <h3>
         Markup</h3>

index.html

@@ -85,4 +85,17 @@ describe('Angular Timer E2E Tests', function () {
     var afterTime = element('#timer-with-end-time timer span').html();
     expect(beforeTime).toHaveMoreSecondsThan(afterTime);
   });
+  
+  it('Plural / Singular Units - Should properly pluralize units', function () {
+    expect(element('#plural-unit-timer .singular-counter timer').html()).toMatch(/1 day,/);
+    expect(element('#plural-unit-timer .singular-counter timer').html()).toMatch(/1 hour,/);
+    expect(element('#plural-unit-timer .singular-counter timer').html()).toMatch(/1 minute,/);
+    expect(element('#plural-unit-timer .singular-counter timer').html()).toMatch(/1 second/);  
+    
+    expect(element('#plural-unit-timer .plural-counter timer').html()).toMatch(/days,/);
+    expect(element('#plural-unit-timer .plural-counter timer').html()).toMatch(/hours,/);
+    expect(element('#plural-unit-timer .plural-counter timer').html()).toMatch(/minutes,/);
+    expect(element('#plural-unit-timer .plural-counter timer').html()).toMatch(/seconds/);      
+  });  
+
 });