mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-12-04 23:43:51 +03:00
b82de74592
* Use rollup for d3tooltip * Use rollup for map2tree * Set moduleResolution * Use rollup for d3-state-visualizer * Use rollup for react-base16-styling * Use rollup for react-dock * Use rollup for react-json-tree * Use rollup for redux-devtools * Use rollup for redux-devtools-intrument * Use rollup for redux-devtools-chart-monitor * Update export * Use rollup for redux-devtools-dock-monitor * Use rollup for redux-devtools-inspector-monitor * Fix inspector demo * Fix invalid eslint config * Use rollup for inspector-monitor-test-tab * Use rollup for inspector-monitor-trace-tab * Use rollup for redux-devtools-log-monitor * Use rollup for redux-devtools-remote * Use rollup in redux-devtools-rtk-query-monitor * Use rollup for redux-devtools-serialize * Fix redux-devtools examples * Use rollup for redux-devtools-slider-monitor * Fix slider examples * Use rollup for redux-devtools-ui * Use rollup for redux-devtools-utils * Use rollup for redux-devtools-extension * Use rollup for redux-devtools-app * Fix Webpack app build * Fix extension build * Turn on minimization * Update CLI
4.3 KiB
4.3 KiB
Redux DevTools Test Generator
Installation
yarn add @redux-devtools/inspector-monitor-test-tab
Usage
If you use Redux DevTools Extension, Remote Redux DevTools or RemoteDev, it's already there, and no additional actions required.
With redux-devtools
and redux-devtools-inspector-monitor
:
containers/DevTools.js
import React from 'react';
import { createDevTools } from '@redux-devtools/core';
import { InspectorMonitor } from '@redux-devtools/inspector-monitor';
import { TestTab, reduxMochaTemplate } from '@redux-devtools/inspector-monitor-test-tab'; // If using default tests.
const testComponent = (props) => (
<TestTab
expect={reduxMochaTemplate.expect} wrap={reduxMochaTemplate.wrap} useCodemirror
{...props}
/>
);
export default createDevTools(
<InspectorMonitor
tabs: defaultTabs => [...defaultTabs, { name: 'Test', component: testComponent }]
/>
);
Instead of mochaTemplate.expect
and mochaTemplate.wrap
you can use your function templates.
If useCodemirror
specified, include codemirror/lib/codemirror.css
style and optionally themes from codemirror/theme/
.
Props
Name | Description |
---|---|
assertion |
String template or function with an object argument containing action , prevState , curState keys, which returns a string representing the assertion (see the function or template). |
[wrap ] |
Optional string template or function which gets assertions argument and returns a string (see the example function or template). |
[useCodemirror ] |
Boolean. If specified will use codemirror styles. |
[theme ] |
String. Name of the codemirror theme. |
License
MIT