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

在Jest中监听自定义Svelte事件，可以通过以下步骤实现：

首先，确保你已经安装了Jest和相关的依赖。可以使用以下命令进行安装：

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);
});

在组件中，定义自定义事件的处理逻辑。例如，在MyComponent.svelte文件中：

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

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

在这个例子中，我们创建了一个名为customEventHandled的变量来跟踪自定义事件是否被处理。当按钮被点击时，handleCustomEvent函数会被调用，并将customEventHandled设置为true。