index.js inside cypress/support

index.js

import './commands';

beforeEach(() => {
  // create the map
  cy.visit('/index.html', {
    onLoad: (contentWindow) => {
        const { L } = contentWindow;

        // OSM tiles
        const tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
          attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        })

        // create the map
        const map = L.map('map')
          .setView([51.505, -0.09], 13)
          .addLayer(tiles);

        contentWindow.map = map;

        // add leaflet.pm toolbar
        map.pm.addControls();
    },
  });
});