more unit tests
This commit is contained in:
Klemek
+198
-5
@@ -280,6 +280,7 @@ describe('font style', () => {
|
|||||||
expect(rendering().getTextDecoration('bold italic')).toBe(undefined);
|
expect(rendering().getTextDecoration('bold italic')).toBe(undefined);
|
||||||
expect(rendering().getTextDecoration('italic striked bold')).toBe('line-through');
|
expect(rendering().getTextDecoration('italic striked bold')).toBe('line-through');
|
||||||
expect(rendering().getTextDecoration('italic striked underlined bold')).toBe('underline,line-through');
|
expect(rendering().getTextDecoration('italic striked underlined bold')).toBe('underline,line-through');
|
||||||
|
expect(rendering().getTextDecoration('overlined underlined')).toBe('underline,overline');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -840,13 +841,50 @@ describe('renderNode', () => {
|
|||||||
'g': [{
|
'g': [{
|
||||||
'_attributes': {
|
'_attributes': {
|
||||||
'transform': 'scale(0.00078125 0.00078125) translate(-256 -256)',
|
'transform': 'scale(0.00078125 0.00078125) translate(-256 -256)',
|
||||||
'stroke': undefined,
|
|
||||||
'fill': undefined
|
'fill': undefined
|
||||||
},
|
},
|
||||||
'path': {'_attributes': {'d': solidCirclePath}}
|
'path': {'_attributes': {'d': solidCirclePath}}
|
||||||
}]
|
}]
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
test('sub-text', () => {
|
||||||
|
const res = rendering({'h-spacing': 1}).renderNode({
|
||||||
|
icon: 'circle',
|
||||||
|
x: 2,
|
||||||
|
y: 1,
|
||||||
|
bottom: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual({
|
||||||
|
'_attributes': {'transform': 'translate(2.5 1.5)'},
|
||||||
|
'g': [{
|
||||||
|
'_attributes': {
|
||||||
|
'transform': 'scale(0.00078125 0.00078125) translate(-256 -256)',
|
||||||
|
'fill': undefined
|
||||||
|
},
|
||||||
|
'path': {'_attributes': {'d': solidCirclePath}}
|
||||||
|
}, {
|
||||||
|
'_attributes': {
|
||||||
|
'transform': `translate(0 0.2) scale(0.0078125 0.0078125)`,
|
||||||
|
'fill': undefined,
|
||||||
|
},
|
||||||
|
'text': {
|
||||||
|
'_attributes': {
|
||||||
|
'font-family': undefined,
|
||||||
|
'font-size': undefined,
|
||||||
|
'font-weight': undefined,
|
||||||
|
'font-style': undefined,
|
||||||
|
'text-decoration': undefined,
|
||||||
|
'text-anchor': 'middle',
|
||||||
|
'x': 0,
|
||||||
|
'y': 18.75
|
||||||
|
},
|
||||||
|
'_text': 'hello'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
});
|
||||||
|
});
|
||||||
test('recolor global', () => {
|
test('recolor global', () => {
|
||||||
const res = rendering({
|
const res = rendering({
|
||||||
'h-spacing': 1,
|
'h-spacing': 1,
|
||||||
@@ -960,6 +998,156 @@ describe('renderLink', () => {
|
|||||||
}]
|
}]
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
test('sub-text bottom/right', () => {
|
||||||
|
const exp = {
|
||||||
|
'_attributes': {'transform': 'translate(1 1.5) rotate(0)'},
|
||||||
|
'g': [{
|
||||||
|
'_attributes': {
|
||||||
|
'transform': 'scale(0.00078125 0.00078125) translate(-256 -256)',
|
||||||
|
'fill': undefined
|
||||||
|
},
|
||||||
|
'path': {'_attributes': {'d': linkPaths['default'][1]}}
|
||||||
|
}, {
|
||||||
|
'_attributes': {
|
||||||
|
'transform': `translate(0 0.05) scale(0.0078125 0.0078125)`,
|
||||||
|
'fill': undefined,
|
||||||
|
},
|
||||||
|
'text': {
|
||||||
|
'_attributes': {
|
||||||
|
'font-family': undefined,
|
||||||
|
'font-size': undefined,
|
||||||
|
'font-weight': undefined,
|
||||||
|
'font-style': undefined,
|
||||||
|
'text-decoration': undefined,
|
||||||
|
'text-anchor': 'middle',
|
||||||
|
'x': 0,
|
||||||
|
'y': 18.75
|
||||||
|
},
|
||||||
|
'_text': 'hello'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
let res = rendering({'h-spacing': 1}).renderLink({
|
||||||
|
'a': {x: 0, y: 1}, 'b': {x: 1, y: 1}
|
||||||
|
}, {
|
||||||
|
from: 'a',
|
||||||
|
to: 'b',
|
||||||
|
bottom: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual(exp);
|
||||||
|
res = rendering({'h-spacing': 1}).renderLink({
|
||||||
|
'a': {x: 0, y: 1}, 'b': {x: 1, y: 1}
|
||||||
|
}, {
|
||||||
|
from: 'a',
|
||||||
|
to: 'b',
|
||||||
|
right: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual(exp);
|
||||||
|
});
|
||||||
|
test('sub-text top/left', () => {
|
||||||
|
const exp = {
|
||||||
|
'_attributes': {'transform': 'translate(1 1.5) rotate(0)'},
|
||||||
|
'g': [{
|
||||||
|
'_attributes': {
|
||||||
|
'transform': 'scale(0.00078125 0.00078125) translate(-256 -256)',
|
||||||
|
'fill': undefined
|
||||||
|
},
|
||||||
|
'path': {'_attributes': {'d': linkPaths['default'][1]}}
|
||||||
|
}, {
|
||||||
|
'_attributes': {
|
||||||
|
'transform': `translate(0 -0.05) scale(0.0078125 0.0078125)`,
|
||||||
|
'fill': undefined,
|
||||||
|
},
|
||||||
|
'text': {
|
||||||
|
'_attributes': {
|
||||||
|
'font-family': undefined,
|
||||||
|
'font-size': undefined,
|
||||||
|
'font-weight': undefined,
|
||||||
|
'font-style': undefined,
|
||||||
|
'text-decoration': undefined,
|
||||||
|
'text-anchor': 'middle',
|
||||||
|
'x': 0,
|
||||||
|
'y': -11.25
|
||||||
|
},
|
||||||
|
'_text': 'hello'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
let res = rendering({'h-spacing': 1}).renderLink({
|
||||||
|
'a': {x: 0, y: 1}, 'b': {x: 1, y: 1}
|
||||||
|
}, {
|
||||||
|
from: 'a',
|
||||||
|
to: 'b',
|
||||||
|
top: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual(exp);
|
||||||
|
res = rendering({'h-spacing': 1}).renderLink({
|
||||||
|
'a': {x: 0, y: 1}, 'b': {x: 1, y: 1}
|
||||||
|
}, {
|
||||||
|
from: 'a',
|
||||||
|
to: 'b',
|
||||||
|
left: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual(exp);
|
||||||
|
});
|
||||||
|
test('sub-text reverse bottom/left', () => {
|
||||||
|
const exp = {
|
||||||
|
'_attributes': {'transform': 'translate(1 1.5) rotate(180)'},
|
||||||
|
'g': [{
|
||||||
|
'_attributes': {
|
||||||
|
'transform': 'scale(0.00078125 0.00078125) translate(-256 -256)',
|
||||||
|
'fill': undefined
|
||||||
|
},
|
||||||
|
'path': {'_attributes': {'d': linkPaths['default'][1]}}
|
||||||
|
}, {
|
||||||
|
'_attributes': {
|
||||||
|
'transform': `rotate(180) translate(0 0.05) scale(0.0078125 0.0078125)`,
|
||||||
|
'fill': undefined,
|
||||||
|
},
|
||||||
|
'text': {
|
||||||
|
'_attributes': {
|
||||||
|
'font-family': undefined,
|
||||||
|
'font-size': undefined,
|
||||||
|
'font-weight': undefined,
|
||||||
|
'font-style': undefined,
|
||||||
|
'text-decoration': undefined,
|
||||||
|
'text-anchor': 'middle',
|
||||||
|
'x': 0,
|
||||||
|
'y': 18.75
|
||||||
|
},
|
||||||
|
'_text': 'hello'
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
let res = rendering({'h-spacing': 1}).renderLink({
|
||||||
|
'a': {x: 1, y: 1}, 'b': {x: 0, y: 1}
|
||||||
|
}, {
|
||||||
|
from: 'a',
|
||||||
|
to: 'b',
|
||||||
|
bottom: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual(exp);
|
||||||
|
res = rendering({'h-spacing': 1}).renderLink({
|
||||||
|
'a': {x: 1, y: 1}, 'b': {x: 0, y: 1}
|
||||||
|
}, {
|
||||||
|
from: 'a',
|
||||||
|
to: 'b',
|
||||||
|
left: {
|
||||||
|
text: 'hello'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
expect(res).toEqual(exp);
|
||||||
|
});
|
||||||
test('simple vertical', () => {
|
test('simple vertical', () => {
|
||||||
const res = rendering({'h-spacing': 1}).renderLink({
|
const res = rendering({'h-spacing': 1}).renderLink({
|
||||||
'a': {x: 1, y: 0}, 'b': {x: 1, y: 1}
|
'a': {x: 1, y: 0}, 'b': {x: 1, y: 1}
|
||||||
@@ -1138,12 +1326,17 @@ describe('compute', () => {
|
|||||||
expect(res).toEqual('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="100" height="50" font-family="Arial" font-size="15" fill="black" stroke-width="0">\n</svg>');
|
expect(res).toEqual('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="100" height="50" font-family="Arial" font-size="15" fill="black" stroke-width="0">\n</svg>');
|
||||||
});
|
});
|
||||||
test('simple output', () => {
|
test('simple output', () => {
|
||||||
const res = rendering({beautify: true, 'h-spacing': 1, scale: 20}).compute({'a': {name: 'a', icon: 'circle', x: 0, y: 0}, 'b': {name: 'b', icon: 'circle', x: 1, y: 0}}, [{from: 'a', to: 'b'}]);
|
const res = rendering({beautify: true, 'h-spacing': 1, scale: 20}).compute({
|
||||||
|
'a': {name: 'a', icon: 'circle', x: 0, y: 0, bottom: 'bottom'},
|
||||||
|
'b': {name: 'b', icon: 'circle', x: 1, y: 0}
|
||||||
|
}, [
|
||||||
|
{from: 'a', to: 'b', top: 'top'}
|
||||||
|
]);
|
||||||
expect(res.split(solidCirclePath).length).toBe(3); //2 times circle path
|
expect(res.split(solidCirclePath).length).toBe(3); //2 times circle path
|
||||||
expect(res.includes(linkPaths['default'][1])).toBe(true); // contains simple arrow of width 1
|
expect(res.includes(linkPaths['default'][1])).toBe(true); // contains simple arrow of width 1
|
||||||
expect(res.split('</g>').length).toBe(7); //6 groups definitions
|
expect(res.includes('bottom</text>')).toBe(true); // contains bottom text
|
||||||
|
expect(res.includes('top</text>')).toBe(true); // contains bottom text
|
||||||
|
expect(res.split('</g>').length).toBe(9); //8 groups definitions (2 nodes (x2) + 1 link (x2) + 2 texts)
|
||||||
expect(res.indexOf('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="100" height="50" font-family="Arial" font-size="15" fill="black" stroke-width="0">')).toBe(0);
|
expect(res.indexOf('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="100" height="50" font-family="Arial" font-size="15" fill="black" stroke-width="0">')).toBe(0);
|
||||||
});
|
});
|
||||||
test('invalid node', () => {
|
test('invalid node', () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user