FocusTrap.js writes to read-only property classList which causes test failures under happy-dom

[bgoscinski]

Describe the bug

When testing code that references FocusTrap.js with happy-dom as an environment the test fails with TypeError: Cannot assign to read only property 'classList' of object '[object Object]'. happy-dom implements only a getter for classList which is correct according to the MDN.

https://github.com/capricorn86/happy-dom/blob/f1987a9b442f6f288ad919dc6ed2331e2f3bc506/packages/happy-dom/src/nodes/element/Element.ts#L103-L108

Reproducer

n/a

PrimeVue version

3.29.1

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[bgoscinski]

Workaround would be to run something like this before triggering FocusTrap.js code:

  // Extend Element.prototype to handle writes to classList property.
  // Workaround for https://github.com/primefaces/primevue/issues/4015
  const proto = Element.prototype
  const desc = Object.getOwnPropertyDescriptor(proto, 'classList')
  Object.defineProperty(proto, 'classList', {
    ...desc,
    set(value) {
      desc.get.call(this).value = value
    },
  })