bootstrap-vue · tmorehouse · Apr 1, 2019 · Apr 1, 2019 · Apr 1, 2019 · Apr 1, 2019
diff --git a/src/components/dropdown/dropdown-divider.spec.js b/src/components/dropdown/dropdown-divider.spec.js
@@ -0,0 +1,45 @@
+import Divider from './dropdown-divider'
+import { mount } from '@vue/test-utils'
+
+describe('dropdown > dropdown-divider', () => {
+  it('works', async () => {
+    const wrapper = mount(Divider)
+
+    expect(wrapper.is('div')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-divider')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('role')).toBeDefined()
+    expect(wrapper.attributes('role')).toEqual('separator')
+    expect(wrapper.text()).toEqual('')
+  })
+
+  it('renders custom root element when prop tag set', async () => {
+    const wrapper = mount(Divider, {
+      propsData: {
+        tag: 'span'
+      }
+    })
+
+    expect(wrapper.is('span')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-divider')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('role')).toBeDefined()
+    expect(wrapper.attributes('role')).toEqual('separator')
+    expect(wrapper.text()).toEqual('')
+  })
+
+  it('does not render default slot content', async () => {
+    const wrapper = mount(Divider, {
+      slots: {
+        default: 'foobar'
+      }
+    })
+
+    expect(wrapper.is('div')).toBe(true)
+    expect(wrapper.classes()).toContain('dropdown-divider')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('role')).toBeDefined()
+    expect(wrapper.attributes('role')).toEqual('separator')
+    expect(wrapper.text()).toEqual('')
+  })
+})
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')
+  })
+})