From a1ff77443ec38dcde79bc9b78e839d8c0de0b366 Mon Sep 17 00:00:00 2001
From: dej611 <dej611@gmail.com>
Date: Tue, 22 Dec 2020 12:36:08 +0100
Subject: [PATCH] :white_check_mark: Add more axis tests + value labels

---
 .../test/functional/apps/lens/smokescreen.ts  | 42 +++++++++++++++++++
 .../test/functional/page_objects/lens_page.ts |  4 ++
 2 files changed, 46 insertions(+)

diff --git a/x-pack/test/functional/apps/lens/smokescreen.ts b/x-pack/test/functional/apps/lens/smokescreen.ts
index 70032e43177930..60e646a6a0ae28 100644
--- a/x-pack/test/functional/apps/lens/smokescreen.ts
+++ b/x-pack/test/functional/apps/lens/smokescreen.ts
@@ -230,6 +230,48 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       });
     });
 
+    it('should show value labels on bar charts when enabled', async () => {
+      // enable value labels
+      await PageObjects.lens.toggleToolbarPopover('lnsValuesButton');
+      await testSubjects.click('lnsXY_valueLabels_inside');
+
+      // check for value labels
+      await retry.tryForTime(3000, async () => {
+        const data = await PageObjects.lens.getCurrentChartDebugState();
+        expect(data?.bars?.[0].labels).not.to.eql(0);
+      });
+
+      // switch to stacked bar chart
+      await PageObjects.lens.switchToVisualization('bar_stacked');
+
+      // check for value labels
+      await retry.tryForTime(3000, async () => {
+        const data = await PageObjects.lens.getCurrentChartDebugState();
+        expect(data?.bars?.[0].labels.length).to.eql(0);
+      });
+    });
+
+    it('should override axis title', async () => {
+      const axisTitle = 'overridden axis';
+      await PageObjects.lens.toggleToolbarPopover('lnsLeftAxisButton');
+      await testSubjects.setValue('lnsyLeftAxisTitle', axisTitle, {
+        clearWithKeyboard: true,
+      });
+
+      await retry.tryForTime(3000, async () => {
+        const data = await PageObjects.lens.getCurrentChartDebugState();
+        expect(data?.axes?.y?.[0].title).to.eql(axisTitle);
+      });
+
+      // hide the gridlines
+      await testSubjects.click('lnsshowyLeftAxisGridlines');
+
+      await retry.tryForTime(3000, async () => {
+        const data = await PageObjects.lens.getCurrentChartDebugState();
+        expect(data?.axes?.y?.[0].gridlines.length).to.eql(0);
+      });
+    });
+
     it('should transition from a multi-layer stacked bar to donut chart using suggestions', async () => {
       await PageObjects.visualize.navigateToNewVisualization();
       await PageObjects.visualize.clickVisType('lens');
diff --git a/x-pack/test/functional/page_objects/lens_page.ts b/x-pack/test/functional/page_objects/lens_page.ts
index c5c42a61b40e8e..fdc3f6fdb822f1 100644
--- a/x-pack/test/functional/page_objects/lens_page.ts
+++ b/x-pack/test/functional/page_objects/lens_page.ts
@@ -191,6 +191,10 @@ export function LensPageProvider({ getService, getPageObjects }: FtrProviderCont
       });
     },
 
+    async toggleToolbarPopover(buttonTestSub: string) {
+      await testSubjects.click(buttonTestSub);
+    },
+
     /**
      * Open the specified dimension.
      *