describe('Editor docs tests', () => {
  beforeEach(() => {
    cy.on('uncaught:exception', () => {
      return false;
    });
    cy.clearLocalStorage();
    cy.visit('/edit');
    cy.contains('Sample Diagrams').click();
  });

  it('Test default loading', () => {
    cy.get(`[data-cy=docs][href^="https://mermaid-js.github.io/mermaid"]`).should('exist');
  });

  it('Test to see if the correct URL loads when changing from one diagram to other', () => {
    cy.contains('Flow').click();
    cy.get(`[data-cy=docs][href$="/syntax/flowchart"]`).should('exist');

    cy.contains('Config').click();
    cy.get(`[data-cy=docs][href$="/syntax/flowchart?id=configuration"]`).should('exist');

    cy.contains('Sequence').click();
    cy.get(`[data-cy=docs][href$="/syntax/sequenceDiagram?id=configuration"]`).should('exist');

    cy.contains('Code').click();
    cy.get(`[data-cy=docs][href$="/syntax/sequenceDiagram"]`).should('exist');
  });

  it("Test to check URLs for a case where config URL doesn't exist", () => {
    cy.contains('State').click();
    cy.get(`[data-cy=docs][href$="/syntax/stateDiagram"]`).should('exist');

    cy.contains('Config').click();
    cy.get(`[data-cy=docs][href$="/syntax/stateDiagram"]`).should('exist');
  });
});