describe('Rich Graph Rendering', () => {
  it('renders a graph', () => {
    cy.visit('/');

    cy.get('.react-flow__renderer');

    cy.get('.react-flow__node').should('have.length', 6);
    cy.get('.react-flow__edge').should('have.length', 5);
  });

  it('renders a grid', () => {
    cy.get('.react-flow__grid');

    const gridStroke = Cypress.$('.react-flow__grid path').attr('fill');
    expect(gridStroke).to.equal('#888');
  });
});