Updating tests to cover an edge case
This commit is contained in:
parent
aa278fb193
commit
33a473734b
@ -31,4 +31,16 @@ describe('VerticalLayout', () => {
|
||||
component.update();
|
||||
expect(component).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('rendering with connectors (no sides)', async () => {
|
||||
const component = mount(
|
||||
<VerticalLayout withConnectors>
|
||||
<SVGElement bbox={{ width: 100, height: 10 }}/>
|
||||
<SVGElement bbox={{ width: 100, height: 10 }}/>
|
||||
</VerticalLayout>
|
||||
);
|
||||
await component.instance().doReflow();
|
||||
component.update();
|
||||
expect(component).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
|
@ -69,6 +69,58 @@ exports[`VerticalLayout rendering 1`] = `
|
||||
</VerticalLayout>
|
||||
`;
|
||||
|
||||
exports[`VerticalLayout rendering with connectors (no sides) 1`] = `
|
||||
<VerticalLayout
|
||||
spacing={10}
|
||||
withConnectors={true}
|
||||
>
|
||||
<path
|
||||
d="M0,15c15,0 10,-10 20,-10M140,15c-15,0 -10,-10 -20,-10M0,15c15,0 10,10 20,10M140,15c-15,0 -10,10 -20,10"
|
||||
style={
|
||||
Object {
|
||||
"fillOpacity": 0,
|
||||
"stroke": "#000",
|
||||
"strokeWidth": "2px",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<g
|
||||
key=".0"
|
||||
transform="translate(20 0)"
|
||||
>
|
||||
<SVGElement
|
||||
bbox={
|
||||
Object {
|
||||
"height": 10,
|
||||
"width": 100,
|
||||
}
|
||||
}
|
||||
>
|
||||
<text>
|
||||
Mock content
|
||||
</text>
|
||||
</SVGElement>
|
||||
</g>
|
||||
<g
|
||||
key=".1"
|
||||
transform="translate(20 20)"
|
||||
>
|
||||
<SVGElement
|
||||
bbox={
|
||||
Object {
|
||||
"height": 10,
|
||||
"width": 100,
|
||||
}
|
||||
}
|
||||
>
|
||||
<text>
|
||||
Mock content
|
||||
</text>
|
||||
</SVGElement>
|
||||
</g>
|
||||
</VerticalLayout>
|
||||
`;
|
||||
|
||||
exports[`VerticalLayout rendering with connectors 1`] = `
|
||||
<VerticalLayout
|
||||
spacing={10}
|
||||
|
Loading…
Reference in New Issue
Block a user