Adding some initial tests for Render component
This commit is contained in:
parent
b7393b3a4b
commit
b3b7480358
155
src/components/Render/__snapshots__/test.js.snap
Normal file
155
src/components/Render/__snapshots__/test.js.snap
Normal file
@ -0,0 +1,155 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Render debugging 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<Text>
|
||||
Example
|
||||
</Text>
|
||||
<rect
|
||||
height={50}
|
||||
style={
|
||||
Object {
|
||||
"fill": "transparent",
|
||||
"opacity": 0.5,
|
||||
"stroke": "red",
|
||||
"strokeDasharray": "2,2",
|
||||
"strokeWidth": "1px",
|
||||
}
|
||||
}
|
||||
width={100}
|
||||
/>
|
||||
<circle
|
||||
cx={5}
|
||||
cy={10}
|
||||
r="3"
|
||||
style={
|
||||
Object {
|
||||
"fill": "red",
|
||||
"opacity": 0.5,
|
||||
}
|
||||
}
|
||||
/>
|
||||
<circle
|
||||
cx={95}
|
||||
cy={10}
|
||||
r="3"
|
||||
style={
|
||||
Object {
|
||||
"fill": "red",
|
||||
"opacity": 0.5,
|
||||
}
|
||||
}
|
||||
/>
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Render types Box 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<Box
|
||||
padding={5}
|
||||
radius={3}
|
||||
>
|
||||
<Text>
|
||||
Example
|
||||
</Text>
|
||||
</Box>
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Render types HorizontalLayout 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<HorizontalLayout
|
||||
spacing={10}
|
||||
withConnectors={false}
|
||||
>
|
||||
<Text>
|
||||
Example
|
||||
</Text>
|
||||
<Text>
|
||||
Another Example
|
||||
</Text>
|
||||
</HorizontalLayout>
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Render types Loop 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<Loop>
|
||||
<Text>
|
||||
Example
|
||||
</Text>
|
||||
</Loop>
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Render types Pin 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<Pin />
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Render types Text 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<Text>
|
||||
Example
|
||||
</Text>
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Render types VerticalLayout 1`] = `
|
||||
<div
|
||||
className="render"
|
||||
>
|
||||
<SVG
|
||||
onReflow={[Function]}
|
||||
>
|
||||
<VerticalLayout
|
||||
spacing={10}
|
||||
withConnectors={false}
|
||||
>
|
||||
<Text>
|
||||
Example
|
||||
</Text>
|
||||
<Text>
|
||||
Another Example
|
||||
</Text>
|
||||
</VerticalLayout>
|
||||
</SVG>
|
||||
</div>
|
||||
`;
|
115
src/components/Render/test.js
Normal file
115
src/components/Render/test.js
Normal file
@ -0,0 +1,115 @@
|
||||
import React from 'react';
|
||||
import { shallow } from 'enzyme';
|
||||
|
||||
import Render from 'components/Render';
|
||||
|
||||
const testType = (name, item) => {
|
||||
test(name, () => {
|
||||
const data = { type: 'SVG', children: [item] };
|
||||
const component = shallow(
|
||||
<Render data={ data } onRender={ jest.fn() }/>
|
||||
);
|
||||
expect(component).toMatchSnapshot();
|
||||
});
|
||||
};
|
||||
|
||||
describe('Render', () => {
|
||||
test('debugging', () => {
|
||||
const data = {
|
||||
type: 'SVG',
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
debug: true,
|
||||
box: {
|
||||
width: 100,
|
||||
height: 50,
|
||||
axisY: 10,
|
||||
axisX1: 5,
|
||||
axisX2: 95
|
||||
},
|
||||
children: [
|
||||
'Example'
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
const component = shallow(
|
||||
<Render data={ data } onRender={ jest.fn() }/>
|
||||
);
|
||||
expect(component).toMatchSnapshot();
|
||||
});
|
||||
|
||||
describe('types', () => {
|
||||
testType('Pin', {
|
||||
type: 'Pin'
|
||||
});
|
||||
|
||||
testType('Text', {
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Example'
|
||||
]
|
||||
});
|
||||
|
||||
testType('Box', {
|
||||
type: 'Box',
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Example'
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
testType('Loop', {
|
||||
type: 'Loop',
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Example'
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
testType('HorizontalLayout', {
|
||||
type: 'HorizontalLayout',
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Example'
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Another Example'
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
testType('VerticalLayout', {
|
||||
type: 'VerticalLayout',
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Example'
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'Text',
|
||||
children: [
|
||||
'Another Example'
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
});
|
Loading…
Reference in New Issue
Block a user