Synchronisieren von Svelte 5 Effect-Runen in automatisierten Unit-Tests

import { tick } from 'svelte';
import { expect, test } from 'vitest';
import { render } from '@testing-library/svelte';
import EffectComponent from './EffectComponent.svelte';
 
test('flushes $effect state mutations asynchronously before DOM assertions', async () => {
  const { getByTestId } = render(EffectComponent, { props: { initialCount: 0 } });
  const displayEl = getByTestId('counter-display');
  
  expect(displayEl.textContent).toBe('Count: 0');
  
  const incrementBtn = getByTestId('increment-btn');
  incrementBtn.click();
  
  await tick();
  
  expect(displayEl.textContent).toBe('Count: 1');
});