Kibana home page tests (#15098)

Couple of tests to make sure Kibana home page isn't breaking.

src/core_plugins/kibana/public/home/components/synopsis.js

@@ -19,7 +19,11 @@ export function Synopsis({ description, iconUrl, title, url }) {
   }
 
   return (
-    <a href={url} className="kuiLink synopsis">
+    <a
+      href={url}
+      className="kuiLink synopsis"
+      data-test-subj={`homeSynopsisLink${title.toLowerCase()}`}
+    >
       <KuiFlexGroup>
         <KuiFlexItem grow={false}>{img}</KuiFlexItem>
         <KuiFlexItem className="synopsisContent">

src/ui/public/chrome/directives/global_nav/global_nav.html

@@ -6,7 +6,7 @@
 
   <!-- Logo -->
   <div class="global-nav__logo">
-    <a href="{{ getHref('/app/kibana#/home') }}">
+    <a href="{{ getHref('/app/kibana#/home') }}" data-test-subj="kibanaLogo">
       <li
         ng-if="!logoBrand && !smallLogoBrand"
         aria-label="{{ appTitle }} Logo"

test/functional/apps/home/_home.js

@@ -0,0 +1,24 @@
+import expect from 'expect.js';
+
+
+export default function ({ getService, getPageObjects }) {
+  const remote = getService('remote');
+  const PageObjects = getPageObjects(['common', 'home']);
+
+  describe('Kibana takes you home', function describeIndexTests() {
+
+    it('clicking on kibana logo should take you to home page', async ()=> {
+      await PageObjects.common.navigateToApp('settings');
+      await PageObjects.home.clickKibanaIcon();
+      const url = await remote.getCurrentUrl();
+      expect(url.includes('/app/kibana#/home')).to.be(true);
+    });
+
+    it('clicking on console on homepage should take you to console app', async ()=> {
+      await PageObjects.home.clickSynopsis('console');
+      const url = await remote.getCurrentUrl();
+      expect(url.includes('/app/kibana#/dev_tools/console?_g=()')).to.be(true);
+    });
+
+  });
+}

test/functional/apps/home/index.js

@@ -0,0 +1,11 @@
+export default function ({ getService, loadTestFile }) {
+  const remote = getService('remote');
+
+  describe('homepage app', function () {
+    before(function () {
+      return remote.setWindowSize(1200, 800);
+    });
+
+    loadTestFile(require.resolve('./_home'));
+  });
+}

test/functional/config.js

@@ -5,6 +5,7 @@ import {
   ContextPageProvider,
   DiscoverPageProvider,
   HeaderPageProvider,
+  HomePageProvider,
   DashboardPageProvider,
   VisualizePageProvider,
   SettingsPageProvider,
@@ -35,6 +36,7 @@ export default async function ({ readConfigFile }) {
       require.resolve('./apps/context'),
       require.resolve('./apps/dashboard'),
       require.resolve('./apps/discover'),
+      require.resolve('./apps/home'),
       require.resolve('./apps/management'),
       require.resolve('./apps/status_page'),
       require.resolve('./apps/timelion'),
@@ -48,6 +50,7 @@ export default async function ({ readConfigFile }) {
       context: ContextPageProvider,
       discover: DiscoverPageProvider,
       header: HeaderPageProvider,
+      home: HomePageProvider,
       dashboard: DashboardPageProvider,
       visualize: VisualizePageProvider,
       settings: SettingsPageProvider,

test/functional/page_objects/home_page.js

@@ -0,0 +1,19 @@
+
+export function HomePageProvider({ getService }) {
+  const testSubjects = getService('testSubjects');
+  //const PageObjects = getPageObjects(['common', 'header']);
+  class HomePage {
+
+    async clickKibanaIcon() {
+      await testSubjects.click('kibanaLogo');
+    }
+
+    async clickSynopsis(title) {
+      await testSubjects.click(`homeSynopsisLink${title}`);
+    }
+
+
+  }
+
+  return new HomePage();
+}

test/functional/page_objects/index.js

@@ -4,6 +4,7 @@ export { ShieldPageProvider } from './shield_page';
 export { ContextPageProvider } from './context_page';
 export { DiscoverPageProvider } from './discover_page';
 export { HeaderPageProvider } from './header_page';
+export { HomePageProvider } from './home_page';
 export { DashboardPageProvider } from './dashboard_page';
 export { VisualizePageProvider } from './visualize_page';
 export { SettingsPageProvider } from './settings_page';