99 lines
3.5 KiB
JavaScript
99 lines
3.5 KiB
JavaScript
/* global describe, it */
|
|
import React from 'react'
|
|
import { expect } from 'chai'
|
|
import { shallow } from 'enzyme'
|
|
import sinon from 'sinon'
|
|
|
|
import InfoAndHelp from '../../../src/components/common/InfoAndHelp.js'
|
|
import MapInfoBox from '../../../src/components/MapView/MapInfoBox.js'
|
|
|
|
function assertContent({ currentUser, map }) {
|
|
const onInfoClick = sinon.spy()
|
|
const onHelpClick = sinon.spy()
|
|
const onStarClick = sinon.spy()
|
|
const wrapper = shallow(
|
|
<InfoAndHelp map={map} currentUser={currentUser}
|
|
onInfoClick={onInfoClick}
|
|
onHelpClick={onHelpClick}
|
|
onMapStar={onStarClick}
|
|
mapIsStarred={false}
|
|
/>)
|
|
|
|
if (map) {
|
|
it('renders MapInfoBox', () => { expect(wrapper.find(MapInfoBox)).to.exist })
|
|
it('renders Map Info icon', () => {
|
|
expect(wrapper.find('.mapInfoIcon')).to.exist
|
|
expect(wrapper.find('.mapInfoIcon .tooltipsAbove').text()).to.equal('Map Info')
|
|
wrapper.find('.mapInfoIcon').simulate('click')
|
|
expect(onInfoClick).to.have.property('callCount', 1)
|
|
})
|
|
} else {
|
|
it('does not render MapInfoBox', () => { expect(wrapper.find(MapInfoBox).length).to.equal(0) })
|
|
it('does not render Map Info icon', () => { expect(wrapper.find('.mapInfoIcon').length).to.equal(0) })
|
|
}
|
|
|
|
if (map && currentUser) {
|
|
it('renders Star icon', () => {
|
|
expect(wrapper.find('.starMap')).to.exist
|
|
wrapper.find('.starMap').simulate('click')
|
|
expect(onStarClick).to.have.property('callCount', 1)
|
|
})
|
|
} else {
|
|
it('does not render the Star icon', () => { expect(wrapper.find('.starMap').length).to.equal(0) })
|
|
}
|
|
|
|
// common content
|
|
it('renders Help icon', function() {
|
|
expect(wrapper.find('.openCheatsheet')).to.exist
|
|
expect(wrapper.find('.openCheatsheet .tooltipsAbove').text()).to.equal('Help')
|
|
wrapper.find('.openCheatsheet').simulate('click')
|
|
expect(onHelpClick).to.have.property('callCount', 1)
|
|
})
|
|
it('renders clearfloat at the end', function() {
|
|
const clearfloat = wrapper.find('.clearfloat')
|
|
expect(clearfloat).to.exist
|
|
expect(wrapper.find('.infoAndHelp').children().last()).to.eql(clearfloat)
|
|
})
|
|
}
|
|
|
|
function assertStarLogic({ mapIsStarred }) {
|
|
const onMapStar = sinon.spy()
|
|
const onMapUnstar = sinon.spy()
|
|
const wrapper = shallow(
|
|
<InfoAndHelp map={{}} currentUser={{}}
|
|
onMapStar={onMapStar}
|
|
onMapUnstar={onMapUnstar}
|
|
mapIsStarred={mapIsStarred}
|
|
/>)
|
|
const starWrapper = wrapper.find('.starMap')
|
|
starWrapper.simulate('click')
|
|
if (mapIsStarred) {
|
|
it('has unstar content', () => {
|
|
expect(starWrapper.hasClass('starred')).to.equal(true)
|
|
expect(starWrapper.find('.tooltipsAbove').text()).to.equal('Unstar')
|
|
expect(onMapStar).to.have.property('callCount', 0)
|
|
expect(onMapUnstar).to.have.property('callCount', 1)
|
|
})
|
|
} else {
|
|
it('has star content', () => {
|
|
expect(starWrapper.hasClass('starred')).to.equal(false)
|
|
expect(starWrapper.find('.tooltipsAbove').text()).to.equal('Star')
|
|
expect(onMapStar).to.have.property('callCount', 1)
|
|
expect(onMapUnstar).to.have.property('callCount', 0)
|
|
})
|
|
}
|
|
}
|
|
|
|
describe('InfoAndHelp', function() {
|
|
describe('no currentUser, map is present', function() {
|
|
assertContent({ currentUser: null, map: {} })
|
|
})
|
|
describe('currentUser is present, map is present', function() {
|
|
assertContent({ currentUser: {}, map: {} })
|
|
})
|
|
describe('no currentUser, no map', function() {
|
|
assertContent({ currentUser: null, map: null })
|
|
})
|
|
assertStarLogic({ mapIsStarred: true })
|
|
assertStarLogic({ mapIsStarred: false })
|
|
})
|