Add CJK test case

Author: PINOT

test/fixtures/cjk/input.md

@@ -0,0 +1,7 @@
+# An example of a CJK (Related Korean)
+
+```mermaid
+flowchart TD
+	A(아이디어) --> C(로드맵) --> D(요구사항) -->
+	E(디자인) --> F(구현) --> G(테스트) --> H(배포) --> D
+```

test/test.ts-snapshots/cjk-browser.html

@@ -0,0 +1,2 @@
+<h1>An example of a CJK (Related Korean)</h1>
+<p><svg viewBox="-8 -8 116 589" style="max-width: 116px;" aria-labelledby="chart-title-remark-mermaid-0 chart-desc-remark-mermaid-0" role="img" xmlns="http://www.w3.org/2000/svg" width="100%" id="remark-mermaid-0"><title id="chart-title-remark-mermaid-0"></title><desc id="chart-desc-remark-mermaid-0"></desc><style>#remark-mermaid-0 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#remark-mermaid-0 .error-icon{fill:#552222;}#remark-mermaid-0 .error-text{fill:#552222;stroke:#552222;}#remark-mermaid-0 .edge-thickness-normal{stroke-width:2px;}#remark-mermaid-0 .edge-thickness-thick{stroke-width:3.5px;}#remark-mermaid-0 .edge-pattern-solid{stroke-dasharray:0;}#remark-mermaid-0 .edge-pattern-dashed{stroke-dasharray:3;}#remark-mermaid-0 .edge-pattern-dotted{stroke-dasharray:2;}#remark-mermaid-0 .marker{fill:#333333;stroke:#333333;}#remark-mermaid-0 .marker.cross{stroke:#333333;}#remark-mermaid-0 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#remark-mermaid-0 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#remark-mermaid-0 .cluster-label text{fill:#333;}#remark-mermaid-0 .cluster-label span{color:#333;}#remark-mermaid-0 .label text,#remark-mermaid-0 span{fill:#333;color:#333;}#remark-mermaid-0 .node rect,#remark-mermaid-0 .node circle,#remark-mermaid-0 .node ellipse,#remark-mermaid-0 .node polygon,#remark-mermaid-0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#remark-mermaid-0 .node .label{text-align:center;}#remark-mermaid-0 .node.clickable{cursor:pointer;}#remark-mermaid-0 .arrowheadPath{fill:#333333;}#remark-mermaid-0 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#remark-mermaid-0 .flowchart-link{stroke:#333333;fill:none;}#remark-mermaid-0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#remark-mermaid-0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#remark-mermaid-0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#remark-mermaid-0 .cluster text{fill:#333;}#remark-mermaid-0 .cluster span{color:#333;}#remark-mermaid-0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#remark-mermaid-0 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="9" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-C" id="L-A-C-0" d="M62.5,39L62.5,43.166666666666664C62.5,47.333333333333336,62.5,55.666666666666664,62.5,64C62.5,72.33333333333333,62.5,80.66666666666667,62.5,84.83333333333333L62.5,89"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M62.5,128L62.5,132.16666666666666C62.5,136.33333333333334,62.5,144.66666666666666,62.5,153C62.5,161.33333333333334,62.5,169.66666666666666,62.5,173.83333333333334L62.5,178"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-E" id="L-D-E-0" d="M48.258426966292134,217L45.21535580524344,221.16666666666666C42.172284644194754,225.33333333333334,36.08614232209738,233.66666666666666,33.04307116104869,242C30,250.33333333333334,30,258.6666666666667,30,262.8333333333333L30,267"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-F" id="L-E-F-0" d="M30,306L30,310.1666666666667C30,314.3333333333333,30,322.6666666666667,30,331C30,339.3333333333333,30,347.6666666666667,30,351.8333333333333L30,356"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-G" id="L-F-G-0" d="M30,395L30,399.1666666666667C30,403.3333333333333,30,411.6666666666667,30,420C30,428.3333333333333,30,436.6666666666667,30,440.8333333333333L30,445"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-G LE-H" id="L-G-H-0" d="M30,484L30,488.1666666666667C30,492.3333333333333,30,500.6666666666667,33.04307116104869,509C36.08614232209738,517.3333333333334,42.172284644194754,525.6666666666666,45.21535580524344,529.8333333333334L48.258426966292134,534"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-H LE-D" id="L-H-D-0" d="M76.74157303370787,534L79.78464419475655,529.8333333333334C82.82771535580524,525.6666666666666,88.91385767790263,517.3333333333334,91.95692883895133,505.75C95,494.1666666666667,95,479.3333333333333,95,464.5C95,449.6666666666667,95,434.8333333333333,95,420C95,405.1666666666667,95,390.3333333333333,95,375.5C95,360.6666666666667,95,345.8333333333333,95,331C95,316.1666666666667,95,301.3333333333333,95,286.5C95,271.6666666666667,95,256.8333333333333,91.9569288389513,245.25C88.91385767790263,233.66666666666666,82.82771535580524,225.33333333333334,79.78464419475655,221.16666666666666L76.74157303370787,217"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(62.5, 19.5)" id="flowchart-A-40" class="node default default"><rect height="39" width="75" y="-19.5" x="-37.5" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-30, -12)" style="" class="label"><foreignObject height="24" width="60"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">아이디어</span></div></foreignObject></g></g><g transform="translate(62.5, 108.5)" id="flowchart-C-41" class="node default default"><rect height="39" width="60" y="-19.5" x="-30" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-22.5, -12)" style="" class="label"><foreignObject height="24" width="45"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">로드맵</span></div></foreignObject></g></g><g transform="translate(62.5, 197.5)" id="flowchart-D-42" class="node default default"><rect height="39" width="75" y="-19.5" x="-37.5" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-30, -12)" style="" class="label"><foreignObject height="24" width="60"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">요구사항</span></div></foreignObject></g></g><g transform="translate(30, 286.5)" id="flowchart-E-43" class="node default default"><rect height="39" width="60" y="-19.5" x="-30" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-22.5, -12)" style="" class="label"><foreignObject height="24" width="45"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">디자인</span></div></foreignObject></g></g><g transform="translate(30, 375.5)" id="flowchart-F-44" class="node default default"><rect height="39" width="45" y="-19.5" x="-22.5" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-15, -12)" style="" class="label"><foreignObject height="24" width="30"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">구현</span></div></foreignObject></g></g><g transform="translate(30, 464.5)" id="flowchart-G-45" class="node default default"><rect height="39" width="60" y="-19.5" x="-30" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-22.5, -12)" style="" class="label"><foreignObject height="24" width="45"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">테스트</span></div></foreignObject></g></g><g transform="translate(62.5, 553.5)" id="flowchart-H-46" class="node default default"><rect height="39" width="45" y="-19.5" x="-22.5" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-15, -12)" style="" class="label"><foreignObject height="24" width="30"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">배포</span></div></foreignObject></g></g></g></g></g></svg></p>