From cf82146a566408c97452aa63649c295add63c7c6 Mon Sep 17 00:00:00 2001
From: FRIN Yvonnick <frin.yvonnick@gmail.com>
Date: Mon, 15 Oct 2018 14:08:58 +0200
Subject: [PATCH] [Fix] Hide colon when seconds are hidden

---
 Clock.vue                     | 2 +-
 test/unit/specs/Clock.spec.js | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/Clock.vue b/Clock.vue
index df9aadf..5f69de3 100644
--- a/Clock.vue
+++ b/Clock.vue
@@ -4,7 +4,7 @@
     --><span v-if="!blink || seconds % 2 === 0">:</span><!--
     --><span v-else>&nbsp;</span><!--
     --><span class="clock__minutes">{{ minutes }}</span><!--
-        --><span v-if="!blink || (seconds % 2 === 0 && displaySeconds)">:</span><!--
+    --><span v-if="displaySeconds && (!blink || seconds % 2 === 0)">:</span><!--
     --><span v-else-if="displaySeconds">&nbsp;</span><!--
     --><span v-if="displaySeconds" class="clock__seconds">{{ seconds }}</span>
   </time>
diff --git a/test/unit/specs/Clock.spec.js b/test/unit/specs/Clock.spec.js
index bc08958..c1c02af 100644
--- a/test/unit/specs/Clock.spec.js
+++ b/test/unit/specs/Clock.spec.js
@@ -134,7 +134,7 @@ describe('Clock.vue', () => {
     const wrapper = mount(Clock, { propsData: { blink: true } });
     expect(wrapper.text()).to.not.contain(':');
   });
-  
+
   it('Calls clear input with vm.ticker when component is destroyed', () => {
     const stub = sinon.stub();
     window.clearInterval = stub;
@@ -143,4 +143,9 @@ describe('Clock.vue', () => {
     wrapper.destroy();
     expect(stub.args[0][0]).to.equal(ticker);
   });
+
+  it('should not display second colon by default', () => {
+    const wrapper = mount(Clock);
+    expect((wrapper.text().match(/:/g) || []).length).to.equal(1);
+  });
 });