polygon.spec.js

describe('Draw & Edit Polygons', () => {
  it('correctly draws a polygon', () => {

    cy.toolbarButton('polygon')
      .closest('.button-container')
      .should('have.not.class', 'active');

    cy.toolbarButton('polygon')
      .click()
      .closest('.button-container')
      .should('have.class', 'active');

    cy.get('#map')
      .click(390, 250)
      .click(400, 50)
      .click(450, 50)
      .click(450, 150)
      .click(390, 250);

    cy.hasVertexMarkers(0);

    cy.toolbarButton('edit')
      .click()
      .closest('.button-container')
      .should('have.class', 'active');

    cy.hasVertexMarkers(4);

    cy.toolbarButton('cut')
      .click()
      .closest('.button-container')
      .should('have.class', 'active');

    cy.get('#map')
      .click(300, 200)
      .click(320, 100)
      .click(450, 100)
      .click(450, 250)
      .click(300, 200);

    cy.hasVertexMarkers(0);

    cy.toolbarButton('edit').click();

    cy.hasVertexMarkers(8);
    cy.hasMiddleMarkers(8);
  });
});