feat(BNavItemDropdown): adds open, close and toggle methods.

Author: phlegx

packages/bootstrap-vue-next/src/components/BNav/BNavItemDropdown.vue

@@ -89,7 +89,7 @@ defineSlots<{
   'button-content'?: (props: Record<string, never>) => any
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emit)
+const modelValue = useVModel(props, 'modelValue', emit, {passive: true})
 
 const modelValueBoolean = useBooleanish(modelValue)
 
@@ -100,4 +100,20 @@ const dropdownValue = computed({
   },
 })
 const usableProps = computed(() => omit(props, ['modelValue'] as const))
+
+const close = () => {
+  modelValue.value = false
+}
+const open = () => {
+  modelValue.value = true
+}
+const toggle = () => {
+  modelValue.value = !modelValueBoolean.value
+}
+
+defineExpose({
+  close,
+  open,
+  toggle,
+})
 </script>

packages/bootstrap-vue-next/src/components/BNav/nav-item-dropdown.spec.ts

@@ -1,6 +1,7 @@
 import {enableAutoUnmount, mount} from '@vue/test-utils'
 import {afterEach, describe, expect, it} from 'vitest'
 import BNavItemDropdown from './BNavItemDropdown.vue'
+import BButton from '../BButton/BButton.vue'
 import BDropdown from '../BDropdown/BDropdown.vue'
 
 describe('nav-item-dropdown', () => {
@@ -22,5 +23,29 @@ describe('nav-item-dropdown', () => {
     expect($bdropdown.exists()).toBe(true)
   })
 
+  it('is opened if open called', async () => {
+    const wrapper = mount(BNavItemDropdown)
+    const $bbutton = wrapper.findComponent(BButton)
+    await wrapper.vm.open()
+    expect($bbutton.classes()).toContain('show')
+  })
+
+  it('is closed if close called', async () => {
+    const wrapper = mount(BNavItemDropdown)
+    const $bbutton = wrapper.findComponent(BButton)
+    await wrapper.vm.open()
+    await wrapper.vm.close()
+    expect($bbutton.classes()).not.toContain('show')
+  })
+
+  it('is toggled if toggle called', async () => {
+    const wrapper = mount(BNavItemDropdown)
+    const $bbutton = wrapper.findComponent(BButton)
+    await wrapper.vm.toggle()
+    expect($bbutton.classes()).toContain('show')
+    await wrapper.vm.toggle()
+    expect($bbutton.classes()).not.toContain('show')
+  })
+
   // There are more tests here, but the component seems broken
 })