reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-09-21 03:19:12 +03:00
Code Issues Packages Projects Releases Wiki Activity
d1028e0a76
redux-devtools/packages/redux-devtools-inspector-monitor-test-tab
History
Nathan Bierema ba5bd18d5b Publish 
- remotedev-redux-devtools-extension@3.0.0
 - d3-state-visualizer@1.4.2
 - d3tooltip@1.3.2
 - map2tree@1.5.2
 - react-base16-styling@0.8.2
 - react-dock@0.4.2
 - react-json-tree@0.15.2
 - @redux-devtools/app@1.0.0
 - @redux-devtools/chart-monitor@1.9.2
 - @redux-devtools/cli@1.0.0
 - @redux-devtools/dock-monitor@1.4.2
 - @redux-devtools/extension@3.0.0
 - @redux-devtools/inspector-monitor-test-tab@0.7.4
 - @redux-devtools/inspector-monitor-trace-tab@0.2.4
 - @redux-devtools/inspector-monitor@1.0.2
 - @redux-devtools/instrument@1.11.2
 - @redux-devtools/log-monitor@2.3.2
 - @redux-devtools/remote@0.6.1
 - @redux-devtools/rtk-query-monitor@1.0.2
 - @redux-devtools/serialize@0.3.2
 - @redux-devtools/slider-monitor@2.0.0
 - @redux-devtools/ui@1.0.0
 - @redux-devtools/utils@1.0.0
 - @redux-devtools/core@3.9.2
 - d3-state-visualizer-tree-example@0.1.2
 - react-dock-demo@0.1.2
 - react-json-tree-example@1.1.4
 - test-demo@0.1.2
 - inspector-demo@0.1.2
 - rtk-query-demo@0.1.2
 - slider-todomvc@0.1.4
 - counter-redux@0.1.4
 - todomvc@0.2.3
2022-01-07 21:24:58 -05:00
..
demo Publish 2022-01-07 21:24:58 -05:00
src chore(*): rename devui to redux-devtools-ui (#868) 2021-09-18 14:00:58 +00:00
test Replace enzyme with React testing library in trace-tab (#916) 2021-10-22 00:43:15 +00:00
.babelrc chore(*): clean up babel configs (#816) 2021-08-29 23:25:48 +00:00
.eslintignore chore(test-tab): fix demo build (#891) 2021-09-25 04:54:14 +00:00
.eslintrc.js chore(*): move devDependencies back to packages (#870) 2021-09-18 23:47:03 +00:00
CHANGELOG.md chore(*): run prettier 2021-06-10 23:42:46 -04:00
jest.config.js Replace enzyme with React testing library in test-tab (#915) 2021-10-21 21:55:21 +00:00
LICENSE.md chore(test): rename test-generator to test-tab (#649) 2020-10-04 00:01:46 -04:00
package.json Publish 2022-01-07 21:24:58 -05:00
README.md chore(*): make more packages scoped (#692) 2020-12-21 15:46:28 -05:00
tsconfig.json chore(test): rename test-generator to test-tab (#649) 2020-10-04 00:01:46 -04:00

README.md

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 TestGenerator from '@redux-devtools/inspector-monitor-test-tab';
import mochaTemplate from '@redux-devtools/inspector-monitor-test-tab/lib/redux/mocha'; // If using default tests.

const testComponent = (props) => (
  <TestGenerator
    expect={mochaTemplate.expect} wrap={mochaTemplate.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