Update nav-item-dropdown.spec.js

jacobmllr95 · jacobmllr95 · commit 8c2a68b5cc2c · 2020-05-12T00:20:13.000+02:00
diff --git a/src/components/nav/nav-item-dropdown.spec.js b/src/components/nav/nav-item-dropdown.spec.js
@@ -4,11 +4,7 @@ import { BNavItemDropdown } from './nav-item-dropdown'
 
 describe('nav-item-dropdown', () => {
   it('has expected default structure', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'toggle'
-      }
-    })
+    const wrapper = mount(BNavItemDropdown)
 
     expect(wrapper.vm).toBeDefined()
     await waitNT(wrapper.vm)
@@ -39,11 +35,7 @@ describe('nav-item-dropdown', () => {
   })
 
   it('should have a flag that we are in a nav', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'toggle'
-      }
-    })
+    const wrapper = mount(BNavItemDropdown)
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.vm.isNav).toBe(true)
@@ -54,7 +46,6 @@ describe('nav-item-dropdown', () => {
   it('should have custom toggle class when "toggle-class" prop set', async () => {
     const wrapper = mount(BNavItemDropdown, {
       propsData: {
-        text: 'toggle',
         toggleClass: 'nav-link-custom'
       }
     })
@@ -71,7 +62,6 @@ describe('nav-item-dropdown', () => {
   it('should be disabled when "disabled" prop set', async () => {
     const wrapper = mount(BNavItemDropdown, {
       propsData: {
-        text: 'toggle',
         disabled: true
       }
     })
@@ -86,6 +76,24 @@ describe('nav-item-dropdown', () => {
     wrapper.destroy()
   })
 
+  it('should have href with ID when "id" prop set', async () => {
+    const wrapper = mount(BNavItemDropdown, {
+      propsData: {
+        id: 'foo'
+      }
+    })
+
+    expect(wrapper.vm).toBeDefined()
+    await waitNT(wrapper.vm)
+
+    expect(wrapper.element.hasAttribute('id')).toBe(true)
+
+    const $toggle = wrapper.find('.dropdown-toggle')
+    expect($toggle.attributes('href')).toEqual(`#${wrapper.attributes('id')}`)
+
+    wrapper.destroy()
+  })
+
   it('should open/close on toggle click', async () => {
     const wrapper = mount(BNavItemDropdown, {
       propsData: {
