Create dropdown-divider.spec.js

tmorehouse · web-flow · commit ba1986d7093c · 2019-04-01T11:27:20.000-03:00
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('')
+  })
+})
