cherry pick commit from upstream

Original commit message:
Fixed issue jaime-olivares/yuml-diagram#18

src/svg-builder.js

@@ -45,6 +45,7 @@ module.exports = function(isDark) {
       const text = document.createElementNS(NS, "text");
       text.textContent = lineText;
       text.setAttribute("fill", color || isDark ? WHITE : BLACK);
+      text.setAttribute("font-family", "Helvetica,sans-Serif");
 
       text.setAttribute("x", x);
       text.setAttribute("y", y);

src/yuml2dot-utils.js

@@ -19,6 +19,13 @@ const escape_label = function(label) {
   return newLabel;
 };
 
+const unescape_label = label =>
+  label
+    .replace(/\\\{/g, "{")
+    .replace(/\\\}/g, "}")
+    .replace(/\\</g, "<")
+    .replace(/\\>/g, ">");
+
 const splitYumlExpr = function*(line, separators, escape = "\\") {
   const SEPARATOR_END = {
     "[": "]",
@@ -146,7 +153,7 @@ const serializeDot = function(node) {
             text = text.substr(closingTagPosition + 1);
           }
           htmlTDNode += ">";
-          for (const char of text) {
+          for (const char of unescape_label(text)) {
             htmlTDNode += ESCAPED_CHARS[char] || char;
           }
           htmlTDNode += "</TD>";

test/index.js

@@ -1 +1,18 @@
-// TODO : Unit tests
+const yuml2svg = require("..");
+const { promises: fs } = require("fs");
+
+const inputFile = require.resolve("./test.yuml");
+const outputFile = require.resolve("./test.yuml.svg");
+
+Promise.all([fs.readFile(inputFile).then(yuml2svg), fs.readFile(outputFile)])
+  .then(([actual, expectedOutput]) => {
+    const actualOutput = Buffer.from(actual);
+    if (Buffer.compare(actualOutput, expectedOutput) === 0) {
+      return Promise.resolve("Success");
+    } else {
+      console.warn("Output has been modified");
+
+      return fs.writeFile(outputFile, actualOutput);
+    }
+  })
+  .then(console.log, console.error);

test/test.yuml

@@ -0,0 +1,5 @@
+// {type:class}
+// {direction:topDown}
+[a]->[<<b>>|c]
+[e]->[<<b>>]
+[f]->[c]