Tests for SVG rendering component
This commit is contained in:
parent
47ee62d387
commit
8830fad923
61
src/rendering/SVG/__snapshots__/test.js.snap
Normal file
61
src/rendering/SVG/__snapshots__/test.js.snap
Normal file
@ -0,0 +1,61 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`SVG layout 1`] = `
|
||||
Object {
|
||||
"box": Object {
|
||||
"height": 40,
|
||||
"width": 120,
|
||||
},
|
||||
"children": Array [
|
||||
Object {
|
||||
"box": Object {
|
||||
"height": 20,
|
||||
"width": 100,
|
||||
},
|
||||
"type": "Text",
|
||||
},
|
||||
],
|
||||
"props": Object {
|
||||
"height": 40,
|
||||
"width": 120,
|
||||
},
|
||||
"type": "SVG",
|
||||
}
|
||||
`;
|
||||
|
||||
exports[`SVG rendering 1`] = `
|
||||
<svg
|
||||
height={20}
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fff",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 100 20"
|
||||
width={100}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
>
|
||||
<metadata
|
||||
dangerouslySetInnerHTML={
|
||||
Object {
|
||||
"__html": "<rdf:rdf>
|
||||
<cc:license rdf:about=\\"http://creativecommons.org/licenses/by/3.0/\\">
|
||||
<cc:permits rdf:resource=\\"http://creativecommons.org/ns#Reproduction\\"></cc:permits>
|
||||
<cc:permits rdf:resource=\\"http://creativecommons.org/ns#Distribution\\"></cc:permits>
|
||||
<cc:requires rdf:resource=\\"http://creativecommons.org/ns#Notice\\"></cc:requires>
|
||||
<cc:requires rdf:resource=\\"http://creativecommons.org/ns#Attribution\\"></cc:requires>
|
||||
<cc:permits rdf:resource=\\"http://creativecommons.org/ns#DerivativeWorks\\"></cc:permits>
|
||||
</cc:license>
|
||||
</rdf:rdf>",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<g
|
||||
transform="translate(10 10)"
|
||||
>
|
||||
Content
|
||||
</g>
|
||||
</svg>
|
||||
`;
|
29
src/rendering/SVG/test.js
Normal file
29
src/rendering/SVG/test.js
Normal file
@ -0,0 +1,29 @@
|
||||
import React from 'react';
|
||||
import { shallow } from 'enzyme';
|
||||
|
||||
import SVG, { layout } from 'rendering/SVG';
|
||||
|
||||
describe('SVG', () => {
|
||||
test('rendering', () => {
|
||||
const component = shallow(
|
||||
<SVG width={ 100 } height={ 20 }>Content</SVG>
|
||||
);
|
||||
expect(component).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('layout', () => {
|
||||
const processed = layout({
|
||||
type: 'SVG',
|
||||
children: [
|
||||
{
|
||||
type: 'Text',
|
||||
box: {
|
||||
width: 100,
|
||||
height: 20
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
expect(processed).toMatchSnapshot();
|
||||
});
|
||||
});
|
Loading…
Reference in New Issue
Block a user