@redux-devtools/inspector-monitor-test-tab

Generate tests for redux devtools.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@redux-devtools/inspector-monitor-test-tab
13,0451271.0.04 months ago2 years agoMinified + gzip package size for @redux-devtools/inspector-monitor-test-tab in KB

Readme

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