TypeError: Cannot read property '_layerAdd' of null

I using leaflet v1.3.3 jest v 22.4.3

My code

import L from 'leaflet'

describe('TEST', () => {
  it('Circle', () => {
    const mapElement = document.createElement('div')
    mapElement.setAttribute('id', 'map')
    document.body.appendChild(mapElement)
    let map = L.map('map', {
    }).setView([1,  1], 14)
    L.circle([1,  1]).addTo(map)
    expect(123).toBe(123)
  })
})

Run yarn test

The results here:

TypeError: Cannot read property '_layerAdd' of null

       8 |     let map = L.map('map', {
       9 |     }).setView([1,  1], 14)
    > 10 |     L.circle([1,  1]).addTo(map)
      11 |     expect(123).toBe(123)
      12 |   })
      13 | })

      at NewClass.addLayer (node_modules/leaflet/src/layer/Layer.js:158:14)
      at NewClass.getRenderer (node_modules/leaflet/src/layer/vector/Renderer.getRenderer.js:21:9)
      at NewClass.beforeAdd (node_modules/leaflet/src/layer/vector/Path.js:80:24)
      at NewClass.addLayer (node_modules/leaflet/src/layer/Layer.js:169:10)
      at NewClass.addTo (node_modules/leaflet/src/layer/Layer.js:52:7)
      at Object.addTo (spec/javascript/abc.spec.js:10:38)

When I use L.circle or L.polyline it will get this error.

[kentr]

Adding this in case it helps someone.

If you don’t want to mock Leaflet for whatever reason and want to continue using the SVG renderer, another fix for this error is to add a stub function for createSVGRect in the test environment, as suggested by Vadim Gremyachev.

[xiel]

What I can recommend for testing is the following, just mock leaflet using this in your test file, that is rendering the map component: jest.mock('leaflet')

And then you place this leaflet mock you can find in react-leaflet into the jest mocks folder (__mocks__/leaflet.js, download current file from: https://github.com/PaulLeCam/react-leaflet/blob/master/__mocks__/leaflet.js)

That should be enough in most cases.