update tests and fix issue with test

crystalclear506 · Aug 23, 2021 · 3d2e756 · 3d2e756
1 parent d514574
commit 3d2e756
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 27 deletions.
diff --git a/src/Components/countdown-clock.js b/src/Components/countdown-clock.js
@@ -6,15 +6,14 @@ class CountdownClock extends React.Component {
         super(props);
 
         this.state = {
-            secondsDisp: '',
-            minutesDisp: '',
-            hoursDisp: '',
-            daysDisp: '',
-            milisDisp: '',
+            secondsDisp: '00',
+            minutesDisp: '00',
+            hoursDisp: '00',
+            daysDisp: '0',
+            milisDisp: '00',
             endTime: null,
             isTimeout: false,
         };
-        this.initializeClock();
     }
 
     setCountdownEnd(endTime) {

diff --git a/tests/__snapshots__/countdown-clock.test.js.snap b/tests/__snapshots__/countdown-clock.test.js.snap
@@ -9,44 +9,51 @@ exports[`Component should be rendered correctly 1`] = `
   >
     <div
       className="cell"
-    >
-      00
-    </div>
-    <div
-      className="colons"
     >
       <div>
-        :
+        0
+      </div>
+      <div
+        className="label"
+      >
+         Days 
       </div>
     </div>
     <div
       className="cell"
-    >
-      00
-    </div>
-    <div
-      className="colons"
     >
       <div>
-        :
+        00
+      </div>
+      <div
+        className="label"
+      >
+         Hours 
       </div>
     </div>
     <div
       className="cell"
-    >
-      00
-    </div>
-    <div
-      className="colons"
     >
       <div>
-        :
+        00
+      </div>
+      <div
+        className="label"
+      >
+         Minutes 
       </div>
     </div>
     <div
       className="cell"
     >
-      000
+      <div>
+        00
+      </div>
+      <div
+        className="label"
+      >
+         Seconds 
+      </div>
     </div>
   </div>
 </div>

diff --git a/tests/countdown-clock.test.js b/tests/countdown-clock.test.js
@@ -26,11 +26,11 @@ test('Countdown should decrement correctly', (done) => {
 
 
     setTimeout(() => {
-        expect(component.state.secondsDisp).toBe(30);
+        expect(component.state.secondsDisp).toBe("30");
     }, seconds / 2);
 
     setTimeout(() => {
-        expect(component.state.secondsDisp).toBe(0);
+        expect(component.state.secondsDisp).toBe("00");
     }, seconds);    
 
     jest.runAllTimers();