TypeError during importing Bootstrap-vue component to Jest test

Describe the bug

Hey, I’ve wrapped BFormRadioGroup and BFormCheckbox with my custom components.

e.g. RadioInput.vue:

<template>
  <abc
    :label="label"
    data-input-type="radio"
  >
    <b-form-radio-group
      :id="id"
      v-model="currentValue"
      :name="id"
      :options="convertSelectOptions"
      :stacked="convertDisplayStyle"
      :disabled="disabled"
      class="radio-input"
      @input="updateInput()"
      @click="propagateOnClick()"
    ></b-form-radio-group>
  </abc>
</template>

and I want to write some unit tests in Jest (with typescript).

My simple Jest test to check if my custom component has BFormRadioGroup in template:

import { BFormRadioGroup } from 'bootstrap-vue';
[...]
it('is wrapped by BFormRadioGroup', () => {
    expect(wrapper.findComponent(BFormRadioGroup).exists())
      .toBe(true);
  });

After run test I’m getting error:

TypeError: Vue__default.default.extend is not a function

      14 | import { BFormRadioGroup } from 'bootstrap-vue';
      15 | ^

      at Object.extend (node_modules/bootstrap-vue/dist/bootstrap-vue.common.js:1998:50)
      at Object.<anonymous> (tests/unit/modules/shared/components/form/RadioInput.spec.ts:14:1)

I think there is a problem with importing anything from bootstrap-vue, because it doesn’t even run the test.

Maybe do you have some idea what could be wrong? 😃

Greetings, Lucas

Versions

Libraries:

• BootstrapVue: 2.21.0
• Bootstrap: 4.5.3
• Vue: 2.6.12
• Jest: 23.0.0

Environment:

• Device: Linux
• OS: Mint

[Wittmaxi]

The same happened to me/us. Downgrading Bootstrap to "bootstrap-vue": "2.17.3", as a quick fix did the trick!

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!