Hello.vue calls ClickMeButton with props

trollepierre · May 15, 2017 · 1c20a6f · 1c20a6f
1 parent 2789185
commit 1c20a6f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/Hello.vue b/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>

diff --git a/test/unit/specs/Hello.spec.js b/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')
+  })
 })