From 64871956b3316196abfc3b5f3d5bb30a9c054341 Mon Sep 17 00:00:00 2001
From: Devin Howard <devin@callysto.com>
Date: Sat, 6 May 2017 17:22:52 -0700
Subject: [PATCH] start testing InfoAndHelp component

---
 .../components/common/InfoAndHelp.spec.js     | 69 +++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 frontend/test/components/common/InfoAndHelp.spec.js

diff --git a/frontend/test/components/common/InfoAndHelp.spec.js b/frontend/test/components/common/InfoAndHelp.spec.js
new file mode 100644
index 00000000..adc05190
--- /dev/null
+++ b/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 })
+  })
+})
+