Реагировать на юнит-тестирование Leaflet - PullRequest
Новая
       7

Реагировать на юнит-тестирование Leaflet

0 голосов
/ 05 сентября 2018

У меня проблема с модулем тестирования компонента карты.

Мой компонент класса: 

componentDidMount() {
    const { zoom, data, center } = this.props;
    const { activeButton } = this.state;
    if (data[activeButton] != null) {
      this.map = map('map', {
        center: data[activeButton].points ? data[activeButton].points[0] : center,
        zoom,
        layers: [tileLayer(...SETTINGS.mapTileLayer)],
      });
      if (data[activeButton].points != null) {
        this.addPolyline(data[activeButton].points);
      }
    }
  }

  addPolyline = (points: Points) => {
    if (this.polyline != null) {
      this.map.removeLayer(this.polyline);
      this.map.removeLayer(this.marker.start);
      this.map.removeLayer(this.marker.stop);
    }

    if (points != null && points[0] != null) {
      this.polyline = new Polyline(points, SETTINGS.polyline);

      this.marker.start = new Marker(points[0]);
      this.marker.stop = new Marker(points[points.length - 1]);

      this.polyline.addTo(this.map);
      this.marker.start.addTo(this.map);
      this.marker.stop.addTo(this.map);

      this.map.panTo(points[0]);
    }
  };

Юнит тест с Jest и энзимом 

function getComponent(mockData) {
  return <Map data={mockData} />;
}

const mockData = [
  { id: 0, name: '1', distance: '1', points: [[0, 0], [1, 1]] },
  { id: 1, name: '2', distance: '2', points: [[0, 0], [1, 1]] },
];

describe('LastActivity component', () => {  
  it('button click', () => {
    const wrapper = mount(getComponent(mockData), { attachTo: document.body });

...etc...
});

С этим тестом я получаю

TypeError: Невозможно прочитать свойство '_layerAdd' с нулевым значением

this.polyline AddTo (this.map);.

Когда я закомментирую строку этой строки

* * This.polyline.addTo тысячу двадцать-один (this.map);

Все отлично работает и тесты проходят

package.json: 

"enzyme-adapter-react-16": "1.2.0",
"enzyme": "3.4.4",
"react": "16.4.2",
"react-dom": "16.4.2",
"leaflet": "1.3.4",
"jest": "23.5.0",
"jest-cli": "23.5.0",

1 Ответ

0 голосов
/ 05 сентября 2018

Я вижу кучу связанных вопросов на github листовки. Похоже, что сопровождающий имеет что-то против фреймворков. Проверьте https://react -leaflet.js.org / , который должен лучше работать с реагировать.

...