如何在Jest中监听自定义Svelte事件

npm install --save-dev jest svelte-jester

import { render, fireEvent } from '@testing-library/svelte';
import MyComponent from '../MyComponent.svelte';

test('should listen to custom event', async () => {
  const { component } = render(MyComponent);
  
  // 等待组件加载完成
  await component.$component.$$.ctx.$promise;
  
  // 触发自定义事件
  fireEvent(component, 'customEvent');
  
  // 断言期望的结果
  expect(component.$$.ctx.customEventHandled).toBe(true);
});

<script>
  export let customEventHandled = false;
  
  function handleCustomEvent() {
    customEventHandled = true;
  }
</script>

<button on:click={handleCustomEvent}>Click me</button>

npm test