From 5922b75f08e21b2be52aa198bb481bc634775da2 Mon Sep 17 00:00:00 2001
From: kerwin612 <kerwin612@qq.com>
Date: Fri, 11 Mar 2022 15:11:18 +0800
Subject: [PATCH] add test for editor-docs

---
 cypress/integration/docMap.spec.ts | 90 ++++++++++++++++++++++++++++++
 src/routes/edit.svelte             |  2 +-
 2 files changed, 91 insertions(+), 1 deletion(-)
 create mode 100644 cypress/integration/docMap.spec.ts

diff --git a/cypress/integration/docMap.spec.ts b/cypress/integration/docMap.spec.ts
new file mode 100644
index 00000000..a0b64f0a
--- /dev/null
+++ b/cypress/integration/docMap.spec.ts
@@ -0,0 +1,90 @@
+describe('Editor docs tests', () => {
+	beforeEach(() => {
+		cy.clearLocalStorage();
+		cy.visit('/');
+	});
+
+	it('[Default] test', () => {
+		cy.get(`[data-cy=docs][href^="https://mermaid-js.github.io/mermaid"]`).should('exist');
+	});
+
+	it('[Flow Chart] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('Flow Chart').click();
+		cy.get(`[data-cy=docs][href$="/#/flowchart"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/flowchart?id=configuration"]`).should('exist');
+	});
+
+	it('[Sequence Diagram] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('Sequence Diagram').click();
+		cy.get(`[data-cy=docs][href$="/#/sequenceDiagram"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/sequenceDiagram?id=configuration"]`).should('exist');
+	});
+
+	it('[Class Diagram] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('Class Diagram').click();
+		cy.get(`[data-cy=docs][href$="/#/classDiagram"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/classDiagram?id=configuration"]`).should('exist');
+	});
+
+	it('[State Diagram] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('State Diagram').click();
+		cy.get(`[data-cy=docs][href$="/#/stateDiagram"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/stateDiagram"]`).should('exist');
+	});
+
+	it('[Gantt Chart] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('Gantt Chart').click();
+		cy.get(`[data-cy=docs][href$="/#/gantt"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/gantt?id=configuration"]`).should('exist');
+	});
+
+	it('[Pie Chart] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('Pie Chart').click();
+		cy.get(`[data-cy=docs][href$="/#/pie"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/pie"]`).should('exist');
+	});
+
+	it('[ER Diagram] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('ER Diagram').click();
+		cy.get(`[data-cy=docs][href$="/#/entityRelationshipDiagram"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/entityRelationshipDiagram?id=styling"]`).should('exist');
+	});
+
+	it('[User Journey] test', () => {
+		cy.contains('Sample Diagrams').click();
+
+		cy.contains('User Journey').click();
+		cy.get(`[data-cy=docs][href$="/#/user-journey"]`).should('exist');
+
+		cy.contains('Config').click();
+		cy.get(`[data-cy=docs][href$="/#/user-journey"]`).should('exist');
+	});
+});
diff --git a/src/routes/edit.svelte b/src/routes/edit.svelte
index d31b4036..b85b6459 100644
--- a/src/routes/edit.svelte
+++ b/src/routes/edit.svelte
@@ -195,7 +195,7 @@
 						{/if}
 
 						<button class="btn btn-secondary btn-xs" title="View documentation">
-							<a target="_blank" href={docURL}><i class="fas fa-book mr-1" />Docs</a>
+							<a target="_blank" href={docURL} data-cy="docs"><i class="fas fa-book mr-1" />Docs</a>
 						</button>
 					</div>
 				</div>