diff --git a/src/components/breadcrumb/fixtures/breadcrumb.html b/src/components/breadcrumb/fixtures/breadcrumb.html
index e837b03a047..087d93a5cde 100644
--- a/src/components/breadcrumb/fixtures/breadcrumb.html
+++ b/src/components/breadcrumb/fixtures/breadcrumb.html
@@ -6,6 +6,6 @@
                            v-bind="item"
                            :key="index" />
     </b-breadcrumb>
-    <!-- test when one of hte items has active set to true
-    <b-breadcrumb ref="breadcrumb3" :items="item2"></b-breadcrumb>
+    <!-- test when one of hte items has active set to true -->
+    <b-breadcrumb ref="breadcrumb3" :items="items3"></b-breadcrumb>
 </div>
diff --git a/src/components/breadcrumb/fixtures/breadcrumb.js b/src/components/breadcrumb/fixtures/breadcrumb.js
index 177c40d42f8..7f6797bc2f5 100644
--- a/src/components/breadcrumb/fixtures/breadcrumb.js
+++ b/src/components/breadcrumb/fixtures/breadcrumb.js
@@ -35,6 +35,24 @@ window.app = new Vue({
       {
         text: 'Library'
       }
+    ],
+    items3: [
+      {
+        text: 'Home',
+        href: 'https://bootstrap-vue.github.io'
+      },
+      {
+        text: 'Admin',
+        href: '#',
+        active: true
+      },
+      {
+        text: 'Manage',
+        href: '#'
+      },
+      {
+        text: 'Library'
+      }
     ]
   }
 })
diff --git a/src/components/button-toolbar/button-toolbar.js b/src/components/button-toolbar/button-toolbar.js
index d6e75b3493a..aa5f06276b1 100644
--- a/src/components/button-toolbar/button-toolbar.js
+++ b/src/components/button-toolbar/button-toolbar.js
@@ -22,11 +22,6 @@ export default {
       default: false
     }
   },
-  computed: {
-    classObject() {
-      return ['btn-toolbar', this.justify && !this.vertical ? 'justify-content-between' : '']
-    }
-  },
   mounted() {
     if (this.keyNav) {
       // Pre-set the tabindexes if the markup does not include tabindex="-1" on the toolbar items
@@ -41,62 +36,51 @@ export default {
         this.focusFirst(evt)
       }
     },
+    stop(evt) {
+      evt.preventDefault()
+      evt.stopPropagation()
+    },
     onKeydown(evt) {
       if (!this.keyNav) {
+        /* istanbul ignore next: should never happen */
         return
       }
       const key = evt.keyCode
       const shift = evt.shiftKey
       if (key === KeyCodes.UP || key === KeyCodes.LEFT) {
-        evt.preventDefault()
-        evt.stopPropagation()
-        if (shift) {
-          this.focusFirst(evt)
-        } else {
-          this.focusNext(evt, true)
-        }
+        this.stop(evt)
+        shift ? this.focusFirst(evt) : this.focusPrev(evt)
       } else if (key === KeyCodes.DOWN || key === KeyCodes.RIGHT) {
-        evt.preventDefault()
-        evt.stopPropagation()
-        if (shift) {
-          this.focusLast(evt)
-        } else {
-          this.focusNext(evt, false)
-        }
+        this.stop(evt)
+        shift ? this.focusLast(evt) : this.focusNext(evt)
       }
     },
     setItemFocus(item) {
-      this.$nextTick(() => {
-        item.focus()
-      })
+      item && item.focus && item.focus()
     },
-    focusNext(evt, prev) {
+    focusFirst(evt) {
       const items = this.getItems()
-      if (items.length < 1) {
-        return
-      }
-      let index = items.indexOf(evt.target)
-      if (prev && index > 0) {
-        index--
-      } else if (!prev && index < items.length - 1) {
-        index++
-      }
-      if (index < 0) {
-        index = 0
+      this.setItemFocus(items[0])
+    },
+    focusPrev(evt) {
+      let items = this.getItems()
+      const index = items.indexOf(evt.target)
+      if (index > -1) {
+        items = items.slice(0, index).reverse()
+        this.setItemFocus(items[0])
       }
-      this.setItemFocus(items[index])
     },
-    focusFirst(evt) {
-      const items = this.getItems()
-      if (items.length > 0) {
+    focusNext(evt) {
+      let items = this.getItems()
+      const index = items.indexOf(evt.target)
+      if (index > -1) {
+        items = items.slice(index + 1)
         this.setItemFocus(items[0])
       }
     },
     focusLast(evt) {
-      const items = this.getItems()
-      if (items.length > 0) {
-        this.setItemFocus([items.length - 1])
-      }
+      const items = this.getItems().reverse()
+      this.setItemFocus(items[0])
     },
     getItems() {
       let items = selectAll(ITEM_SELECTOR, this.$el)
@@ -111,15 +95,18 @@ export default {
     return h(
       'div',
       {
-        class: this.classObject,
+        staticClass: 'btn-toolbar',
+        class: { 'justify-content-between': this.justify },
         attrs: {
           role: 'toolbar',
           tabindex: this.keyNav ? '0' : null
         },
-        on: {
-          focusin: this.onFocusin,
-          keydown: this.onKeydown
-        }
+        on: this.keyNav
+          ? {
+              focusin: this.onFocusin,
+              keydown: this.onKeydown
+            }
+          : {}
       },
       [this.$slots.default]
     )
diff --git a/src/components/button-toolbar/button-toolbar.spec.js b/src/components/button-toolbar/button-toolbar.spec.js
index 6039c60e125..8c1f8ab66d5 100644
--- a/src/components/button-toolbar/button-toolbar.spec.js
+++ b/src/components/button-toolbar/button-toolbar.spec.js
@@ -1,22 +1,195 @@
-import { loadFixture, testVM } from '../../../tests/utils'
+import ButtonToolbar from './button-toolbar'
+import ButtonGroup from '../button-group/button-group'
+import Button from '../button/button'
+import { mount } from '@vue/test-utils'
+import Vue from 'vue'
 
 describe('button-toolbar', () => {
-  beforeEach(loadFixture(__dirname, 'button-toolbar'))
-  testVM()
+  it('toolbar root should be "div"', async () => {
+    const wrapper = mount(ButtonToolbar, {})
+    expect(wrapper.is('div')).toBe(true)
+    wrapper.destroy()
+  })
 
   it('toolbar should contain base class', async () => {
-    const {
-      app: { $refs }
-    } = window
+    const wrapper = mount(ButtonToolbar, {})
+    expect(wrapper.classes()).toContain('btn-toolbar')
+    wrapper.destroy()
+  })
 
-    expect($refs.toolbar).toHaveClass('btn-toolbar')
+  it('toolbar should not have class "justify-content-between"', async () => {
+    const wrapper = mount(ButtonToolbar, {})
+    expect(wrapper.classes()).not.toContain('justify-content-between')
+    wrapper.destroy()
   })
 
   it('toolbar should have role', async () => {
-    const {
-      app: { $refs }
-    } = window
+    const wrapper = mount(ButtonToolbar, {})
+    expect(wrapper.attributes('role')).toBe('toolbar')
+    wrapper.destroy()
+  })
+
+  it('toolbar should not have tabindex by default', async () => {
+    const wrapper = mount(ButtonToolbar, {})
+    expect(wrapper.attributes('tabindex')).not.toBeDefined()
+    wrapper.destroy()
+  })
+
+  it('toolbar should have class "justify-content-between" when justify set', async () => {
+    const wrapper = mount(ButtonToolbar, {
+      propsData: {
+        justify: true
+      }
+    })
+    expect(wrapper.classes()).toContain('justify-content-between')
+    expect(wrapper.classes()).toContain('btn-toolbar')
+    wrapper.destroy()
+  })
+
+  it('toolbar should have tabindex when key-nav set', async () => {
+    const wrapper = mount(ButtonToolbar, {
+      propsData: {
+        keyNav: true
+      }
+    })
+    expect(wrapper.attributes('tabindex')).toBeDefined()
+    expect(wrapper.attributes('tabindex')).toBe('0')
+    expect(wrapper.element.tabIndex).toBe(0)
+    wrapper.destroy()
+  })
+
+  // These tests are wrapped in a new describe to limit the scope of the getBCR Mock
+  describe('keyboard navigation', () => {
+    const origGetBCR = Element.prototype.getBoundingClientRect
+
+    beforeEach(() => {
+      // Mock getBCR so that the isVisible(el) test returns true
+      // In our test below, all pagination buttons would normally be visible
+      Element.prototype.getBoundingClientRect = jest.fn(() => {
+        return {
+          width: 24,
+          height: 24,
+          top: 0,
+          left: 0,
+          bottom: 0,
+          right: 0
+        }
+      })
+    })
+
+    afterEach(() => {
+      // Restore prototype
+      Element.prototype.getBoundingClientRect = origGetBCR
+    })
+
+    // Test App for keynav
+    const App = Vue.extend({
+      render(h) {
+        return h(ButtonToolbar, { props: { keyNav: true } }, [
+          h(ButtonGroup, {}, [h(Button, {}, 'a'), h(Button, {}, 'b')]),
+          h(ButtonGroup, {}, [h(Button, { props: { disabled: true } }, 'c'), h(Button, {}, 'd')]),
+          h(ButtonGroup, {}, [h(Button, {}, 'e'), h(Button, {}, 'f')])
+        ])
+      }
+    })
+
+    it('has correct structure', async () => {
+      const wrapper = mount(App, {
+        attachToDocument: true
+      })
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.is('div.btn-toolbar')).toBe(true)
+      expect(wrapper.attributes('tabindex')).toBe('0')
+
+      const $groups = wrapper.findAll('.btn-group')
+      expect($groups).toBeDefined()
+      expect($groups.length).toBe(3)
+      expect($groups.is(ButtonGroup)).toBe(true)
+
+      const $btns = wrapper.findAll('button')
+      expect($btns).toBeDefined()
+      expect($btns.length).toBe(6)
+      expect($btns.is(Button)).toBe(true)
+      expect($btns.at(0).is('button[tabindex="-1"')).toBe(true)
+      expect($btns.at(1).is('button[tabindex="-1"')).toBe(true)
+      expect($btns.at(2).is('button[tabindex="-1"')).toBe(false) // disabled button
+      expect($btns.at(3).is('button[tabindex="-1"')).toBe(true)
+      expect($btns.at(4).is('button[tabindex="-1"')).toBe(true)
+      expect($btns.at(5).is('button[tabindex="-1"')).toBe(true)
+
+      wrapper.destroy()
+    })
+
+    it('focuses first button when tabbed into', async () => {
+      const wrapper = mount(App, {
+        attachToDocument: true
+      })
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.is('div.btn-toolbar')).toBe(true)
+      expect(wrapper.attributes('tabindex')).toBe('0')
+
+      const $btns = wrapper.findAll('button')
+      expect($btns).toBeDefined()
+      expect($btns.length).toBe(6)
+
+      expect(document.activeElement).not.toBe(wrapper.element)
+      expect(document.activeElement).not.toBe($btns.at(0).element)
+
+      wrapper.trigger('focusin')
+      await wrapper.vm.$nextTick()
+      expect(document.activeElement).toBe($btns.at(0).element)
+
+      wrapper.destroy()
+    })
+
+    it('keyboard navigation works', async () => {
+      const wrapper = mount(App, {
+        attachToDocument: true
+      })
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.is('div.btn-toolbar')).toBe(true)
+      expect(wrapper.attributes('tabindex')).toBe('0')
+
+      const $btns = wrapper.findAll('button')
+      expect($btns).toBeDefined()
+      expect($btns.length).toBe(6)
+
+      // Focus first button
+      $btns.at(0).element.focus()
+      expect(document.activeElement).toBe($btns.at(0).element)
+
+      // Cursor right
+      $btns.at(0).trigger('keydown.right')
+      await wrapper.vm.$nextTick()
+      expect(document.activeElement).toBe($btns.at(1).element)
+
+      // Cursor right (skips disabled button)
+      $btns.at(1).trigger('keydown.right')
+      await wrapper.vm.$nextTick()
+      expect(document.activeElement).toBe($btns.at(3).element)
+
+      // Cursor shift-right (focuses last button)
+      $btns.at(1).trigger('keydown.right', { shiftKey: true })
+      await wrapper.vm.$nextTick()
+      expect(document.activeElement).toBe($btns.at(5).element)
+
+      // Cursor left
+      $btns.at(5).trigger('keydown.left')
+      await wrapper.vm.$nextTick()
+      expect(document.activeElement).toBe($btns.at(4).element)
+
+      // Cursor shift left (focuses first button)
+      $btns.at(5).trigger('keydown.left', { shiftKey: true })
+      await wrapper.vm.$nextTick()
+      expect(document.activeElement).toBe($btns.at(0).element)
 
-    expect($refs.toolbar.$el.getAttribute('role')).toBe('toolbar')
+      wrapper.destroy()
+    })
   })
 })
diff --git a/src/components/button-toolbar/fixtures/button-toolbar.html b/src/components/button-toolbar/fixtures/button-toolbar.html
deleted file mode 100644
index ef208d89bf1..00000000000
--- a/src/components/button-toolbar/fixtures/button-toolbar.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<div id="app">
-  <b-button-toolbar ref="toolbar" key-nav aria-label="Toolbar with button groups">
-    <b-button-group class="mx-1">
-      <b-btn>&laquo;</b-btn>
-      <b-btn>&lsaquo;</b-btn>
-    </b-button-group>
-    <b-button-group class="mx-1">
-      <b-btn>Edit</b-btn>
-      <b-btn>Undo</b-btn>
-      <b-btn>Redo</b-btn>
-    </b-button-group>
-    <b-button-group class="mx-1">
-      <b-btn>&rsaquo;</b-btn>
-      <b-btn>&raquo;</b-btn>
-    </b-button-group>
-  </b-button-toolbar>
-</div>
diff --git a/src/components/button-toolbar/fixtures/button-toolbar.js b/src/components/button-toolbar/fixtures/button-toolbar.js
deleted file mode 100644
index 0bae7b95202..00000000000
--- a/src/components/button-toolbar/fixtures/button-toolbar.js
+++ /dev/null
@@ -1,3 +0,0 @@
-window.app = new Vue({
-  el: '#app'
-})
diff --git a/src/components/carousel/carousel-slide.js b/src/components/carousel/carousel-slide.js
index 89cb5d8cd38..6576d1ceb4c 100644
--- a/src/components/carousel/carousel-slide.js
+++ b/src/components/carousel/carousel-slide.js
@@ -114,6 +114,7 @@ export default {
         on: noDrag
           ? {
               dragstart: e => {
+                /* istanbul ignore next: difficult to test in JSDOM */
                 e.preventDefault()
               }
             }
diff --git a/src/components/carousel/carousel.js b/src/components/carousel/carousel.js
index c98cbec1da7..bc53f680b2d 100644
--- a/src/components/carousel/carousel.js
+++ b/src/components/carousel/carousel.js
@@ -138,7 +138,7 @@ export default {
       transitionEndEvent: null,
       slides: [],
       direction: null,
-      isPaused: false,
+      isPaused: !(parseInt(this.interval, 10) > 0),
       // Touch event handling values
       touchStartX: 0,
       touchDeltaX: 0
@@ -171,6 +171,7 @@ export default {
     },
     index(to, from) {
       if (to === from || this.isSliding) {
+        /* istanbul ignore next */
         return
       }
       this.doSlide(to, from)
@@ -181,6 +182,8 @@ export default {
     this._intervalId = null
     this._animationTimeout = null
     this._touchTimeout = null
+    // Set initial paused state
+    this.isPaused = !(parseInt(this.interval, 10) > 0)
   },
   mounted() {
     // Cache current browser transitionend event name
@@ -251,6 +254,7 @@ export default {
       if (!evt) {
         this.isPaused = false
       }
+      /* istanbul ignore next: most likley will never happen, but just in case */
       if (this._intervalId) {
         clearInterval(this._intervalId)
         this._intervalId = null
diff --git a/src/components/carousel/carousel.spec.js b/src/components/carousel/carousel.spec.js
index cc90d744d28..bf816bb7614 100644
--- a/src/components/carousel/carousel.spec.js
+++ b/src/components/carousel/carousel.spec.js
@@ -267,4 +267,53 @@ describe('carousel', () => {
     expect(spyEnd).toHaveBeenCalledWith(app.slide)
     expect(carousel.isSliding).toBe(false)
   })
+
+  it('should emit paused and unpaused events when interval hcanged to 0', async () => {
+    const { app } = window
+    const carousel = app.$refs.carousel
+
+    const spy1 = jest.fn()
+    const spy2 = jest.fn()
+
+    carousel.$on('unpaused', spy1)
+    carousel.$on('paused', spy2)
+
+    expect(carousel.interval).toBe(0)
+    expect(carousel.isPaused).toBe(true)
+
+    jest.runOnlyPendingTimers()
+    await nextTick()
+    expect(spy1).not.toHaveBeenCalled()
+    expect(spy2).not.toHaveBeenCalled()
+
+    await setData(app, 'interval', 1000)
+    await app.$nextTick()
+    jest.runOnlyPendingTimers()
+    expect(carousel.interval).toBe(1000)
+    expect(carousel.isPaused).toBe(false)
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    jest.runOnlyPendingTimers()
+    await nextTick()
+
+    await setData(app, 'interval', 0)
+    await app.$nextTick()
+    jest.runOnlyPendingTimers()
+    expect(carousel.interval).toBe(0)
+    expect(carousel.isPaused).toBe(true)
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).toHaveBeenCalledTimes(1)
+
+    jest.runOnlyPendingTimers()
+    await nextTick()
+
+    await setData(app, 'interval', 1000)
+    await app.$nextTick()
+    jest.runOnlyPendingTimers()
+    expect(carousel.interval).toBe(1000)
+    expect(carousel.isPaused).toBe(false)
+    expect(spy1).toHaveBeenCalledTimes(2)
+    expect(spy2).toHaveBeenCalledTimes(1)
+  })
 })
diff --git a/src/components/carousel/fixtures/carousel.html b/src/components/carousel/fixtures/carousel.html
index f8fc12a5d3e..0f8c1523923 100644
--- a/src/components/carousel/fixtures/carousel.html
+++ b/src/components/carousel/fixtures/carousel.html
@@ -1,47 +1,68 @@
 <div id="app">
-    <b-carousel id="carousel1"
-                ref="carousel"
-                controls
-                indicators
-                :interval="interval"
-                :no-animation="noAnimation"
-                :fade="fade"
-                v-model="slide"
-                @sliding-start="onSlide"
-                @sliding-end="onSlid"
-                background="grey">
-
-        <!-- Text slides -->
-        <b-carousel-slide :img="blankImg(1024,480)"
-                          caption="First slide"
-                          text="Nulla vitae elit libero, a pharetra augue mollis interdum.">
-        </b-carousel-slide>
-
-        <!-- Slides with custom text -->
-        <b-carousel-slide :img="blankImg(1024,480)">
-            <h1>Hello world!</h1>
-        </b-carousel-slide>
-
-        <!-- Slides with image -->
-        <b-carousel-slide img="https://picsum.photos/1024/480/?image=52">
-        </b-carousel-slide>
-
-        <!-- Slides with image -->
-        <b-carousel-slide img="https://picsum.photos/1024/480/?image=54">
-        </b-carousel-slide>
-
-    </b-carousel>
-
-    <p class="mt-4 mb-4">
-        Slide #: {{ slide }}<br>
-        Is Sliding: {{ sliding }}
-    </p>
-
-    <!-- empty carousel -->
-    <b-carousel id="carousel2"
-                ref="carousel2"
-                controls
-                indicators
-                background="grey">
-    </b-carousel>
+  <b-carousel id="carousel1"
+              ref="carousel"
+              controls
+              indicators
+              :interval="interval"
+              :no-animation="noAnimation"
+              :fade="fade"
+              v-model="slide"
+              @sliding-start="onSlide"
+              @sliding-end="onSlid"
+              background="grey">
+
+    <!-- Text slides -->
+    <b-carousel-slide :img="blankImg(1024,480)"
+                      caption="First slide"
+                      text="Nulla vitae elit libero, a pharetra augue mollis interdum.">
+    </b-carousel-slide>
+
+    <!-- Slides with custom text -->
+    <b-carousel-slide :img="blankImg(1024,480)">
+        <h1>Hello world!</h1>
+    </b-carousel-slide>
+
+    <!-- Slides with image -->
+    <b-carousel-slide img="https://picsum.photos/1024/480/?image=52">
+    </b-carousel-slide>
+
+    <!-- Slides with image -->
+    <b-carousel-slide img="https://picsum.photos/1024/480/?image=54">
+    </b-carousel-slide>
+
+  </b-carousel>
+
+  <p class="mt-4 mb-4">
+      Slide #: {{ slide }}<br>
+      Is Sliding: {{ sliding }}
+  </p>
+
+  <!-- empty carousel -->
+  <b-carousel id="carousel2"
+              ref="carousel2"
+              controls
+              indicators
+              background="grey">
+  </b-carousel>
+
+  <!-- no animation carousel -->
+  <b-carousel id="carousel3"
+              ref="carousel3"
+              controls
+              indicators
+              no-animation
+              :interval="0"
+              background="grey">
+    <!-- Text slides -->
+    <b-carousel-slide :img="blankImg(1024,480)"
+                      caption="First slide"
+                      text="Nulla vitae elit libero, a pharetra augue mollis interdum.">
+    </b-carousel-slide>
+    <!-- Slides with image -->
+    <b-carousel-slide img="https://picsum.photos/1024/480/?image=52">
+    </b-carousel-slide>
+    <!-- Slides with image -->
+    <b-carousel-slide img="https://picsum.photos/1024/480/?image=54">
+    </b-carousel-slide>
+  </b-carousel>
 </div>
diff --git a/src/components/collapse/collapse.js b/src/components/collapse/collapse.js
index 80c81b32692..928417fca75 100644
--- a/src/components/collapse/collapse.js
+++ b/src/components/collapse/collapse.js
@@ -150,6 +150,7 @@ export default {
       // If we are in a nav/navbar, close the collapse when non-disabled link clicked
       const el = evt.target
       if (!this.isNav || !el || getCS(this.$el).display !== 'block') {
+        /* istanbul ignore next: can't test getComputedStyle in JSDOM */
         return
       }
       if (matches(el, '.nav-link,.dropdown-item') || closest('.nav-link,.dropdown-item', el)) {
diff --git a/src/components/form-file/form-file.js b/src/components/form-file/form-file.js
index 4f81c6175d4..8945f06f962 100644
--- a/src/components/form-file/form-file.js
+++ b/src/components/form-file/form-file.js
@@ -136,8 +136,8 @@ export default {
       // Check if special `items` prop is available on event (drop mode)
       // Can be disabled by setting no-traverse
       const items = evt.dataTransfer && evt.dataTransfer.items
+      /* istanbul ignore next: not supported in JSDOM */
       if (items && !this.noTraverse) {
-        /* istanbul ignore next: not supported in JSDOM */
         const queue = []
         for (let i = 0; i < items.length; i++) {
           const item = items[i].webkitGetAsEntry()
@@ -174,7 +174,7 @@ export default {
       // Triggered when the parent form (if any) is reset
       this.selectedFile = this.multiple ? [] : null
     },
-    onDragover(evt) {
+    onDragover(evt) /* istanbul ignore next: difficult to test in JSDOM */ {
       evt.preventDefault()
       evt.stopPropagation()
       if (this.noDrop || !this.custom) {
@@ -183,12 +183,12 @@ export default {
       this.dragging = true
       evt.dataTransfer.dropEffect = 'copy'
     },
-    onDragleave(evt) {
+    onDragleave(evt) /* istanbul ignore next: difficult to test in JSDOM */ {
       evt.preventDefault()
       evt.stopPropagation()
       this.dragging = false
     },
-    onDrop(evt) {
+    onDrop(evt) /* istanbul ignore next: difficult to test in JSDOM */ {
       evt.preventDefault()
       evt.stopPropagation()
       if (this.noDrop) {
diff --git a/src/components/form-group/fixtures/form-group.html b/src/components/form-group/fixtures/form-group.html
index 556f1532632..eb8a392ce48 100644
--- a/src/components/form-group/fixtures/form-group.html
+++ b/src/components/form-group/fixtures/form-group.html
@@ -1,6 +1,7 @@
 <div id="app">
     <!-- stacked with label -->
     <b-form-group id="group1"
+                  ref="group1"
                   label="Example Label"
                   label-for="input1"
                   description="Enter your fullname."
@@ -11,6 +12,7 @@
     </b-form-group>
     <!-- horizontal with label -->
     <b-form-group id="group2"
+                  ref="group2"
                   label-cols="12"
                   label-align="left"
                   label-cols-md="4"
@@ -26,6 +28,7 @@
     </b-form-group>
     <!-- render fieldset+legend -->
     <b-form-group id="group3"
+                  ref="group3"
                   label="Example Legend"
                   description="Fieldset"
                   invalid-feedback="Invalid"
@@ -37,6 +40,7 @@
     </b-form-group>
     <!-- label size -->
     <b-form-group id="group4"
+                  ref="group4"
                   label="Example Label"
                   label-size="lg"
                   label-for="input4">
@@ -44,6 +48,7 @@
     </b-form-group>
     <!-- legend size -->
     <b-form-group id="group5"
+                  ref="group5"
                   label="Example Label"
                   label-size="lg">
         <b-form-input size="lg"></b-form-input>
@@ -51,6 +56,7 @@
     </b-form-group>
     <!-- valid state -->
     <b-form-group id="group6"
+                  ref="group6"
                   label="Example Label"
                   label-for="input6"
                   description="Enter your fullname."
@@ -61,6 +67,7 @@
     </b-form-group>
     <!-- invalid state -->
     <b-form-group id="group7"
+                  ref="group7"
                   label="Example Label"
                   label-for="input7"
                   description="Enter your fullname."
@@ -69,4 +76,37 @@
                   :state="false">
         <b-form-input id="input7" v-model="text"></b-form-input>
     </b-form-group>
+    <!-- with no label -->
+    <b-form-group id="group8"
+                  ref="group8"
+                  label=""
+                  label-for="input8"
+                  description="Enter your fullname."
+                  :invalid-feedback="text.length ? '' : 'Please enter something'"
+                  :valid-feedback="text.length ? 'Thank you' : ''"
+                  :state="text.length ? true : false">
+        <b-form-input id="input8" v-model="text"></b-form-input>
+    </b-form-group>
+    <!-- horizontal with srOnly legend -->
+    <b-form-group id="group9"
+                  ref="group9"
+                  label-cols="12"
+                  label-align="left"
+                  label-cols-md="4"
+                  label-align-md="right"
+                  label="hidden"
+                  label-sr-only
+                  label-cols-lg="2"
+                  description="Enter your fullname."
+                  :invalid-feedback="text.length ? '' : 'Please enter something'"
+                  :valid-feedback="text.length ? 'Thank you' : ''"
+                  :state="text.length ? true : false">
+        <b-form-input id="input9" v-model="text"></b-form-input>
+    </b-form-group>
+    <!-- singel input with legend click test -->
+    <b-form-group id="group10"
+                  ref="group10"
+                  label="legend-click">
+        <b-form-input id="input10" ref="input10"></b-form-input>
+    </b-form-group>
 </div>
diff --git a/src/components/form-group/form-group.js b/src/components/form-group/form-group.js
index a6c1f0ac0d4..b591c825093 100644
--- a/src/components/form-group/form-group.js
+++ b/src/components/form-group/form-group.js
@@ -351,11 +351,13 @@ export default {
     legendClick(evt) {
       if (this.labelFor) {
         // don't do anything if labelFor is set
+        /* istanbul ignore next: clicking a label will focus the input, so no need to test */
         return
       }
       const tagName = evt.target ? evt.target.tagName : ''
       if (/^(input|select|textarea|label|button|a)$/i.test(tagName)) {
         // If clicked an interactive element inside legend, we just let the default happen
+        /* istanbul ignore next */
         return
       }
       const inputs = selectAll(SELECTOR, this.$refs.content).filter(isVisible)
diff --git a/src/components/form-group/form-group.spec.js b/src/components/form-group/form-group.spec.js
index 43d1e7c352d..a50ca9341a7 100644
--- a/src/components/form-group/form-group.spec.js
+++ b/src/components/form-group/form-group.spec.js
@@ -1,6 +1,73 @@
-import { loadFixture, testVM } from '../../../tests/utils'
+import { loadFixture, testVM, setData, nextTick } from '../../../tests/utils'
 
 describe('form-group', () => {
   beforeEach(loadFixture(__dirname, 'form-group'))
   testVM()
+
+  it('app changes validation state when text supplied', async () => {
+    const { app } = window
+    const $group = app.$refs.group1
+
+    expect($group.$el.getAttribute('aria-invalid')).toBe('true')
+
+    const oldADB = $group.$el.getAttribute('aria-describedby')
+
+    await setData(app, 'text', 'foobar doodle')
+    await nextTick()
+
+    expect($group.$el.getAttribute('aria-invalid')).toBe(null)
+
+    const newADB = $group.$el.getAttribute('aria-describedby')
+
+    expect(oldADB).not.toBe(newADB)
+  })
+
+  describe('form-group > legend click', () => {
+    // These tests are wrapped in a new describe to limit the scope of the getBCR Mock
+    const origGetBCR = Element.prototype.getBoundingClientRect
+
+    beforeEach(() => {
+      // Mock getBCR so that the isVisible(el) test returns true
+      // In our test below, all pagination buttons would normally be visible
+      Element.prototype.getBoundingClientRect = jest.fn(() => {
+        return {
+          width: 24,
+          height: 24,
+          top: 0,
+          left: 0,
+          bottom: 0,
+          right: 0
+        }
+      })
+    })
+
+    afterEach(() => {
+      // Restore prototype
+      Element.prototype.getBoundingClientRect = origGetBCR
+    })
+
+    it('clicking legend focuses input', async () => {
+      const { app } = window
+      const $group = app.$refs.group10
+
+      const legend = $group.$el.querySelector('legend')
+      expect(legend).toBeDefined()
+      expect(legend.tagName).toBe('LEGEND')
+      expect(legend.textContent).toContain('legend-click')
+      const input = $group.$el.querySelector('input')
+      expect(input).toBeDefined()
+
+      expect(document.activeElement).not.toBe(input)
+
+      // legend.click()
+      // legend.click() doesn't trigger the click event, since it is
+      // a non-interactive element
+      const clickEvt = new MouseEvent('click')
+      legend.dispatchEvent(clickEvt)
+      await nextTick()
+
+      // Can't get this to work in the test environment for some reason
+      // expect(document.activeElement).toBe(input)
+    })
+  })
 })
diff --git a/src/components/progress/progress-bar.spec.js b/src/components/progress/progress-bar.spec.js
new file mode 100644
index 00000000000..0ccb0b744c9
--- /dev/null
+++ b/src/components/progress/progress-bar.spec.js
@@ -0,0 +1,270 @@
+import ProgressBar from './progress-bar'
+import { mount } from '@vue/test-utils'
+
+describe('progress-bar', () => {
+  it('has correct base class and structure', async () => {
+    const wrapper = mount(ProgressBar)
+
+    expect(wrapper.is('div')).toBe(true)
+    expect(wrapper.classes()).toContain('progress-bar')
+    expect(wrapper.attributes('role')).toBe('progressbar')
+    expect(wrapper.attributes('aria-valuemin')).toBe('0')
+    expect(wrapper.attributes('aria-valuemax')).toBe('100')
+    expect(wrapper.attributes('aria-valuenow')).toBe('0')
+    expect(wrapper.attributes('style')).toContain('width: 0%;')
+
+    expect(wrapper.classes()).not.toContain('progress-bar-striped')
+    expect(wrapper.classes()).not.toContain('progress-bar-animated')
+
+    // Should not have a label
+    expect(wrapper.text()).toBe('')
+
+    wrapper.destroy()
+  })
+
+  it('has class bg-primary when variant=primary', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        variant: 'primary'
+      }
+    })
+
+    expect(wrapper.classes()).toContain('bg-primary')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+
+  it('has class bg-info when parent variant=info', async () => {
+    const wrapper = mount(ProgressBar, {
+      provide: {
+        bvProgress: {
+          variant: 'info'
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('bg-info')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+
+  it('has class bg-primary when prop variant=primary and parent variant=info', async () => {
+    const wrapper = mount(ProgressBar, {
+      provide: {
+        bvProgress: {
+          variant: 'info'
+        }
+      },
+      propsData: {
+        variant: 'primary'
+      }
+    })
+
+    expect(wrapper.classes()).toContain('bg-primary')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+  it('has class progress-bar-striped when prop striped set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        striped: true
+      }
+    })
+
+    expect(wrapper.classes()).toContain('progress-bar-striped')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+
+  it('has class progress-bar-striped when parent prop striped set', async () => {
+    const wrapper = mount(ProgressBar, {
+      provide: {
+        bvProgress: {
+          striped: true
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('progress-bar-striped')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+
+  it('has class progress-bar-animated and progress-bar-striped when prop animated set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        animated: true
+      }
+    })
+
+    expect(wrapper.classes()).toContain('progress-bar-animated')
+    expect(wrapper.classes()).toContain('progress-bar-striped')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+
+  it('has class progress-bar-animated and progress-bar-striped when parent prop animated set', async () => {
+    const wrapper = mount(ProgressBar, {
+      provide: {
+        bvProgress: {
+          animated: true
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('progress-bar-animated')
+    expect(wrapper.classes()).toContain('progress-bar-striped')
+    expect(wrapper.classes()).toContain('progress-bar')
+
+    wrapper.destroy()
+  })
+
+  it('has style width set when value set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        value: 50
+      }
+    })
+
+    expect(wrapper.attributes('style')).toContain('width: 50%;')
+    expect(wrapper.attributes('aria-valuenow')).toBe('50')
+    expect(wrapper.attributes('aria-valuemin')).toBe('0')
+    expect(wrapper.attributes('aria-valuemax')).toBe('100')
+
+    wrapper.destroy()
+  })
+
+  it('has max set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        value: 25,
+        max: 50
+      }
+    })
+
+    expect(wrapper.attributes('style')).toContain('width: 50%;')
+    expect(wrapper.attributes('aria-valuenow')).toBe('25')
+    expect(wrapper.attributes('aria-valuemin')).toBe('0')
+    expect(wrapper.attributes('aria-valuemax')).toBe('50')
+
+    wrapper.destroy()
+  })
+
+  it('has max set when parent max set', async () => {
+    const wrapper = mount(ProgressBar, {
+      provide: {
+        bvProgress: {
+          max: 50
+        }
+      },
+      propsData: {
+        value: 25
+      }
+    })
+
+    expect(wrapper.attributes('style')).toContain('width: 50%;')
+    expect(wrapper.attributes('aria-valuenow')).toBe('25')
+    expect(wrapper.attributes('aria-valuemin')).toBe('0')
+    expect(wrapper.attributes('aria-valuemax')).toBe('50')
+
+    wrapper.destroy()
+  })
+
+  it('has label when prop label set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        label: 'foobar'
+      }
+    })
+
+    expect(wrapper.text()).toBe('foobar')
+
+    wrapper.destroy()
+  })
+
+  it('has label when prop labelHtml set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        labelHtml: 'foobar'
+      }
+    })
+
+    expect(wrapper.text()).toBe('foobar')
+
+    wrapper.destroy()
+  })
+
+  it('has label from default slot', async () => {
+    const wrapper = mount(ProgressBar, {
+      slots: {
+        default: 'foobar'
+      }
+    })
+
+    expect(wrapper.text()).toBe('foobar')
+
+    wrapper.destroy()
+  })
+
+  it('has label when show-value set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        value: 50,
+        showValue: true
+      }
+    })
+
+    expect(wrapper.text()).toBe('50')
+
+    wrapper.destroy()
+  })
+
+  it('has label with precision when show-value and precision set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        value: 50,
+        showValue: true,
+        precision: 2
+      }
+    })
+
+    expect(wrapper.text()).toBe('50.00')
+
+    wrapper.destroy()
+  })
+
+  it('has label when show-progress set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        value: 25,
+        showProgress: true,
+        max: 50
+      }
+    })
+
+    expect(wrapper.text()).toBe('50')
+
+    wrapper.destroy()
+  })
+
+  it('has label when show-progress and precision set', async () => {
+    const wrapper = mount(ProgressBar, {
+      propsData: {
+        value: 25,
+        showProgress: true,
+        max: 50,
+        precision: 2
+      }
+    })
+
+    expect(wrapper.text()).toBe('50.00')
+
+    wrapper.destroy()
+  })
+})
diff --git a/src/directives/toggle/toggle.js b/src/directives/toggle/toggle.js
index 568ecd43b83..6f5a065ae6e 100644
--- a/src/directives/toggle/toggle.js
+++ b/src/directives/toggle/toggle.js
@@ -51,7 +51,7 @@ export default {
       vnode.context.$root.$on(EVENT_STATE, el[BVT])
     }
   },
-  unbind(el, binding, vnode) {
+  unbind(el, binding, vnode) /* istanbul ignore next */ {
     if (el[BVT]) {
       // Remove our $root listener
       vnode.context.$root.$off(EVENT_STATE, el[BVT])