mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-28 07:03:17 +08:00
#958 Cannot center-justify text in nodes
- assign text-align style to text node to allow aligning of node text
This commit is contained in:
parent
74c171b6d1
commit
90fe015d68
@ -36,9 +36,10 @@ export const addVertices = function(vert, g, svgId) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
// create the style definition for the text, if property is a text-property
|
||||||
for (let i = 0; i < arr.length; i++) {
|
for (let i = 0; i < arr.length; i++) {
|
||||||
if (typeof arr[i] !== 'undefined') {
|
if (typeof arr[i] !== 'undefined') {
|
||||||
if (arr[i].match('^color:')) styleStr = styleStr + arr[i] + ';';
|
if (arr[i].match('^color:|^text-align:')) styleStr = styleStr + arr[i] + ';';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -54,4 +54,43 @@ describe('the flowchart renderer', function() {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
[
|
||||||
|
[['fill:#fff'], 'fill:#fff;', ''],
|
||||||
|
[['color:#ccc'], 'color:#ccc;', 'color:#ccc;'],
|
||||||
|
[['fill:#fff', 'color:#ccc'], 'fill:#fff;color:#ccc;', 'color:#ccc;'],
|
||||||
|
[
|
||||||
|
['fill:#fff', 'color:#ccc', 'text-align:center'],
|
||||||
|
'fill:#fff;color:#ccc;text-align:center;',
|
||||||
|
'color:#ccc;text-align:center;'
|
||||||
|
]
|
||||||
|
].forEach(function([style, expectedStyle, expectedLabelStyle]) {
|
||||||
|
fit(`should add the styles to style and/or labelStyle for style ${style}`, function() {
|
||||||
|
const addedNodes = [];
|
||||||
|
const mockG = {
|
||||||
|
setNode: function(id, object) {
|
||||||
|
addedNodes.push([id, object]);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
addVertices(
|
||||||
|
{
|
||||||
|
v1: {
|
||||||
|
type: 'rect',
|
||||||
|
id: 'my-node-id',
|
||||||
|
classes: [],
|
||||||
|
styles: style,
|
||||||
|
text: 'my vertex text'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mockG,
|
||||||
|
'svg-id'
|
||||||
|
);
|
||||||
|
expect(addedNodes).toHaveLength(1);
|
||||||
|
expect(addedNodes[0][0]).toEqual('my-node-id');
|
||||||
|
expect(addedNodes[0][1]).toHaveProperty('id', 'my-node-id');
|
||||||
|
expect(addedNodes[0][1]).toHaveProperty('labelType', 'svg');
|
||||||
|
expect(addedNodes[0][1]).toHaveProperty('style', expectedStyle);
|
||||||
|
expect(addedNodes[0][1]).toHaveProperty('labelStyle', expectedLabelStyle);
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
Loading…
x
Reference in New Issue
Block a user