Merge pull request #8 from 19pdh/develop

Posts & ranking

1 files changed, 23 insertions, 0 deletions

diff --git a/tests/components/NavLink.test.js b/tests/components/NavLink.test.js
new file mode 100644
index 0000000..d35e6db
--- /dev/null
+++ b/tests/components/NavLink.test.js
@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import NavLink from '../../components/NavLink'
+
+describe('NavLink', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(NavLink)
+
+  wrapper.setProps({ link: '/link', name: 'Link' })
+
+  it('renders the correct markup', () => {
+    expect(wrapper.html()).toContain(
+      `<li class="navlink"><nuxt-link class="link" to="/link">Link</nuxt-link></li>`
+    )
+  })
+
+  it('check text', () => {
+    expect(wrapper.text()).toBe('Link')
+  })
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})