diff --git a/tests/data/markdown/markmap.toml b/tests/data/markdown/markmap.toml index 72c7482d1..3b8ad9d2b 100644 --- a/tests/data/markdown/markmap.toml +++ b/tests/data/markdown/markmap.toml @@ -206,7 +206,7 @@ basic = """<h3>Markmap</h3> </code></pre> """ document = """<h3 id="h:markmap">Markmap <a class="header-anchor" href="#h:markmap">¶</a></h3> -<div class="md-embed md-embed-markmap" ><div class="embed-content"> +<div class="md-embed md-embed-markmap"><div class="embed-loading">Mindmap</div><pre class="embed-content"> # Digital Identifiers and Rights ## Community and Outreach @@ -301,10 +301,10 @@ document = """<h3 id="h:markmap">Markmap <a class="header-anchor" href="#h:markm - National policies - Public health services - Records (birth, death, land etc) -</div></div> +</pre><div class="embed-container"></div></div> """ markmap = """<h3>Markmap</h3> -<div class="md-embed md-embed-markmap" ><div class="embed-content"> +<div class="md-embed md-embed-markmap"><div class="embed-loading">Mindmap</div><pre class="embed-content"> # Digital Identifiers and Rights ## Community and Outreach @@ -399,5 +399,5 @@ markmap = """<h3>Markmap</h3> - National policies - Public health services - Records (birth, death, land etc) -</div></div> +</pre><div class="embed-container"></div></div> """ diff --git a/tests/data/markdown/mermaid.toml b/tests/data/markdown/mermaid.toml index ab0d577ce..9f6c1adc8 100644 --- a/tests/data/markdown/mermaid.toml +++ b/tests/data/markdown/mermaid.toml @@ -244,22 +244,22 @@ basic = """<h1>mermaid tests</h1> """ document = """<h1 id="h:mermaid-tests">mermaid tests <a class="header-anchor" href="#h:mermaid-tests">¶</a></h1> <h2 id="h:flowchart">Flowchart <a class="header-anchor" href="#h:flowchart">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">graph TD +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">graph TD A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} C -->|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[fa:fa-car Car] -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:sequence-diagrams">Sequence Diagrams <a class="header-anchor" href="#h:sequence-diagrams">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">sequenceDiagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">sequenceDiagram Alice->>+John: Hello John, how are you? Alice->>+John: John, can you hear me? John-->>-Alice: Hi Alice, I can hear you! John-->>-Alice: I feel great! -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:class-diagram">Class Diagram <a class="header-anchor" href="#h:class-diagram">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">classDiagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">classDiagram Animal <|-- Duck Animal <|-- Fish Animal <|-- Zebra @@ -280,18 +280,18 @@ document = """<h1 id="h:mermaid-tests">mermaid tests <a class="header-anchor" hr +bool is_wild +run() } -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:state-diagram">State Diagram <a class="header-anchor" href="#h:state-diagram">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">stateDiagram-v2 +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving Moving --> Still Moving --> Crash Crash --> [*] -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:gantt-chart">Gantt Chart <a class="header-anchor" href="#h:gantt-chart">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content"> title A Gantt Diagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content"> title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d @@ -299,16 +299,16 @@ document = """<h1 id="h:mermaid-tests">mermaid tests <a class="header-anchor" hr section Another Task in sec :2014-01-12 , 12d another task : 24d -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:pie-chart">Pie Chart <a class="header-anchor" href="#h:pie-chart">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">pie title Pets adopted by volunteers +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">pie title Pets adopted by volunteers "Dogs" : 386 "Cats" : 85 "Rats" : 15 -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:er-diagram">ER Diagram <a class="header-anchor" href="#h:er-diagram">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">erDiagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : "liable for" @@ -317,9 +317,9 @@ document = """<h1 id="h:mermaid-tests">mermaid tests <a class="header-anchor" hr ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : "ordered in" -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:user-journey">User Journey <a class="header-anchor" href="#h:user-journey">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">journey +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">journey title My working day section Go to work Make tea: 5: Me @@ -329,9 +329,9 @@ document = """<h1 id="h:mermaid-tests">mermaid tests <a class="header-anchor" hr Go downstairs: 5: Me Sit down: 3: Me -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:git-graph">Git Graph <a class="header-anchor" href="#h:git-graph">¶</a></h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content"> gitGraph +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content"> gitGraph commit commit branch develop @@ -343,26 +343,26 @@ document = """<h1 id="h:mermaid-tests">mermaid tests <a class="header-anchor" hr commit commit -</div></div> +</pre><div class="embed-container"></div></div> """ mermaid = """<h1>mermaid tests</h1> <h2>Flowchart</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">graph TD +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">graph TD A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} C -->|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[fa:fa-car Car] -</div></div> +</pre><div class="embed-container"></div></div> <h2>Sequence Diagrams</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">sequenceDiagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">sequenceDiagram Alice->>+John: Hello John, how are you? Alice->>+John: John, can you hear me? John-->>-Alice: Hi Alice, I can hear you! John-->>-Alice: I feel great! -</div></div> +</pre><div class="embed-container"></div></div> <h2>Class Diagram</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">classDiagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">classDiagram Animal <|-- Duck Animal <|-- Fish Animal <|-- Zebra @@ -383,18 +383,18 @@ mermaid = """<h1>mermaid tests</h1> +bool is_wild +run() } -</div></div> +</pre><div class="embed-container"></div></div> <h2>State Diagram</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">stateDiagram-v2 +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving Moving --> Still Moving --> Crash Crash --> [*] -</div></div> +</pre><div class="embed-container"></div></div> <h2>Gantt Chart</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content"> title A Gantt Diagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content"> title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d @@ -402,16 +402,16 @@ mermaid = """<h1>mermaid tests</h1> section Another Task in sec :2014-01-12 , 12d another task : 24d -</div></div> +</pre><div class="embed-container"></div></div> <h2>Pie Chart</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">pie title Pets adopted by volunteers +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">pie title Pets adopted by volunteers "Dogs" : 386 "Cats" : 85 "Rats" : 15 -</div></div> +</pre><div class="embed-container"></div></div> <h2>ER Diagram</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">erDiagram +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : "liable for" @@ -420,9 +420,9 @@ mermaid = """<h1>mermaid tests</h1> ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : "ordered in" -</div></div> +</pre><div class="embed-container"></div></div> <h2>User Journey</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content">journey +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content">journey title My working day section Go to work Make tea: 5: Me @@ -432,9 +432,9 @@ mermaid = """<h1>mermaid tests</h1> Go downstairs: 5: Me Sit down: 3: Me -</div></div> +</pre><div class="embed-container"></div></div> <h2>Git Graph</h2> -<div class="md-embed md-embed-mermaid" ><div class="embed-content"> gitGraph +<div class="md-embed md-embed-mermaid"><div class="embed-loading">Visualization</div><pre class="embed-content"> gitGraph commit commit branch develop @@ -446,5 +446,5 @@ mermaid = """<h1>mermaid tests</h1> commit commit -</div></div> +</pre><div class="embed-container"></div></div> """ diff --git a/tests/data/markdown/vega-lite.toml b/tests/data/markdown/vega-lite.toml index c2085e2ae..bc9ab3c75 100644 --- a/tests/data/markdown/vega-lite.toml +++ b/tests/data/markdown/vega-lite.toml @@ -697,7 +697,7 @@ basic = """<h1>vega-lite tests</h1> """ document = """<h1 id="h:vega-lite-tests">vega-lite tests <a class="header-anchor" href="#h:vega-lite-tests">¶</a></h1> <h2 id="h:interactive-scatter-plot-matrix">Interactive Scatter Plot Matrix <a class="header-anchor" href="#h:interactive-scatter-plot-matrix">¶</a></h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "repeat": { "row": ["Horsepower", "Acceleration", "Miles_per_Gallon"], @@ -746,9 +746,9 @@ document = """<h1 id="h:vega-lite-tests">vega-lite tests <a class="header-anchor } } } -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:population-pyramid">Population Pyramid <a class="header-anchor" href="#h:population-pyramid">¶</a></h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "A population pyramid for the US in 2000.", "data": { "url": "https://vega.github.io/vega-lite/examples/data/population.json"}, @@ -818,9 +818,9 @@ document = """<h1 id="h:vega-lite-tests">vega-lite tests <a class="header-anchor } } -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:discretizing-scales">Discretizing scales <a class="header-anchor" href="#h:discretizing-scales">¶</a></h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "Horizontally concatenated charts that show different types of discretizing scales.", "data": { @@ -949,9 +949,9 @@ document = """<h1 id="h:vega-lite-tests">vega-lite tests <a class="header-anchor } } } -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:marginal-histograms">Marginal Histograms <a class="header-anchor" href="#h:marginal-histograms">¶</a></h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "data": {"url": "https://vega.github.io/vega-lite/examples/data/movies.json"}, "spacing": 15, @@ -1006,9 +1006,9 @@ document = """<h1 id="h:vega-lite-tests">vega-lite tests <a class="header-anchor } } } -</div></div> +</pre><div class="embed-container"></div></div> <h2 id="h:radial-plot">Radial Plot <a class="header-anchor" href="#h:radial-plot">¶</a></h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "A simple radial chart with embedded data.", "data": { @@ -1029,11 +1029,11 @@ document = """<h1 id="h:vega-lite-tests">vega-lite tests <a class="header-anchor } } -</div></div> +</pre><div class="embed-container"></div></div> """ vega-lite = """<h1>vega-lite tests</h1> <h2>Interactive Scatter Plot Matrix</h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "repeat": { "row": ["Horsepower", "Acceleration", "Miles_per_Gallon"], @@ -1082,9 +1082,9 @@ vega-lite = """<h1>vega-lite tests</h1> } } } -</div></div> +</pre><div class="embed-container"></div></div> <h2>Population Pyramid</h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "A population pyramid for the US in 2000.", "data": { "url": "https://vega.github.io/vega-lite/examples/data/population.json"}, @@ -1154,9 +1154,9 @@ vega-lite = """<h1>vega-lite tests</h1> } } -</div></div> +</pre><div class="embed-container"></div></div> <h2>Discretizing scales</h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "Horizontally concatenated charts that show different types of discretizing scales.", "data": { @@ -1285,9 +1285,9 @@ vega-lite = """<h1>vega-lite tests</h1> } } } -</div></div> +</pre><div class="embed-container"></div></div> <h2>Marginal Histograms</h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "data": {"url": "https://vega.github.io/vega-lite/examples/data/movies.json"}, "spacing": 15, @@ -1342,9 +1342,9 @@ vega-lite = """<h1>vega-lite tests</h1> } } } -</div></div> +</pre><div class="embed-container"></div></div> <h2>Radial Plot</h2> -<div class="md-embed md-embed-vega-lite" ><div class="embed-content">{ +<div class="md-embed md-embed-vega-lite"><div class="embed-loading">Visualization</div><pre class="embed-content">{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "A simple radial chart with embedded data.", "data": { @@ -1365,5 +1365,5 @@ vega-lite = """<h1>vega-lite tests</h1> } } -</div></div> +</pre><div class="embed-container"></div></div> """