[Help]: How to trigger settle event in storybook test?

[LisaLyj]

Summary

Hi @davidjerleke
I'm using the Embla carousel in my project and want to log some info on settle event like this:

useEffect(() => {
    if (!api) return;
    api.on('settle', myLogFunction);
    return () => {
      api.off('settle', myLogFunction);
    };
  }, [api, myLogFunction]);

Manual test after scroll and carousel settle, the settle event happens. It works in manual test.
In storybook test, I want to check if the log works as expected. I tried to fire scroll event in different ways (e.g. fireEvent.scroll, dispatchEvent, or mouse keydown and drag) and I did see the carousel tile scrolled, and the scroll event of the embla carousel happened, but no settle event happened. Hence the log on settle didn't work.
I also added left/right arrow button, on click to scroll left/right. Manual test onclick arrow button, after scroll event there was settle event, but in storybook only scroll event no settle event.
I googled online, didn't find any solution.
Could you help me understand how to make the settle event happen in storybook test after triggering scroll?
thanks

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

No response