From 6d48a50c2a4ecff9188e4d2c9f7d426ba4398294 Mon Sep 17 00:00:00 2001
From: Spencer <email@spalger.com>
Date: Wed, 26 May 2021 05:18:13 -0700
Subject: [PATCH] [ftr] migrate "globalNav" service to FtrService class
 (#100604)

Co-authored-by: spalger <spalger@users.noreply.github.com>
---
 test/functional/services/global_nav.ts | 71 +++++++++++++-------------
 test/functional/services/index.ts      |  4 +-
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/test/functional/services/global_nav.ts b/test/functional/services/global_nav.ts
index ec404bcb068e94..4ce8ed6cb79dde 100644
--- a/test/functional/services/global_nav.ts
+++ b/test/functional/services/global_nav.ts
@@ -7,50 +7,49 @@
  */
 
 import expect from '@kbn/expect';
-import { FtrProviderContext } from '../ftr_provider_context';
+import { FtrService } from '../ftr_provider_context';
 
-export function GlobalNavProvider({ getService }: FtrProviderContext) {
-  const testSubjects = getService('testSubjects');
+export class GlobalNavService extends FtrService {
+  private readonly testSubjects = this.ctx.getService('testSubjects');
 
-  class GlobalNav {
-    public async moveMouseToLogo(): Promise<void> {
-      await testSubjects.moveMouseTo('headerGlobalNav > logo');
-    }
-
-    public async clickLogo(): Promise<void> {
-      return await testSubjects.click('headerGlobalNav > logo');
-    }
+  public async moveMouseToLogo(): Promise<void> {
+    await this.testSubjects.moveMouseTo('headerGlobalNav > logo');
+  }
 
-    public async clickNewsfeed(): Promise<void> {
-      return await testSubjects.click('headerGlobalNav > newsfeed');
-    }
+  public async clickLogo(): Promise<void> {
+    return await this.testSubjects.click('headerGlobalNav > logo');
+  }
 
-    public async exists(): Promise<boolean> {
-      return await testSubjects.exists('headerGlobalNav');
-    }
+  public async clickNewsfeed(): Promise<void> {
+    return await this.testSubjects.click('headerGlobalNav > newsfeed');
+  }
 
-    public async getFirstBreadcrumb(): Promise<string> {
-      return await testSubjects.getVisibleText(
-        'headerGlobalNav > breadcrumbs > ~breadcrumb & ~first'
-      );
-    }
+  public async exists(): Promise<boolean> {
+    return await this.testSubjects.exists('headerGlobalNav');
+  }
 
-    public async getLastBreadcrumb(): Promise<string> {
-      return await testSubjects.getVisibleText(
-        'headerGlobalNav > breadcrumbs > ~breadcrumb & ~last'
-      );
-    }
+  public async getFirstBreadcrumb(): Promise<string> {
+    return await this.testSubjects.getVisibleText(
+      'headerGlobalNav > breadcrumbs > ~breadcrumb & ~first'
+    );
+  }
 
-    public async badgeExistsOrFail(expectedLabel: string): Promise<void> {
-      await testSubjects.existOrFail('headerBadge');
-      const actualLabel = await testSubjects.getAttribute('headerBadge', 'data-test-badge-label');
-      expect(actualLabel.toUpperCase()).to.equal(expectedLabel.toUpperCase());
-    }
+  public async getLastBreadcrumb(): Promise<string> {
+    return await this.testSubjects.getVisibleText(
+      'headerGlobalNav > breadcrumbs > ~breadcrumb & ~last'
+    );
+  }
 
-    public async badgeMissingOrFail(): Promise<void> {
-      await testSubjects.missingOrFail('headerBadge');
-    }
+  public async badgeExistsOrFail(expectedLabel: string): Promise<void> {
+    await this.testSubjects.existOrFail('headerBadge');
+    const actualLabel = await this.testSubjects.getAttribute(
+      'headerBadge',
+      'data-test-badge-label'
+    );
+    expect(actualLabel.toUpperCase()).to.equal(expectedLabel.toUpperCase());
   }
 
-  return new GlobalNav();
+  public async badgeMissingOrFail(): Promise<void> {
+    await this.testSubjects.missingOrFail('headerBadge');
+  }
 }
diff --git a/test/functional/services/index.ts b/test/functional/services/index.ts
index fc90fcdb2d52e4..b1443244d2c5a7 100644
--- a/test/functional/services/index.ts
+++ b/test/functional/services/index.ts
@@ -29,7 +29,7 @@ import { DocTableService } from './doc_table';
 import { EmbeddingProvider } from './embedding';
 import { FilterBarService } from './filter_bar';
 import { FlyoutProvider } from './flyout';
-import { GlobalNavProvider } from './global_nav';
+import { GlobalNavService } from './global_nav';
 import { InspectorProvider } from './inspector';
 import { FieldEditorService } from './field_editor';
 import { ManagementMenuProvider } from './management';
@@ -78,7 +78,7 @@ export const services = {
   fieldEditor: FieldEditorService,
   vegaDebugInspector: VegaDebugInspectorViewProvider,
   appsMenu: AppsMenuProvider,
-  globalNav: GlobalNavProvider,
+  globalNav: GlobalNavService,
   toasts: ToastsProvider,
   savedQueryManagementComponent: SavedQueryManagementComponentProvider,
   elasticChart: ElasticChartProvider,