feat(timepicker): hide arrows with [hidden] attribute (#4197)

valor-software · Apr 24, 2018 · 190e2db · 190e2db
1 parent a568026
commit 190e2db
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/spec/timepicker/timepicker.component.spec.ts b/src/spec/timepicker/timepicker.component.spec.ts
@@ -533,9 +533,7 @@ describe('Component: TimepickerComponent', () => {
       fixture.detectChanges();
       fixture.whenStable().then(() => {
         const buttonsHidden = fixture.nativeElement.querySelector('a.btn');
-        expect(buttonsHidden.parentElement.parentElement.className).toContain(
-          'hidden'
-        );
+        expect(buttonsHidden.parentElement.parentElement.hasAttribute('hidden')).toEqual(true)
       });
     });
   });

diff --git a/src/timepicker/timepicker.component.html b/src/timepicker/timepicker.component.html
@@ -1,6 +1,6 @@
 <table>
   <tbody>
-  <tr class="text-center" [class.hidden]="!showSpinners">
+  <tr class="text-center" [hidden]="!showSpinners">
     <!-- increment hours button-->
     <td>
       <a class="btn btn-link" [class.disabled]="!canIncrementHours || !isEditable"
@@ -87,7 +87,7 @@
       </button>
     </td>
   </tr>
-  <tr class="text-center" [class.hidden]="!showSpinners">
+  <tr class="text-center" [hidden]="!showSpinners">
     <!-- decrement hours button-->
     <td>
       <a class="btn btn-link" [class.disabled]="!canDecrementHours || !isEditable"