Description

This PR prepares the React Native test suite for the upcoming React Native Testing Library v14 upgrade. It is intentionally staying as a draft and is not ready to merge until the RNTL v14 upgrade path is finalized.

The branch updates the native test setup to use @testing-library/react-native@14.0.0-rc.3 and replaces react-test-renderer with test-renderer where RNTL v14 requires it. It also runs the RNTL v14 async migration across @metamask/design-system-react-native tests, so render, renderHook, fireEvent, and related assertions are awaited where needed.

This also continues the cleanup from #1182: tests avoid tree.root, react-test-renderer, UNSAFE_*, and direct composite prop traversal patterns that RNTL documents as anti-patterns. Where those internal-tree assertions previously covered implementation-only branches, this PR documents the reduced branch coverage with per-file Jest thresholds rather than reintroducing brittle tests.

Additional follow-up changes in this branch:

• Updates SVG mocks so they do not render raw SVG/XML strings as text under the v14 renderer.
• Refactors BottomSheet imperative ref tests to use public refs with await act.
• Keeps coverage thresholds passing after removing RNTL anti-pattern coverage.

Related issues

See: #1182

Manual testing steps

1. Run yarn workspace @metamask/design-system-react-native test:verbose --runInBand --coverage
2. Run yarn lint:eslint packages/design-system-react-native packages/design-system-twrnc-preset
3. Run yarn constraints
4. Run yarn lint:dependencies

Screenshots/Recordings

Before

Tests used react-test-renderer, tree.root, UNSAFE_*, and direct prop traversal to inspect internal implementation details.

const tree = createRenderer(<ButtonPrimary>Press me</ButtonPrimary>);
const buttonAnimated = tree.root.findByProps({ accessibilityRole: 'button' });
const styleFn = buttonAnimated.props.style as (p: { pressed: boolean }) => unknown[];
const pressedStyles = flattenStyles(styleFn({ pressed: true }));
expectBackground(pressedStyles, 'bg-icon-default-pressed');

After

Tests use RNTL public APIs with async render, renderHook, and fireEvent calls. Coverage gaps from removed internal-tree assertions are documented in jest.config.js with per-file thresholds and references to the RNTL anti-pattern follow-up.

Pre-merge author checklist

• I've followed MetaMask Contributor Docs
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.