Hello.vue calls ClickMeButton with props

Author: Pierre Trollé

src/components/Hello.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hello">
-    <click-me-button></click-me-button>
+    <click-me-button message="Increment counter"></click-me-button>
     <div class="counter">{{ counter }}</div>
     <h1>{{ msg }}</h1>
     <h2>Essential Links</h2>

test/unit/specs/Hello.spec.js

@@ -60,4 +60,13 @@ describe('Hello.vue', () => {
     const clickMeButton = vm.$options.components.ClickMeButton
     expect(clickMeButton).to.contain(ClickMeButton)
   })
+
+  it('should define a message to put inside the clickMeButton', () => {
+    expect(vm.$options.components.ClickMeButton.props).to.haveOwnProperty('message')
+  })
+
+  it('should verify textContent of the Click Me Button', () => {
+    expect(vm.$el.querySelector('.clickMeButton button').textContent)
+      .to.equal('Increment counter')
+  })
 })