knsv/mermaid

View on GitHub
cypress/platform/ghsa1.html

Summary

Maintainability
Test Coverage
<html>
  <script>
    //      %%{ init: { "logLevel":0, "themeVariables" : { "primaryColor": "#fff000","textColor": "green","apa":"} #target { background-color: crimson }" } } }%%
  </script>
  <body>
    <div id="target">
      <h1>Background should be yellow!!!</h1>
    </div>
    <svg id="diagram"></svg>

    <script type="module">
      import mermaid from './mermaid.esm.mjs';
      mermaid.initialize({ startOnLoad: false, logLevel: 0 });

      const graph = `
      %%{ init: { "themeVariables" : { "textColor": "green;} #target { background-color: crimson }", "mainBkg": "#fff000" } } }%%
             graph TD
                 A[Goose]
             `;

      const diagram = document.getElementById('diagram');
      const { svg } = await mermaid.render('diagram-svg', graph);
      diagram.innerHTML = svg;
      if (window.Cypress) {
        window.rendered = true;
      }
    </script>
  </body>
</html>