start testing InfoAndHelp component

frontend/test/components/common/InfoAndHelp.spec.js

@@ -0,0 +1,69 @@
+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)
+  })
+}
+
+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 })
+  })
+})
+