From 1b54ce18ab89aeec5e84a2c6ad01c24eec0432da Mon Sep 17 00:00:00 2001
From: Mike Stone <mikestone14@gmail.com>
Date: Mon, 30 Jan 2017 15:14:15 -0500
Subject: [PATCH] Fetch hosts when a label is clicked in the Host Side Panel
 (#1124)

---
 .../hosts/ManageHostsPage/ManageHostsPage.jsx     |  1 +
 .../ManageHostsPage/ManageHostsPage.tests.jsx     | 15 +++++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.jsx b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.jsx
index cae0b7c847..e2509c306d 100644
--- a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.jsx
+++ b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.jsx
@@ -167,6 +167,7 @@ export class ManageHostsPage extends Component {
       const { slug } = selectedLabel;
       const nextLocation = slug === 'all-hosts' ? MANAGE_HOSTS : `${MANAGE_HOSTS}/${slug}`;
 
+      dispatch(hostActions.loadAll());
       dispatch(push(nextLocation));
 
       return false;
diff --git a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tests.jsx b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tests.jsx
index 62513b8a59..c45e065ac4 100644
--- a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tests.jsx
+++ b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tests.jsx
@@ -76,6 +76,21 @@ describe('ManageHostsPage - component', () => {
 
       expect(page.find('QuerySidePanel').length).toEqual(1);
     });
+
+    it('fetches all hosts when a label is clicked', () => {
+      const labels = [windowsLabel];
+      const pageProps = { ...props, labels };
+      const Page = mount(<ManageHostsPage {...pageProps} />);
+      const SidePanel = Page.find('HostSidePanel');
+
+      spyOn(hostActions, 'loadAll');
+
+      expect(hostActions.loadAll).toNotHaveBeenCalled();
+
+      SidePanel.find('.panel-group-item__platform--windows').simulate('click');
+
+      expect(hostActions.loadAll).toHaveBeenCalled();
+    });
   });
 
   describe('header', () => {