Create dropdown-header.spec.js

tmorehouse · web-flow · commit 674c29798ea5 · 2019-04-01T11:36:15.000-03:00
diff --git a/src/components/dropdown/dropdown-header.spec.js b/src/components/dropdown/dropdown-header.spec.js
@@ -0,0 +1,55 @@
+import Header from './dropdown-header'
+import { mount } from '@vue/test-utils'
+
+describe('dropdown > dropdown-header', () => {
+  it('works', async () => {
+    const wrapper = mount(Header)
+
+    expect(wrapper.is('h6')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-header')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('id')).not.toBeDefined()
+    expect(wrapper.text()).toEqual('')
+  })
+
+  it('renders custom root element when prop tag set', async () => {
+    const wrapper = mount(Header, {
+      propsData: {
+        tag: 'h2'
+      }
+    })
+
+    expect(wrapper.is('h2')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-header')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('id')).not.toBeDefined()
+    expect(wrapper.text()).toEqual('')
+  })
+
+  it('user supplied id when prop id set', async () => {
+    const wrapper = mount(Header, {
+      propsData: {
+        id: 'foo'
+      }
+    })
+
+    expect(wrapper.is('h6')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-header')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('id')).toBeDefined()
+    expect(wrapper.attributes('id')).toEqual('foo')
+  })
+
+  it('renders default slot content', async () => {
+    const wrapper = mount(Header, {
+      slots: {
+        default: 'foobar'
+      }
+    })
+
+    expect(wrapper.is('h6')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-header')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.text()).toEqual('foobar')
+  })
+})
