GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-14 06:43:25 +08:00
Code Issues Projects Releases Wiki Activity

fix karma tests where text.textwrap is undefined; added textPlacement parameters to some test cases

Browse Source
This commit is contained in:
whyzdev 2016-12-07 21:46:58 -05:00
parent db62447c98
commit 1424ff7d22
3 changed files with 31 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/diagrams/sequenceDiagram/sequenceDiagram.spec.js
View File

@ -23,6 +23,13 @@ var sd = proxyquire('./sequenceRenderer', { '../../d3': d3 });
//
//var sd = require('./sequenceRenderer');
function addConf(conf, key, value) {
if (value !== undefined) {
conf[key]=value;
}
return conf;
}
var str;
describe('when parsing a sequenceDiagram',function() {
beforeEach(function () {
@ -761,7 +768,9 @@ describe('when rendering a sequenceDiagram',function() {
//console.log(document.querySelector('#tst').getBBox());
});
it('it should handle one actor', function () {
['tspan','fo','old',undefined].forEach(function(textPlacement) {
it('it should handle one actor, when textPlacement is '+textPlacement, function () {
sd.setConf(addConf(conf, 'textPlacement', textPlacement));
sd.bounds.init();
var str = 'sequenceDiagram\n' +
'participant Alice';
@ -774,7 +783,7 @@ describe('when rendering a sequenceDiagram',function() {
expect(bounds.starty).toBe(0);
expect(bounds.stopx ).toBe( conf.width);
expect(bounds.stopy ).toBe(conf.height);
});
});
it('it should handle one actor and a centered note', function () {
sd.bounds.init();
@ -987,7 +996,9 @@ describe('when rendering a sequenceDiagram with actor mirror activated',function
};
sd.setConf(conf);
});
it('it should handle one actor', function () {
['tspan','fo','old',undefined].forEach(function(textPlacement) {
it('it should handle one actor, when textPlacement is'+textPlacement, function () {
sd.setConf(addConf(conf, 'textPlacement', textPlacement));
sd.bounds.init();
var str = 'sequenceDiagram\n' +
'participant Alice';
@ -1000,6 +1011,6 @@ describe('when rendering a sequenceDiagram with actor mirror activated',function
expect(bounds.starty).toBe(0);
expect(bounds.stopx ).toBe( conf.width);
expect(bounds.stopy ).toBe(2*conf.height+2*conf.boxMargin);
});
});
});

2
src/diagrams/sequenceDiagram/sequenceRenderer.js
View File

@ -35,7 +35,7 @@ var conf = {
activationWidth:10,
//text placement as: tspan | fo | <else> only text as before
textPlacement: 'tspan',
textPlacement: 'fo',
};
exports.bounds = {

32
src/diagrams/sequenceDiagram/svgDraw.js
View File

@ -281,25 +281,23 @@ var _drawTextCandidateFunc = (function() {
.attr('x', x + width / 2).attr('y', y)
.style('text-anchor', 'middle');
var tspan = text.append('tspan')
.attr('x', x + width / 2).attr('dy', '0') //.attr('y', y + height / 2)
.attr('x', x + width / 2).attr('dy', '0')
.text(content);
text.textwrap({ //d3textwrap
x: x + width / 2,
y: y,
width: width,
height: height
}, 0);
//vertical aligment after d3textwrap expans tspan to multiple tspans
var tspans = text.selectAll('tspan');
if (tspans.length > 0 && tspans[0].length > 0) {
tspans = tspans[0];
//set y of <text> to the mid y of the first line
text.attr('y', y + (height/2.- text[0][0].getBBox().height*(1 - 1.0/tspans.length)/2.))
.attr("dominant-baseline", "central")
.attr("alignment-baseline", "central")
}
if(typeof(text.textwrap) !== 'undefined'){
text.textwrap({ //d3textwrap
x: x + width / 2, y: y, width: width, height: height
}, 0);
//vertical aligment after d3textwrap expans tspan to multiple tspans
var tspans = text.selectAll('tspan');
if (tspans.length > 0 && tspans[0].length > 0) {
tspans = tspans[0];
//set y of <text> to the mid y of the first line
text.attr('y', y + (height/2.- text[0][0].getBBox().height*(1 - 1.0/tspans.length)/2.))
.attr("dominant-baseline", "central")
.attr("alignment-baseline", "central")
}
}
for (var key in textAttrs) {
text.attr(key, textAttrs[key]);