RN: Migrate LogBoxInspectorMessageHeader-test.js from Shallow Renderer (#44967)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/44967

Migrates this Jest unit test away from using `react-shallow-renderer` because it is no longer recommended.

Changelog:
[Internal]

Reviewed By: robhogan

Differential Revision: D58641096

fbshipit-source-id: e9752f21763156ee409ae81a304cada84a346bdb
This commit is contained in:
Tim Yung
2024-06-16 10:30:39 -07:00
committed by Facebook GitHub Bot
parent 00253a2efe
commit 9eee99fd8c
@@ -16,9 +16,16 @@ const LogBoxInspectorMessageHeader =
require('../LogBoxInspectorMessageHeader').default;
const React = require('react');
// Mock `LogBoxMessage` because we are interested in snapshotting the
// behavior of `LogBoxInspectorMessageHeader`, not `LogBoxMessage`.
jest.mock('../LogBoxMessage', () => ({
__esModule: true,
default: 'LogBoxMessage',
}));
describe('LogBoxInspectorMessageHeader', () => {
it('should render error', () => {
const output = render.shallowRender(
const output = render.create(
<LogBoxInspectorMessageHeader
title="Error"
level="error"
@@ -35,7 +42,7 @@ describe('LogBoxInspectorMessageHeader', () => {
});
it('should render fatal', () => {
const output = render.shallowRender(
const output = render.create(
<LogBoxInspectorMessageHeader
title="Fatal Error"
level="fatal"
@@ -52,7 +59,7 @@ describe('LogBoxInspectorMessageHeader', () => {
});
it('should render syntax error', () => {
const output = render.shallowRender(
const output = render.create(
<LogBoxInspectorMessageHeader
title="Syntax Error"
level="syntax"
@@ -69,7 +76,7 @@ describe('LogBoxInspectorMessageHeader', () => {
});
it('should not render See More button for short content', () => {
const output = render.shallowRender(
const output = render.create(
<LogBoxInspectorMessageHeader
title="Warning"
level="warn"
@@ -86,7 +93,7 @@ describe('LogBoxInspectorMessageHeader', () => {
});
it('should not render "See More" if expanded', () => {
const output = render.shallowRender(
const output = render.create(
<LogBoxInspectorMessageHeader
title="Warning"
level="warn"
@@ -100,7 +107,7 @@ describe('LogBoxInspectorMessageHeader', () => {
});
it('should render "See More" if collapsed', () => {
const output = render.shallowRender(
const output = render.create(
<LogBoxInspectorMessageHeader
title="Warning"
level="warn"