act

用于确保渲染、事件、数据获取等行为已经应用在 DOM 上。

使用姿势

import { act } from '@modern-js/runtime/testing';

函数签名

actreact-dom/test-utils act 函数 是一致的。

示例

import ReactDOM from 'react-dom';
import { act } from '@modern-js/runtime/testing';
import { Foo } from '@/components/Foo';

describe('test act', () => {
  it('it should be foo', () => {
    const el = document.createElement('div');
    act(() => {
      ReactDOM.render(<Foo />, el);
    });

    expect(el.innerHTML).toBe('<div>Foo</div>');
  });
});