react-dom/test-utils 非推奨警告

TODO: 19に合わせて更新

ReactDOMTestUtils.act() 警告

actreact-dom/test-utils から react に非推奨化されました。

以前

import {act} from 'react-dom/test-utils';

現在

import {act} from 'react';

その他のReactDOMTestUtils API

act を除くすべてのAPIが削除されました。

Reactチームは、最新の、そして十分にサポートされたテストエクスペリエンスのために、テストを@testing-library/reactに移行することを推奨しています。

ReactDOMTestUtils.renderIntoDocument

renderIntoDocumentrender (@testing-library/react) で置き換えられます。

以前

import {renderIntoDocument} from 'react-dom/test-utils';

renderIntoDocument(<Component />);

現在

import {render} from '@testing-library/react';

render(<Component />);

ReactDOMTestUtils.Simulate

SimulatefireEvent (@testing-library/react) で置き換えられます。

以前

import {Simulate} from 'react-dom/test-utils';

const element = document.querySelector('button');
Simulate.click(element);

現在

import {fireEvent} from '@testing-library/react';

const element = document.querySelector('button');
fireEvent.click(element);

fireEvent は要素に実際のイベントをディスパッチし、イベントハンドラを合成的に呼び出すだけではないことに注意してください。

削除されたAPI一覧

  • mockComponent()
  • isElement()
  • isElementOfType()
  • isDOMComponent()
  • isCompositeComponent()
  • isCompositeComponentWithType()
  • findAllInRenderedTree()
  • scryRenderedDOMComponentsWithClass()
  • findRenderedDOMComponentWithClass()
  • scryRenderedDOMComponentsWithTag()
  • findRenderedDOMComponentWithTag()
  • scryRenderedComponentsWithType()
  • findRenderedComponentWithType()
  • renderIntoDocument
  • Simulate