Add e2e tests for diagrams and embeddings (#1025)

cypress/integration/diagrams.spec.ts

@@ -0,0 +1,74 @@
+/*
+ * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+describe('Diagram codeblock ', () => {
+  beforeEach(() => {
+    cy.visitTestEditor()
+  })
+
+  it('renders markmap', () => {
+    cy.codemirrorFill('```markmap\n- pro\n- contra\n```')
+    cy.getMarkdownBody()
+      .find('[data-cy=markmap]')
+      .children()
+      .should('be.visible')
+  })
+
+  it('renders vega-lite', () => {
+    cy.codemirrorFill('```vega-lite\n{"$schema":"https://vega.github.io/schema/vega-lite/v4.json","data":{"values":[{"a":"","b":28}]},"mark":"bar","encoding":{"x":{"field":"a"},"y":{"field":"b"}}}\n```')
+    cy.getMarkdownBody()
+      .find('.vega-embed')
+      .children()
+      .should('be.visible')
+  })
+
+  it('renders graphviz', () => {
+    cy.codemirrorFill('```graphviz\ngraph {\na -- b\n}\n```')
+    cy.getMarkdownBody()
+      .find('[data-cy=graphviz]')
+      .children()
+      .should('be.visible')
+  })
+
+  it('renders mermaid', () => {
+    cy.codemirrorFill('```mermaid\ngraph TD;\n    A-->B;\n```')
+    cy.getMarkdownBody()
+      .find('.mermaid')
+      .children()
+      .should('be.visible')
+  })
+
+  it('renders flowcharts', () => {
+    cy.codemirrorFill('```flow\nst=>start: Start\ne=>end: End\nst->e\n```')
+    cy.getMarkdownBody()
+      .find('[data-cy=flowchart]')
+      .children()
+      .should('be.visible')
+  })
+
+  it('renders abc scores', () => {
+    cy.codemirrorFill('```abc\nM:4/4\nK:G\n|:GABc dedB:|\n```')
+    cy.getMarkdownBody()
+      .find('.abcjs-score')
+      .children()
+      .should('be.visible')
+  })
+
+  it('renders csv as table', () => {
+    cy.codemirrorFill('```csv delimiter=; header\na;b;c;d\n1;2;3;4\n```')
+    cy.getMarkdownBody()
+      .find('.csv-html-table')
+      .should('be.visible')
+  })
+
+  it('renders plantuml', () => {
+    cy.codemirrorFill('```plantuml\nclass Example\n```')
+    cy.getMarkdownBody()
+      .find('img')
+      // PlantUML uses base64 encoded version of zip-deflated PlantUML code in the request URL.
+      .should('have.attr', 'src', 'http://mock-plantuml.local/svg/SoWkIImgAStDuKhEIImkLd2jICmjo4dbSaZDIm6A0W00')
+  })
+})