Automatic creation of a cortege of props, based on propTypes, for the tested component
Documentation
Module "auto-test-react-component/dist/prop-types-mock" mock module for "prop-types"
| mocked function | variants values |
|---|---|
| PropsType.string | ["","string",undefined] |
| PropsType.string.isRequired | ["","string"] |
| PropsType.number | [-10,0,10,undefined] |
| PropsType.number.isRequired | [-10,0,10] |
| PropsType.bool | [false,true,undefined] |
| PropsType.bool.isRequired | [false,true] |
| PropsType.func | [()=>{},undefined] |
| PropsType.func.isRequired | [()=>{}] |
| PropsType.array | [[],undefined] |
| PropsType.array.isRequired | [[]] |
| PropsType.object | [{},undefined] |
| PropsType.object.isRequired | [{}] |
| PropsType.oneOf([values]) | [values,undefined] |
| PropsType.oneOf([values]).isRequired | [values] |
| PropsType.oneOfType([propTypes]) | [map to all variants value for all propTypes and undefined] |
| PropsType.oneOfType([propTypes]).isRequired | [map to all variants value for all propTypes] |
| PropsType.shape([propTypes]) | [map to all variants value for all propTypes properties and undefined] |
| PropsType.shape([propTypes]).isRequired | [map to all variants value for all propTypes properties] |
| PropsType.arrayOf(type) | [[type],undefined] |
| PropsType.arrayOf(type).isRequired | [[type]] |
| PropsType.element(type) | [[<div/>],undefined] |
| PropsType.element(type).isRequired | [[<div/>],] |
module "auto-test-react-component"
- buildTestPropsCortege(JsxComponent): build all variants cortage props from React Component
- buildTestSimplePropsCortege(JsxComponent): build short variants cortage props from React Component
- findComponents(path): find components // Example: findComponents("test/**/*.jsx");
config file .auto-test-react.js for rewrite options
config={
defaultCortage:{
string: ["","string"],
number: [-10,0,10],
bool: [false,true],
func: [()=>{}],
array: [[]],
object: [{}],
element: [<div/>]
},
shapeSimple: false // enable build cortege for shape in simpe mode
};Example
Use "auto-test-react-component/dist/prop-types-mock" for mock "prop-types"
jest.mock("prop-types",()=>{
return require("auto-test-react-component/dist/prop-types-mock");
});build cortage props from React Component
import AutoTestTools from "auto-test-react-component";
let autoTestTools = new AutoTestTools();
jest.mock("prop-types",()=>{
return require("auto-test-react-component/dist/prop-types-mock");
});
let props=autoTestTools.buildTestPropsCortege(JsxComponent);test render component
import {shallow, mount} from "enzyme";
import AutoTestTools from "auto-test-react-component";
let autoTestTools = new AutoTestTools();
props.forEach(prop=>{
describe(`props: ${JSON.stringify(prop)}`,()=>{
it(`render ${JSON.stringify(prop)}`,()=>{
let wrapper = shallow(<JsxComponent {...prop} />);
});
});find and test render components
import AutoTestTools from "auto-test-react-component";
let autoTestTools = new AutoTestTools();
jest.mock("prop-types",()=>{
return require("auto-test-react-component/dist/prop-types-mock");
});
let files=autoTestTools.findComponents("__test__/**/*.jsx");
describe("AutoTestComponent", () => {
files.forEach(file=>{
let JsxComponent=require(file).default;
let props=autoTestTools.buildTestPropsCortege(JsxComponent);
describe(`test render ${file}`,()=>{
{
props.forEach(prop=>{
it(`render ${JSON.stringify(prop)}`,()=>{
let wrapper = shallow(<JsxComponent {...prop} />);
});
});
}
});
});
});