Flyout Menu not hydrating in test

[wirk]

Scale Version latest

Framework and version vue latest

Code Reproduction https://stackblitz.com/edit/vitest-dev-vitest-f1ikmh?file=test/Test.test.ts

Desktop (please complete the following information):

• OS: macOS
• Node: v16.14.2
• Vitest 0.26.2

Additional context We use dropdown menus extensively in an internal Telekom application and I am migrating them to the scale component. Unfortunately, a lot of component tests are failing because I haven't managed to trigger a scale-select event within a test. I am calling await defineCustomElements(); before mounting the component, but this does not change the rendered html at all. Is it even possible to mount the scale components in jsdom or do they only work in a browser context?

[khrise]

I would like to gently push this one. @wirk , did you already succeed somehow?

[wirk]

@khrise good to know I'm not the only one. I never got it to work despite putting a lot of effort into it and this is a blocker for us. As long as there is no solution for this we will stick to element plus, which has its own issues with accessibility unfortunately. We have over 6000 unit tests and a lot of components depend on dropdowns to trigger actions. If we don't find a solution for this, we will probably create our own component :(