diff --git a/src/directives/toggle/README.md b/src/directives/toggle/README.md
index a639933fec2..92aa0c87eac 100644
--- a/src/directives/toggle/README.md
+++ b/src/directives/toggle/README.md
@@ -16,7 +16,7 @@ details and caveats.
 
 ## Directive syntax and usage
 
-The directive is applied to the element or component that triggers the visibility of hte target. The
+The directive is applied to the element or component that triggers the visibility of the target. The
 target component can be specified (via its ID) as either a directive modifier(s), the directive
 argument, or as a string/array passed to as the directive value:
 
@@ -34,7 +34,7 @@ argument, or as a string/array passed to as the directive value:
 
 Modifiers, argument, and the value can be used at the same time when targeting multiple components.
 
-### Example usage
+**Example usage:**
 
 ```html
 <template>
@@ -62,6 +62,44 @@ Modifiers, argument, and the value can be used at the same time when targeting m
 <!-- v-b-toggle-directive.vue -->
 ```
 
+## Usage on links
+
+<span class="badge badge-info small">2.15.0+</span>
+
+If placing the directive on a link (or a component that renders a link), the target ID can
+alternatively be specified via the `href` attribute.
+
+Note that the browser URL will change and the page may scroll the target into view. To prevent the
+URL from changing and the page from scrolling, add `@click.prevent` to the link.
+
+**Example usage:**
+
+```html
+<template>
+  <div>
+    <div class="mb-3">
+      <a v-b-toggle href="#example-collapse" @click.prevent>Toggle Collapse</a>
+      <b-button v-b-toggle href="#example-sidebar" @click.prevent>Toggle Sidebar</b-button>
+    </div>
+
+    <b-collapse id="example-collapse">
+      <b-card title="Collapsible card">
+        Hello world!
+      </b-card>
+    </b-collapse>
+
+    <b-sidebar id="example-sidebar" title="Sidebar" shadow>
+      <div class="px-3 py-2">
+        Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis
+        in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
+      </div>
+    </b-sidebar>
+  </div>
+</template>
+
+<!-- v-b-toggle-links.vue -->
+```
+
 ## Hiding and showing content in the toggle trigger element
 
 When using the `v-b-toggle` directive, the class `collapsed` will automatically be placed on the
diff --git a/src/directives/toggle/toggle.js b/src/directives/toggle/toggle.js
index 6e34a667808..45a909d30d4 100644
--- a/src/directives/toggle/toggle.js
+++ b/src/directives/toggle/toggle.js
@@ -1,7 +1,16 @@
 import KeyCodes from '../../utils/key-codes'
 import looseEqual from '../../utils/loose-equal'
 import { arrayIncludes, concat } from '../../utils/array'
-import { addClass, hasAttr, isDisabled, removeAttr, removeClass, setAttr } from '../../utils/dom'
+import {
+  addClass,
+  getAttr,
+  hasAttr,
+  isDisabled,
+  isTag,
+  removeAttr,
+  removeClass,
+  setAttr
+} from '../../utils/dom'
 import { isBrowser } from '../../utils/env'
 import { eventOn, eventOff } from '../../utils/events'
 import { isString } from '../../utils/inspect'
@@ -51,19 +60,29 @@ export const EVENT_STATE_REQUEST = 'bv::request::collapse::state'
 
 const KEYDOWN_KEY_CODES = [ENTER, SPACE]
 
+const RX_HASH = /^#/
+const RX_HASH_ID = /^#[A-Za-z]+[\w\-:.]*$/
 const RX_SPLIT_SEPARATOR = /\s+/
 
 // --- Helper methods ---
 
-const isNonStandardTag = el => !arrayIncludes(['BUTTON', 'A'], el.tagName)
+const isNonStandardTag = el => !arrayIncludes(['button', 'a'], el.tagName.toLowerCase())
 
-const getTargets = ({ modifiers, arg, value }) => {
+const getTargets = ({ modifiers, arg, value }, el) => {
   // Any modifiers are considered target IDs
   const targets = keys(modifiers || {})
 
   // If value is a string, split out individual targets (if space delimited)
   value = isString(value) ? value.split(RX_SPLIT_SEPARATOR) : value
 
+  // Support target ID as link href (`href="#id"`)
+  if (isTag(el.tagName, 'a')) {
+    const href = getAttr(el, 'href') || ''
+    if (RX_HASH_ID.test(href)) {
+      targets.push(href.replace(RX_HASH, ''))
+    }
+  }
+
   // Add ID from `arg` (if provided), and support value
   // as a single string ID or an array of string IDs
   // If `value` is not an array or string, then it gets filtered out
@@ -172,7 +191,7 @@ const handleUpdate = (el, binding, vnode) => {
   setToggleState(el, el[BV_TOGGLE_STATE])
 
   // Parse list of target IDs
-  const targets = getTargets(binding)
+  const targets = getTargets(binding, el)
 
   /* istanbul ignore else */
   // Ensure the `aria-controls` hasn't been overwritten
diff --git a/src/directives/toggle/toggle.spec.js b/src/directives/toggle/toggle.spec.js
index 4b5e716228b..cecf1360f85 100644
--- a/src/directives/toggle/toggle.spec.js
+++ b/src/directives/toggle/toggle.spec.js
@@ -31,24 +31,26 @@ describe('v-b-toggle directive', () => {
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').attributes('tabindex')).not.toBeDefined()
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
     expect(spy).not.toHaveBeenCalled()
 
     const $button = wrapper.find('button')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.attributes('tabindex')).not.toBeDefined()
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
+
     await $button.trigger('click')
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toBeCalledWith('test')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').attributes('tabindex')).not.toBeDefined()
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.attributes('tabindex')).not.toBeDefined()
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
 
     wrapper.destroy()
   })
@@ -72,22 +74,24 @@ describe('v-b-toggle directive', () => {
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
     expect(spy).not.toHaveBeenCalled()
 
     const $button = wrapper.find('button')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
+
     await $button.trigger('click')
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toBeCalledWith('test')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
 
     wrapper.destroy()
   })
@@ -111,22 +115,67 @@ describe('v-b-toggle directive', () => {
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
     expect(spy).not.toHaveBeenCalled()
 
     const $button = wrapper.find('button')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
+
     await $button.trigger('click')
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toBeCalledWith('test')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
+
+    wrapper.destroy()
+  })
+
+  it('works on passing ID as href value on links', async () => {
+    const spy = jest.fn()
+    const App = {
+      directives: {
+        bToggle: VBToggle
+      },
+      created() {
+        this.$root.$on(EVENT_TOGGLE, spy)
+      },
+      beforeDestroy() {
+        this.$root.$off(EVENT_TOGGLE, spy)
+      },
+      template: '<a href="#test" v-b-toggle>link</a>'
+    }
+
+    const wrapper = mount(App)
+
+    expect(wrapper.vm).toBeDefined()
+    expect(wrapper.element.tagName).toBe('A')
+    expect(spy).not.toHaveBeenCalled()
+
+    const $link = wrapper.find('a')
+    expect($link.attributes('aria-controls')).toBe('test')
+    expect($link.attributes('aria-expanded')).toBe('false')
+    expect($link.attributes('tabindex')).not.toBeDefined()
+    expect($link.classes()).toContain('collapsed')
+    expect($link.classes()).not.toContain('not-collapsed')
+
+    await $link.trigger('click')
+    expect(spy).toHaveBeenCalledTimes(1)
+    expect(spy).toBeCalledWith('test')
+
+    // Since there is no target collapse to respond with the
+    // current state, the classes and attrs remain the same
+    expect($link.attributes('aria-controls')).toBe('test')
+    expect($link.attributes('aria-expanded')).toBe('false')
+    expect($link.attributes('tabindex')).not.toBeDefined()
+    expect($link.classes()).toContain('collapsed')
+    expect($link.classes()).not.toContain('not-collapsed')
 
     wrapper.destroy()
   })
@@ -160,19 +209,15 @@ describe('v-b-toggle directive', () => {
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('BUTTON')
+    expect(spy).not.toHaveBeenCalled()
 
     const $button = wrapper.find('button')
-
     expect($button.attributes('aria-controls')).toBe('test1')
     expect($button.attributes('aria-expanded')).toBe('false')
     expect($button.classes()).toContain('collapsed')
     expect($button.classes()).not.toContain('not-collapsed')
-    expect(spy).not.toHaveBeenCalled()
-
-    await wrapper.setProps({
-      target: ['test1', 'test2']
-    })
 
+    await wrapper.setProps({ target: ['test1', 'test2'] })
     expect($button.attributes('aria-controls')).toBe('test1 test2')
     expect($button.attributes('aria-expanded')).toBe('false')
     expect($button.classes()).toContain('collapsed')
@@ -180,10 +225,10 @@ describe('v-b-toggle directive', () => {
     expect(spy).not.toHaveBeenCalled()
 
     await $button.trigger('click')
-
     expect(spy).toHaveBeenCalledTimes(2)
     expect(spy).toHaveBeenNthCalledWith(1, 'test1')
     expect(spy).toHaveBeenNthCalledWith(2, 'test2')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
     expect($button.attributes('aria-controls')).toBe('test1 test2')
@@ -191,10 +236,7 @@ describe('v-b-toggle directive', () => {
     expect($button.classes()).toContain('collapsed')
     expect($button.classes()).not.toContain('not-collapsed')
 
-    await wrapper.setProps({
-      target: ['test2']
-    })
-
+    await wrapper.setProps({ target: ['test2'] })
     expect($button.attributes('aria-controls')).toBe('test2')
     expect($button.attributes('aria-expanded')).toBe('false')
     expect($button.classes()).toContain('collapsed')
@@ -202,9 +244,9 @@ describe('v-b-toggle directive', () => {
     expect(spy).toHaveBeenCalledTimes(2)
 
     await $button.trigger('click')
-
     expect(spy).toHaveBeenCalledTimes(3)
     expect(spy).toHaveBeenNthCalledWith(3, 'test2')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
     expect($button.attributes('aria-controls')).toBe('test2')
@@ -240,66 +282,69 @@ describe('v-b-toggle directive', () => {
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('SPAN')
     expect(spy).not.toHaveBeenCalled()
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
-    expect(wrapper.find('span').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('span').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('span').classes()).toContain('collapsed')
-    expect(wrapper.find('span').classes()).not.toContain('not-collapsed')
-    expect(wrapper.find('span').text()).toBe('span')
 
     const $span = wrapper.find('span')
+    expect($span.attributes('role')).toBe('button')
+    expect($span.attributes('tabindex')).toBe('0')
+    expect($span.attributes('aria-controls')).toBe('test')
+    expect($span.attributes('aria-expanded')).toBe('false')
+    expect($span.classes()).toContain('collapsed')
+    expect($span.classes()).not.toContain('not-collapsed')
+    expect($span.text()).toBe('span')
+
     await $span.trigger('click')
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toBeCalledWith('test')
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
+    expect($span.attributes('role')).toBe('button')
+    expect($span.attributes('tabindex')).toBe('0')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('span').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('span').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('span').classes()).toContain('collapsed')
-    expect(wrapper.find('span').classes()).not.toContain('not-collapsed')
+    expect($span.attributes('aria-controls')).toBe('test')
+    expect($span.attributes('aria-expanded')).toBe('false')
+    expect($span.classes()).toContain('collapsed')
+    expect($span.classes()).not.toContain('not-collapsed')
 
     // Reacts to SPACE keypress
     await $span.trigger('keydown.space')
     expect(spy).toHaveBeenCalledTimes(2)
     expect(spy).toBeCalledWith('test')
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
+    expect($span.attributes('role')).toBe('button')
+    expect($span.attributes('tabindex')).toBe('0')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('span').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('span').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('span').classes()).toContain('collapsed')
-    expect(wrapper.find('span').classes()).not.toContain('not-collapsed')
+    expect($span.attributes('aria-controls')).toBe('test')
+    expect($span.attributes('aria-expanded')).toBe('false')
+    expect($span.classes()).toContain('collapsed')
+    expect($span.classes()).not.toContain('not-collapsed')
 
     // Reacts to ENTER keypress
     await $span.trigger('keydown.enter')
     expect(spy).toHaveBeenCalledTimes(3)
     expect(spy).toBeCalledWith('test')
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
+    expect($span.attributes('role')).toBe('button')
+    expect($span.attributes('tabindex')).toBe('0')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('span').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('span').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('span').classes()).toContain('collapsed')
-    expect(wrapper.find('span').classes()).not.toContain('not-collapsed')
-
-    // Test updating component. should maintain role attribute
-    await wrapper.setData({
-      text: 'foobar'
-    })
-    expect(wrapper.find('span').text()).toBe('foobar')
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
+    expect($span.attributes('aria-controls')).toBe('test')
+    expect($span.attributes('aria-expanded')).toBe('false')
+    expect($span.classes()).toContain('collapsed')
+    expect($span.classes()).not.toContain('not-collapsed')
+
+    // Test updating component, should maintain role attribute
+    await wrapper.setData({ text: 'foobar' })
+    expect($span.text()).toBe('foobar')
+    expect($span.attributes('role')).toBe('button')
+    expect($span.attributes('tabindex')).toBe('0')
+
     // Since there is no target collapse to respond with the
     // current state, the classes and attrs remain the same
-    expect(wrapper.find('span').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('span').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('span').classes()).toContain('collapsed')
-    expect(wrapper.find('span').classes()).not.toContain('not-collapsed')
+    expect($span.attributes('aria-controls')).toBe('test')
+    expect($span.attributes('aria-expanded')).toBe('false')
+    expect($span.classes()).toContain('collapsed')
+    expect($span.classes()).not.toContain('not-collapsed')
 
     wrapper.destroy()
   })
@@ -316,36 +361,35 @@ describe('v-b-toggle directive', () => {
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
 
     const $root = wrapper.vm.$root
 
+    const $button = wrapper.find('button')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
+
     $root.$emit(EVENT_STATE, 'test', true)
     await waitNT(wrapper.vm)
-
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('true')
-    expect(wrapper.find('button').classes()).not.toContain('collapsed')
-    expect(wrapper.find('button').classes()).toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('true')
+    expect($button.classes()).not.toContain('collapsed')
+    expect($button.classes()).toContain('not-collapsed')
 
     $root.$emit(EVENT_STATE, 'test', false)
     await waitNT(wrapper.vm)
-
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
 
     $root.$emit(EVENT_STATE, 'test', true)
     await waitNT(wrapper.vm)
-
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('true')
-    expect(wrapper.find('button').classes()).not.toContain('collapsed')
-    expect(wrapper.find('button').classes()).toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('true')
+    expect($button.classes()).not.toContain('collapsed')
+    expect($button.classes()).toContain('not-collapsed')
 
     wrapper.destroy()
   })
@@ -362,28 +406,28 @@ describe('v-b-toggle directive', () => {
 
     expect(wrapper.vm).toBeDefined()
     expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
 
     const $root = wrapper.vm.$root
 
+    const $button = wrapper.find('button')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
+
     $root.$emit(EVENT_STATE_SYNC, 'test', true)
     await waitNT(wrapper.vm)
-
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('true')
-    expect(wrapper.find('button').classes()).not.toContain('collapsed')
-    expect(wrapper.find('button').classes()).toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('true')
+    expect($button.classes()).not.toContain('collapsed')
+    expect($button.classes()).toContain('not-collapsed')
 
     $root.$emit(EVENT_STATE_SYNC, 'test', false)
     await waitNT(wrapper.vm)
-
-    expect(wrapper.find('button').attributes('aria-controls')).toBe('test')
-    expect(wrapper.find('button').attributes('aria-expanded')).toBe('false')
-    expect(wrapper.find('button').classes()).toContain('collapsed')
-    expect(wrapper.find('button').classes()).not.toContain('not-collapsed')
+    expect($button.attributes('aria-controls')).toBe('test')
+    expect($button.attributes('aria-expanded')).toBe('false')
+    expect($button.classes()).toContain('collapsed')
+    expect($button.classes()).not.toContain('not-collapsed')
 
     wrapper.destroy()
   })