Migrate React Test Renderer tests to React Testing Library

[Mamaduka]

A tracking issue for refactoring React Test Renderer tests to use React Testing Library.

Please comment if you're planning to pick up any of these tests.

Tests to migrate

Editor

• packages/editor/src/components/post-text-editor/test/index.js - Editor: Refactor PostTextEditor tests to RTL #44923
• packages/editor/src/components/post-type-support-check/test/index.js - Editor: Refactor PostTypeSupportCheck test to use RTL #44872

Data

• packages/data/src/components/with-select/test/index.js - Data: Refactor 'withSelect' tests to use RTL #45058
• packages/data/src/components/with-dispatch/test/index.js - Data: Refactor 'withDispatch' tests to use RTL #44855
• packages/data/src/components/use-dispatch/test/use-dispatch.js - Data: Refactor 'useDispatch' tests to use RTL #44802

Edit Post

• packages/edit-post/src/components/editor-initialization/test/listener-hooks.js - Edit Post: Refactor listener hook tests to RTL #45066
• packages/edit-post/src/components/sidebar/plugin-post-status-info/test/index.js - Edit Post: Refactor 'PluginPostStatusInfo' tests to use RTL #44835
• packages/edit-post/src/components/preferences-modal/options/test/enable-custom-fields.js - @tyxla Post Editor: Refactor EnableCustomFields tests to RTL #45011

Block Editor

• packages/block-editor/src/components/block-settings-menu/test/block-mode-toggle.js - @tyxla Block Editor: Refactor BlockModeToggle tests to RTL #45071
• packages/block-editor/src/components/colors-gradients/test/control.js - @tyxla Block Editor: Refactor ColorPaletteControl tests to RTL #44869
• packages/block-editor/src/components/color-palette/test/control.js - @tyxla Block Editor: Refactor ColorPalette tests to RTL #44870
• packages/block-editor/src/components/provider/test/use-block-sync.js - @tyxla Block Editor: Refactor useBlockSync tests to RTL #44871
• packages/block-editor/src/hooks/test/align.js - @tyxla Block Editor: Refactor align tests to RTL #45152

Components

• packages/components/src/mobile/bottom-sheet/test/range-cell.native.js @geriux [Mobile] - RangeCell - Migrate from React Test Render to React Native Testing Library #44830
• packages/components/src/higher-order/with-focus-return/test/index.js @tyxla Components: Refactor withFocusReturn tests to RTL #45012
• packages/components/src/tree-grid/test/roving-tab-index.js @tyxla Components: Refactor TreeGrid's RovingTabIndex tests to RTL #44820
• packages/components/src/tree-grid/test/roving-tab-index-item.js @tyxla Components: Refactor TreeGrid's RovingTabIndexItem tests to RTL #44821
• packages/components/src/tree-grid/test/row.js @tyxla Components: Refactor TreeGridRow tests to RTL #44824
• packages/components/src/tree-grid/test/cell.js @tyxla Components: Refactor TreeGridCell tests to RTL #44826
• packages/components/src/tooltip/test/index.native.js @geriux Mobile - Tooltip - Migrate from React Test Render to React Native Testing Library #44831
• packages/components/src/notice/test/index.js - Components: Refactor Notice tests to use RTL #44801
• packages/components/src/notice/test/list.js - @tyxla Components: Refactor NoticeList tests to RTL #45072

Compose

• packages/compose/src/higher-order/with-global-events/test/index.js - @tyxla Compose: Refactor withGlobalEvents tests to RTL #45108
• packages/compose/src/hooks/use-instance-id/test/index.js - @tyxla Compose: Refactor useInstanceId tests to RTL #44818
• packages/compose/src/hooks/use-viewport-match/test/index.js - @tyxla Compose: Refactor useViewportMatch tests to RTL #44819
• packages/compose/src/hooks/use-resize-observer/test/index.native.js @geriux Mobile - useResizeObserver - Migrate from React Test Render to React Native Testing Library #44832
• packages/compose/src/hooks/use-media-query/test/index.js - Compose: Refactor useMediaQuery tests to RTL #44912

Element

• packages/element/src/test/create-interpolate-element.js - Element: Refactor 'createInterpolateElement' tests to use RTL #44804

Block Library

• packages/block-library/src/code/test/edit.native.js @geriux Mobile - Code block - Migrate from React Test Render to React Native Testing Library #44833

Interface

• packages/interface/src/components/fullscreen-mode/test/index.js - Interface: Refactor FullscreenMode component tests to use RTL #44803

[tyxla]

Thanks for wrangling the issue! I'm going to work on a few of those as we've gained some momentum already.

[geriux]

Hey there 👋 I'll take the native ones 🚀