@hackoregon/component-library/src/BaseMap/BaseMap.test.js

Official repo for Hack Oregon React component library

import React from "react";
import { shallow } from "enzyme";
import BaseMap from "./BaseMap";
import ScatterPlotMap from "../ScatterPlotMap/ScatterPlotMap";

const MAPBOX_TOKEN =
  "pk.eyJ1IjoiaGFja29yZWdvbiIsImEiOiJjamk0MGZhc2cwNDl4M3FsdHAwaG54a3BnIn0.Fq1KA0IUwpeKQlFIoaEn_Q";

// React Dimensions doesn't render its contents when it has no height or width
describe.skip("BaseMap", () => {
  const defaultProps = {};

  it("should render a MapGL component", () => {
    const wrapper = shallow(<BaseMap {...defaultProps} />);

    expect(wrapper.find(".MapGL")).to.have.length(1);
  });

  it("should include required prop mapboxApiAccessToken", () => {
    const wrapper = shallow(<BaseMap {...defaultProps} />);

    expect(wrapper.find(".MapGL").prop("mapboxApiAccessToken")).to.eql(
      MAPBOX_TOKEN
    );
  });

  it("should render child NavigationControl component", () => {
    const wrapper = shallow(<BaseMap {...defaultProps} />);

    expect(wrapper.find(".MapGL").children()).to.have.length(1);
  });

  it("should render child deck.gl layer component", () => {
    const data = [
      {
        geometry: {
          type: "Point",
          coordinates: [0, 0]
        }
      }
    ];

    const wrapper = shallow(
      <BaseMap {...defaultProps}>
        <ScatterPlotMap data={data} />
      </BaseMap>
    );

    expect(wrapper.find(".MapGL").children()).to.have.length(2);
  });
});