mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Rick Hanlon
587979552d
Summary: Apologies for the large diff, it was difficult to break down. This diff is a major refactor of LogBox that: - Separates LogBoxNotification and LogBoxInspector - Moves them each to their own container - Updates AppContainer to only render the notification - Updates the native logbox root to render the inspector - Adds withSubscription HOC to manage subscribing to LogBoxData - Simplifies LogBox to export an object instead of a component Changelog: [Internal] Reviewed By: motiz88 Differential Revision: D18750011 fbshipit-source-id: 639885d29e55e125892d1c2b6bbf2826f27d78db
57 lines
1.5 KiB
JavaScript
57 lines
1.5 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
* @emails oncall+react_native
|
|
* @flow strict-local
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const React = require('react');
|
|
const {
|
|
_LogBoxInspectorContainer: LogBoxInspectorContainer,
|
|
} = require('../LogBoxInspectorContainer');
|
|
const LogBoxLog = require('../Data/LogBoxLog').default;
|
|
const render = require('../../../jest/renderer');
|
|
|
|
describe('LogBoxNotificationContainer', () => {
|
|
it('should render inspector with logs, even when disabled', () => {
|
|
const output = render.shallowRender(
|
|
<LogBoxInspectorContainer
|
|
isDisabled
|
|
selectedLogIndex={-1}
|
|
logs={[
|
|
new LogBoxLog({
|
|
level: 'warn',
|
|
isComponentError: false,
|
|
message: {
|
|
content: 'Some kind of message',
|
|
substitutions: [],
|
|
},
|
|
stack: [],
|
|
category: 'Some kind of message',
|
|
componentStack: [],
|
|
}),
|
|
new LogBoxLog({
|
|
level: 'error',
|
|
isComponentError: false,
|
|
message: {
|
|
content: 'Some kind of message (latest)',
|
|
substitutions: [],
|
|
},
|
|
stack: [],
|
|
category: 'Some kind of message (latest)',
|
|
componentStack: [],
|
|
}),
|
|
]}
|
|
/>,
|
|
);
|
|
|
|
expect(output).toMatchSnapshot();
|
|
});
|
|
});
|