jsdom -> happy-dom migration with vitest is not simple

Kind of a question for help, I’m trying to use happy-dom instead of jsdom using vitest, it should be as simple as changing the vitest environment setting. However, when I switch over, it comes with many issues. Such line as,

    await $radios[0].trigger('click')
    expect(wrapper.vm.modelValue).toEqual('one')

Which worked fine before, doesn’t seem to do anything.

I also get weird fails saying value.trim is not a function on vue-test-utils…

const wrapper = mount(FormSelectOptionGroup, {` 

Component mounting function.

Also, on some other mounting functions, some will fill with TypeError: Cannot set properties of undefined (setting 'hasOwnProperty'), while others in the same file seemingly have no issues.

Any help would be appreciated. Here’s the repo, if anyone wants to take a deeper look and help me figure out what I’m doing wrong. https://github.com/cdmoro/bootstrap-vue-3/tree/main/packages/bootstrap-vue-3

[capricorn86]

I believe that the issues should be fixed now.

Big thanks to for @IGx89 for helping out with this! 🙂

Feel free to re-open otherwise.

You can read more about the releases here: https://github.com/capricorn86/happy-dom/releases/tag/v7.5.12 https://github.com/capricorn86/happy-dom/releases/tag/v7.5.11

[VividLemon]

There are two bugs for that as well (#571 and #618).

I will prioritize fixing those.

Thanks for that, I do think all of the errors do happen to stem from select and options. Though some stem from the inconsistencies between jsdom and this.