[Fix] Hide colon when seconds are hidden (#6)

Author: frinyvonnick

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>

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);
+  });
 });