digitransit-ui/test/unit/component/map/LocationMarker.test.js

import React from 'react';

import { shallowWithIntl } from '../../helpers/mock-intl-enzyme';
import LocationMarker from '../../../../app/component/map/LocationMarker';

describe('<LocationMarker />', () => {
  it('should use a large icon size', () => {
    const props = {
      isLarge: true,
      position: {
        address: 'Katariina Saksilaisen katu 12, Helsinki',
        lat: 60.215977901541855,
        lon: 24.987739389762282,
      },
    };
    const wrapper = shallowWithIntl(<LocationMarker {...props} />);
    const { icon } = wrapper.props();
    expect(icon.iconSize).to.deep.equal([30, 30]);
    expect(icon.iconAnchor).to.deep.equal([15, 30]);
  });

  it('should apply the className based on type', () => {
    const props = {
      position: {
        address: 'Katariina Saksilaisen katu 12, Helsinki',
        lat: 60.215977901541855,
        lon: 24.987739389762282,
      },
      type: 'from',
    };
    const wrapper = shallowWithIntl(<LocationMarker {...props} />);
    expect(wrapper.props().className).to.equal('from');
    expect(wrapper.props().icon.className).to.equal('from');
  });

  it('should include the given className', () => {
    const props = {
      className: 'foobar',
      position: {
        address: 'Katariina Saksilaisen katu 12, Helsinki',
        lat: 60.215977901541855,
        lon: 24.987739389762282,
      },
    };
    const wrapper = shallowWithIntl(<LocationMarker {...props} />);
    expect(wrapper.props().className).to.contain('foobar');
    expect(wrapper.props().icon.className).to.contain('foobar');
  });

  it('should construct the img id based on type', () => {
    const props = {
      position: {
        address: 'Katariina Saksilaisen katu 12, Helsinki',
        lat: 60.215977901541855,
        lon: 24.987739389762282,
      },
      type: 'to',
    };
    const wrapper = shallowWithIntl(<LocationMarker {...props} />);
    expect(wrapper.props().icon.element.props.img).to.equal(
      'icon-icon_mapMarker-map',
    );
  });
});