From 9c33e967b2183499ba48a08cb66fc7dc600091ad Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Thu, 16 Sep 2021 13:27:56 -0500
Subject: [PATCH 01/14] Bumping EUI to 38.0.0

---
 package.json                      | 2 +-
 src/dev/license_checker/config.ts | 2 +-
 yarn.lock                         | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 7a5106a451c855..652a92cc1cebed 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.20",
     "@elastic/ems-client": "7.15.0",
-    "@elastic/eui": "37.6.0",
+    "@elastic/eui": "38.0.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/maki": "6.3.0",
diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts
index addedbb97f55ae..29ff0b29b3eec6 100644
--- a/src/dev/license_checker/config.ts
+++ b/src/dev/license_checker/config.ts
@@ -75,7 +75,7 @@ export const LICENSE_OVERRIDES = {
   '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   'node-sql-parser@3.6.1': ['(GPL-2.0 OR MIT)'], // GPL-2.0* https://github.com/taozhi8833998/node-sql-parser
   '@elastic/ems-client@7.15.0': ['Elastic License 2.0'],
-  '@elastic/eui@37.6.0': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/eui@38.0.0': ['SSPL-1.0 OR Elastic License 2.0'],
 
   // TODO can be removed if the https://github.com/jindw/xmldom/issues/239 is released
   'xmldom@0.1.27': ['MIT'],
diff --git a/yarn.lock b/yarn.lock
index 46b33311fbac7d..99ed96fec852ee 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1441,10 +1441,10 @@
   resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
   integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
 
-"@elastic/eui@37.6.0":
-  version "37.6.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-37.6.0.tgz#dc4fb2431e223047fa52b9035627c05a22197887"
-  integrity sha512-CeaKhwZCbTaq2h0cn3s9t0kGr+P+khVtYNa72zAVsH1Vhb6Ox0Z7cnvmn49qyjb3GnOHSYtQlbyrAcxqstfwbw==
+"@elastic/eui@38.0.0":
+  version "38.0.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-38.0.0.tgz#0b57088330b4b07a782c29611f28318544848196"
+  integrity sha512-jgXQAUSr96x04cqh73muGg8bvXvPR3PCvRkSwfyKzWc9YC0YwZ24jeqziBwnIlzz7mcytV2aGpNtTHoXfEomVA==
   dependencies:
     "@types/chroma-js" "^2.0.0"
     "@types/lodash" "^4.14.160"

From 1d2d47667b90991752fa18cab3b7f5199a99c306 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Thu, 16 Sep 2021 16:09:35 -0500
Subject: [PATCH 02/14] Updating storyshots.test.tsx snapshot

---
 .../components/home/__snapshots__/home.stories.storyshot      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot b/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot
index 8359b186e4afd1..d3ab369dcc32cb 100644
--- a/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot
@@ -13,7 +13,7 @@ exports[`Storyshots Home Home Page 1`] = `
     className="euiPageBody euiPageBody--borderRadiusNone"
   >
     <header
-      className="euiPageHeader euiPageHeader--paddingLarge euiPageHeader--responsive euiPageHeader--tabsAtBottom euiPage--restrictWidth-default euiPageHeader--center"
+      className="euiPageHeader euiPageHeader--paddingLarge euiPageHeader--restrictWidth-default euiPageHeader--responsive euiPageHeader--tabsAtBottom euiPageHeader--center"
     >
       <div
         className="euiPageHeaderContent"
@@ -78,7 +78,7 @@ exports[`Storyshots Home Home Page 1`] = `
             className="euiSpacer euiSpacer--l"
           />
           <div
-            className="euiTabs euiTabs--condensed euiTabs--large"
+            className="euiTabs euiTabs--large euiTabs--condensed"
             role="tablist"
           >
             <button

From fe3334ad1a13683a1f38e80efc5a87a1c650312c Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Thu, 16 Sep 2021 16:51:26 -0500
Subject: [PATCH 03/14] Removing unneeded ID mock and updating snapshot.

---
 .../ui/header/__snapshots__/header.test.tsx.snap | 16 ++++++++--------
 src/core/public/chrome/ui/header/header.test.tsx |  4 ----
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 4450533090c7fc..e73d5e8002a029 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -4267,7 +4267,7 @@ exports[`Header renders 1`] = `
                     }
                     button={
                       <EuiHeaderSectionItemButton
-                        aria-controls="mockId"
+                        aria-controls="generated-id"
                         aria-expanded={false}
                         aria-label="Toggle primary navigation"
                         aria-pressed={false}
@@ -4337,7 +4337,7 @@ exports[`Header renders 1`] = `
                       }
                     }
                     homeHref="/"
-                    id="mockId"
+                    id="generated-id"
                     isLocked={true}
                     isNavOpen={false}
                     navLinks$={
@@ -4497,7 +4497,7 @@ exports[`Header renders 1`] = `
                       aria-label="Primary"
                       button={
                         <EuiHeaderSectionItemButton
-                          aria-controls="mockId"
+                          aria-controls="generated-id"
                           aria-expanded={false}
                           aria-label="Toggle primary navigation"
                           aria-pressed={false}
@@ -4511,14 +4511,14 @@ exports[`Header renders 1`] = `
                         </EuiHeaderSectionItemButton>
                       }
                       data-test-subj="collapsibleNav"
-                      id="mockId"
+                      id="generated-id"
                       isOpen={false}
                       onClose={[Function]}
                       ownFocus={false}
                       size={248}
                     >
                       <EuiHeaderSectionItemButton
-                        aria-controls="mockId"
+                        aria-controls="generated-id"
                         aria-expanded={false}
                         aria-label="Toggle primary navigation"
                         aria-pressed={false}
@@ -4528,14 +4528,14 @@ exports[`Header renders 1`] = `
                         onTouchEnd={[Function]}
                       >
                         <EuiButtonEmpty
-                          aria-controls="mockId"
+                          aria-controls="generated-id"
                           aria-expanded={false}
                           aria-label="Toggle primary navigation"
                           aria-pressed={false}
                           buttonRef={
                             Object {
                               "current": <button
-                                aria-controls="mockId"
+                                aria-controls="generated-id"
                                 aria-expanded="false"
                                 aria-label="Toggle primary navigation"
                                 aria-pressed="false"
@@ -4569,7 +4569,7 @@ exports[`Header renders 1`] = `
                           onTouchEnd={[Function]}
                         >
                           <button
-                            aria-controls="mockId"
+                            aria-controls="generated-id"
                             aria-expanded={false}
                             aria-label="Toggle primary navigation"
                             aria-pressed={false}
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index a3a0197b4017e0..2692f2dbd194f0 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -15,10 +15,6 @@ import { applicationServiceMock } from '../../../mocks';
 import { Header } from './header';
 import { ChromeBreadcrumbsAppendExtension } from '../../types';
 
-jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
-  htmlIdGenerator: () => () => 'mockId',
-}));
-
 function mockProps() {
   const http = httpServiceMock.createSetupContract({ basePath: '/test' });
   const application = applicationServiceMock.createInternalStartContract();

From 8b8a9e169dd70cd51fd2ee2378182704dbcc187b Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Mon, 20 Sep 2021 15:48:56 -0500
Subject: [PATCH 04/14] Fixing panel titles by splitting visible labels.

---
 test/functional/apps/dashboard/edit_embeddable_redirects.ts | 3 ++-
 test/functional/apps/dashboard/panel_replacing.ts           | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/test/functional/apps/dashboard/edit_embeddable_redirects.ts b/test/functional/apps/dashboard/edit_embeddable_redirects.ts
index 02f178a5153a22..05e7207c58d795 100644
--- a/test/functional/apps/dashboard/edit_embeddable_redirects.ts
+++ b/test/functional/apps/dashboard/edit_embeddable_redirects.ts
@@ -49,7 +49,8 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       const newPanelCount = await PageObjects.dashboard.getPanelCount();
       expect(newPanelCount).to.eql(originalPanelCount);
       const titles = await PageObjects.dashboard.getPanelTitles();
-      expect(titles.indexOf(newTitle)).to.not.be(-1);
+      const visibleTitles = titles.map((title) => title.split('\n')[1]);
+      expect(visibleTitles.indexOf(newTitle)).to.not.be(-1);
     });
 
     it('redirects via save as button after edit, adding a new panel', async () => {
diff --git a/test/functional/apps/dashboard/panel_replacing.ts b/test/functional/apps/dashboard/panel_replacing.ts
index b9ba731beee290..47dd235e00c351 100644
--- a/test/functional/apps/dashboard/panel_replacing.ts
+++ b/test/functional/apps/dashboard/panel_replacing.ts
@@ -50,8 +50,9 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardReplacePanel.replaceEmbeddable(AREA_CHART_VIS_NAME);
       await PageObjects.header.waitUntilLoadingHasFinished();
       const panelTitles = await PageObjects.dashboard.getPanelTitles();
-      expect(panelTitles.length).to.be(2);
-      expect(panelTitles[0]).to.be(AREA_CHART_VIS_NAME);
+      const visiblePanelTitles = panelTitles.map((panelTitle) => panelTitle.split('\n')[1]);
+      expect(visiblePanelTitles.length).to.be(2);
+      expect(visiblePanelTitles[0]).to.be(AREA_CHART_VIS_NAME);
       const newDimensions = await PageObjects.dashboard.getPanelDimensions();
       expect(intialDimensions![0]).to.eql(newDimensions[0]);
     });

From b7d622a17b2108c54e7a1bffc44916c445a2e900 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Tue, 21 Sep 2021 10:04:50 -0500
Subject: [PATCH 05/14] Updating one functional test for Discover > Data Grid

---
 test/functional/apps/discover/_data_grid.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/test/functional/apps/discover/_data_grid.ts b/test/functional/apps/discover/_data_grid.ts
index 4a343fb30384e3..ff3a95238c7e60 100644
--- a/test/functional/apps/discover/_data_grid.ts
+++ b/test/functional/apps/discover/_data_grid.ts
@@ -39,19 +39,19 @@ export default function ({
       const getTitles = async () =>
         (await testSubjects.getVisibleText('dataGridHeader')).replace(/\s|\r?\n|\r/g, ' ');
 
-      expect(await getTitles()).to.be('Time (@timestamp) Document');
+      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) Document');
 
       await PageObjects.discover.clickFieldListItemAdd('bytes');
-      expect(await getTitles()).to.be('Time (@timestamp) bytes');
+      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) bytes');
 
       await PageObjects.discover.clickFieldListItemAdd('agent');
-      expect(await getTitles()).to.be('Time (@timestamp) bytes agent');
+      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) bytes agent');
 
       await PageObjects.discover.clickFieldListItemRemove('bytes');
-      expect(await getTitles()).to.be('Time (@timestamp) agent');
+      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) agent');
 
       await PageObjects.discover.clickFieldListItemRemove('agent');
-      expect(await getTitles()).to.be('Time (@timestamp) Document');
+      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) Document');
     });
   });
 }

From 763502edd25893a70237f60ca430286bda76ac3e Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Tue, 21 Sep 2021 12:26:21 -0500
Subject: [PATCH 06/14] Fixing one test on a Lens > Smokescreen accessible
 label

---
 x-pack/test/functional/apps/lens/smokescreen.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/x-pack/test/functional/apps/lens/smokescreen.ts b/x-pack/test/functional/apps/lens/smokescreen.ts
index 6d9360ac32b4bb..8a0a7ba68774af 100644
--- a/x-pack/test/functional/apps/lens/smokescreen.ts
+++ b/x-pack/test/functional/apps/lens/smokescreen.ts
@@ -94,7 +94,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.lens.assertMetric('Maximum of bytes', '19,986');
       await PageObjects.lens.switchToVisualization('lnsDatatable');
       expect(await PageObjects.lens.getDatatableHeaderText()).to.eql('Maximum of bytes');
-      expect(await PageObjects.lens.getDatatableCellText(0, 0)).to.eql('19,986');
+      expect(await PageObjects.lens.getDatatableCellText(0, 0)).to.eql('19,986\nRow: 1; Column: 1');
       await PageObjects.lens.switchToVisualization('lnsMetric');
       await PageObjects.lens.assertMetric('Maximum of bytes', '19,986');
     });

From 3eaaefbc88dc1782f0777cd24f8d2c1a224b6181 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Tue, 21 Sep 2021 16:48:36 -0500
Subject: [PATCH 07/14] Updating four tests to use visible labels only.

---
 test/functional/apps/dashboard/dashboard_clone.ts            | 3 ++-
 test/functional/apps/dashboard/edit_embeddable_redirects.ts  | 3 ++-
 test/functional/apps/dashboard/panel_replacing.ts            | 5 +++--
 .../apps/management/_index_pattern_create_delete.js          | 3 ++-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/test/functional/apps/dashboard/dashboard_clone.ts b/test/functional/apps/dashboard/dashboard_clone.ts
index 5fc0b0c28c9142..58d588c85e2338 100644
--- a/test/functional/apps/dashboard/dashboard_clone.ts
+++ b/test/functional/apps/dashboard/dashboard_clone.ts
@@ -40,7 +40,8 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.dashboard.loadSavedDashboard(clonedDashboardName);
       await retry.try(async () => {
         const panelTitles = await PageObjects.dashboard.getPanelTitles();
-        expect(panelTitles).to.eql(PageObjects.dashboard.getTestVisualizationNames());
+        const visiblePanelTitles = panelTitles.map((title) => title.split('\n')[1]);
+        expect(visiblePanelTitles).to.eql(PageObjects.dashboard.getTestVisualizationNames());
       });
     });
 
diff --git a/test/functional/apps/dashboard/edit_embeddable_redirects.ts b/test/functional/apps/dashboard/edit_embeddable_redirects.ts
index 05e7207c58d795..1745e3cda23562 100644
--- a/test/functional/apps/dashboard/edit_embeddable_redirects.ts
+++ b/test/functional/apps/dashboard/edit_embeddable_redirects.ts
@@ -67,7 +67,8 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       const newPanelCount = await PageObjects.dashboard.getPanelCount();
       expect(newPanelCount).to.eql(originalPanelCount + 1);
       const titles = await PageObjects.dashboard.getPanelTitles();
-      expect(titles.indexOf(newTitle)).to.not.be(-1);
+      const visibleTitles = titles.map((title) => title.split('\n')[1]);
+      expect(visibleTitles.indexOf(newTitle)).to.not.be(-1);
     });
 
     it('loses originatingApp connection after save as when redirectToOrigin is false', async () => {
diff --git a/test/functional/apps/dashboard/panel_replacing.ts b/test/functional/apps/dashboard/panel_replacing.ts
index 47dd235e00c351..1118f511d5675f 100644
--- a/test/functional/apps/dashboard/panel_replacing.ts
+++ b/test/functional/apps/dashboard/panel_replacing.ts
@@ -65,8 +65,9 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
       const panelTitles = await PageObjects.dashboard.getPanelTitles();
-      expect(panelTitles.length).to.be(2);
-      expect(panelTitles[0]).to.be(AREA_CHART_VIS_NAME);
+      const visiblePanelTitles = panelTitles.map((title) => title.split('\n')[1]);
+      expect(visiblePanelTitles.length).to.be(2);
+      expect(visiblePanelTitles[0]).to.be(AREA_CHART_VIS_NAME);
     });
 
     it('replaced panel with saved search', async () => {
diff --git a/test/functional/apps/management/_index_pattern_create_delete.js b/test/functional/apps/management/_index_pattern_create_delete.js
index 764540f5745acc..f1b3ff829ddd42 100644
--- a/test/functional/apps/management/_index_pattern_create_delete.js
+++ b/test/functional/apps/management/_index_pattern_create_delete.js
@@ -111,7 +111,8 @@ export default function ({ getService, getPageObjects }) {
 
           const comparedHeaders = headers.map(function compareHead(header, i) {
             return header.getVisibleText().then(function (text) {
-              expect(text).to.be(expectedHeaders[i]);
+              const visibleText = text.split('\n')[1];
+              expect(visibleText).to.be(expectedHeaders[i]);
             });
           });
 

From f8fd6ce642b6800c97f0da3cf5d7f0ff13710b6e Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Wed, 22 Sep 2021 14:49:05 -0500
Subject: [PATCH 08/14] Adding helper function to retrieve visual text only and
 fixing three tests.

---
 .../apps/dashboard/dashboard_options.ts          | 16 +++++++++++++---
 .../functional/apps/dashboard/panel_replacing.ts |  2 +-
 .../management/_index_pattern_create_delete.js   |  3 +--
 test/functional/page_objects/dashboard_page.ts   | 14 ++++++++++++++
 4 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/test/functional/apps/dashboard/dashboard_options.ts b/test/functional/apps/dashboard/dashboard_options.ts
index 5702286bba6b68..9684aaec16e55a 100644
--- a/test/functional/apps/dashboard/dashboard_options.ts
+++ b/test/functional/apps/dashboard/dashboard_options.ts
@@ -18,6 +18,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
 
   describe('dashboard data-shared attributes', () => {
     let originalTitles: string[] = [];
+    let originalAccessibleTitles: string[] = [];
 
     before(async () => {
       await esArchiver.load('test/functional/fixtures/es_archiver/dashboard/current/kibana');
@@ -28,13 +29,14 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.dashboard.preserveCrossAppState();
       await PageObjects.dashboard.loadSavedDashboard('few panels');
       await PageObjects.dashboard.switchToEditMode();
-      originalTitles = await PageObjects.dashboard.getPanelTitles();
+      originalTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+      originalAccessibleTitles = await PageObjects.dashboard.getPanelTitles();
     });
 
     it('should be able to hide all panel titles', async () => {
       await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const titles = await PageObjects.dashboard.getPanelTitles();
+        const titles = await PageObjects.dashboard.getVisiblePanelTitles();
         expect(titles[0]).to.eql('');
       });
     });
@@ -42,9 +44,17 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     it('should be able to unhide all panel titles', async () => {
       await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const titles = await PageObjects.dashboard.getPanelTitles();
+        const titles = await PageObjects.dashboard.getVisiblePanelTitles();
         expect(titles[0]).to.eql(originalTitles[0]);
       });
     });
+
+    it('should always present accessible labels', async () => {
+      await PageObjects.dashboard.checkHideTitle();
+      await retry.try(async () => {
+        const titles = await PageObjects.dashboard.getPanelTitles();
+        expect(titles[0]).to.eql(originalAccessibleTitles[0]);
+      });
+    });
   });
 }
diff --git a/test/functional/apps/dashboard/panel_replacing.ts b/test/functional/apps/dashboard/panel_replacing.ts
index 1118f511d5675f..b667d4ff6d0fa9 100644
--- a/test/functional/apps/dashboard/panel_replacing.ts
+++ b/test/functional/apps/dashboard/panel_replacing.ts
@@ -85,7 +85,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardReplacePanel.replaceEmbeddable(replacedSearch, 'search');
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
-      const panelTitles = await PageObjects.dashboard.getPanelTitles();
+      const panelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
       expect(panelTitles.length).to.be(2);
       expect(panelTitles[0]).to.be(replacedSearch);
     });
diff --git a/test/functional/apps/management/_index_pattern_create_delete.js b/test/functional/apps/management/_index_pattern_create_delete.js
index f1b3ff829ddd42..764540f5745acc 100644
--- a/test/functional/apps/management/_index_pattern_create_delete.js
+++ b/test/functional/apps/management/_index_pattern_create_delete.js
@@ -111,8 +111,7 @@ export default function ({ getService, getPageObjects }) {
 
           const comparedHeaders = headers.map(function compareHead(header, i) {
             return header.getVisibleText().then(function (text) {
-              const visibleText = text.split('\n')[1];
-              expect(visibleText).to.be(expectedHeaders[i]);
+              expect(text).to.be(expectedHeaders[i]);
             });
           });
 
diff --git a/test/functional/page_objects/dashboard_page.ts b/test/functional/page_objects/dashboard_page.ts
index 3d2ba53e7ba985..117b565a09c54b 100644
--- a/test/functional/page_objects/dashboard_page.ts
+++ b/test/functional/page_objects/dashboard_page.ts
@@ -516,6 +516,20 @@ export class DashboardPageObject extends FtrService {
     return await Promise.all(titleObjects.map(async (title) => await title.getVisibleText()));
   }
 
+  public async getVisiblePanelTitles() {
+    this.log.debug('visible in getPanelTitles');
+    const titleObjects = await this.testSubjects.findAll('dashboardPanelTitle');
+    return await Promise.all(
+      titleObjects.map(async (title) =>
+        (
+          await title.findByCssSelector(
+            '* :not(.euiScreenReaderOnly, .euiScreenReaderOnly--showOnFocus)'
+          )
+        ).getVisibleText()
+      )
+    );
+  }
+
   public async getPanelDimensions() {
     const panels = await this.find.allByCssSelector('.react-grid-item'); // These are gridster-defined elements and classes
     return await Promise.all(

From 79aa77762f7c8a8e7a587e4c1958e32a85698052 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Wed, 22 Sep 2021 16:40:42 -0500
Subject: [PATCH 09/14] Dashboard > Panel Cloning all tests pass.

---
 test/functional/apps/dashboard/panel_cloning.ts | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/test/functional/apps/dashboard/panel_cloning.ts b/test/functional/apps/dashboard/panel_cloning.ts
index 1be9175e45ad9d..724d9219747f00 100644
--- a/test/functional/apps/dashboard/panel_cloning.ts
+++ b/test/functional/apps/dashboard/panel_cloning.ts
@@ -35,17 +35,13 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     });
 
     it('clones a panel', async () => {
-      const initialPanelTitles = await PageObjects.dashboard.getPanelTitles();
+      const initialPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
       await dashboardPanelActions.clonePanelByTitle(PIE_CHART_VIS_NAME);
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
-      const postPanelTitles = await PageObjects.dashboard.getPanelTitles();
+      const postPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
       expect(postPanelTitles.length).to.equal(initialPanelTitles.length + 1);
-    });
-
-    it('appends a clone title tag', async () => {
-      const panelTitles = await PageObjects.dashboard.getPanelTitles();
-      expect(panelTitles[1]).to.equal(PIE_CHART_VIS_NAME + ' (copy)');
+      expect(postPanelTitles[1]).to.equal(PIE_CHART_VIS_NAME + ' (copy)');
     });
 
     it('retains original panel dimensions', async () => {
@@ -54,12 +50,12 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     });
 
     it('gives a correct title to the clone of a clone', async () => {
-      const initialPanelTitles = await PageObjects.dashboard.getPanelTitles();
+      const initialPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
       const clonedPanelName = initialPanelTitles[initialPanelTitles.length - 1];
       await dashboardPanelActions.clonePanelByTitle(clonedPanelName);
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
-      const postPanelTitles = await PageObjects.dashboard.getPanelTitles();
+      const postPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
       expect(postPanelTitles.length).to.equal(initialPanelTitles.length + 1);
       expect(postPanelTitles[postPanelTitles.length - 1]).to.equal(
         PIE_CHART_VIS_NAME + ' (copy 1)'

From 8e96f81962e65b938b6f5882fdba2add818756a0 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Thu, 23 Sep 2021 08:43:15 -0500
Subject: [PATCH 10/14] Fixing accessible label test

---
 test/functional/apps/dashboard/dashboard_options.ts | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/test/functional/apps/dashboard/dashboard_options.ts b/test/functional/apps/dashboard/dashboard_options.ts
index 9684aaec16e55a..71ffc6966ec616 100644
--- a/test/functional/apps/dashboard/dashboard_options.ts
+++ b/test/functional/apps/dashboard/dashboard_options.ts
@@ -36,24 +36,23 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     it('should be able to hide all panel titles', async () => {
       await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const titles = await PageObjects.dashboard.getVisiblePanelTitles();
-        expect(titles[0]).to.eql('');
+        const hiddenTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+        expect(hiddenTitles[0]).to.eql('');
       });
     });
 
     it('should be able to unhide all panel titles', async () => {
       await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const titles = await PageObjects.dashboard.getVisiblePanelTitles();
-        expect(titles[0]).to.eql(originalTitles[0]);
+        const visibleTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+        expect(visibleTitles[0]).to.eql(originalTitles[0]);
       });
     });
 
     it('should always present accessible labels', async () => {
-      await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const titles = await PageObjects.dashboard.getPanelTitles();
-        expect(titles[0]).to.eql(originalAccessibleTitles[0]);
+        const accessibleTitles = await PageObjects.dashboard.getPanelTitles();
+        expect(accessibleTitles[0]).to.eql(originalAccessibleTitles[0]);
       });
     });
   });

From ecbda7869a59a41842c92d64477dec5e35d7eda4 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Thu, 23 Sep 2021 13:50:29 -0500
Subject: [PATCH 11/14] Fixing data_shared_attributes, two tests

---
 test/functional/apps/dashboard/data_shared_attributes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/functional/apps/dashboard/data_shared_attributes.ts b/test/functional/apps/dashboard/data_shared_attributes.ts
index 4b993287ffe428..482fad0f36d39c 100644
--- a/test/functional/apps/dashboard/data_shared_attributes.ts
+++ b/test/functional/apps/dashboard/data_shared_attributes.ts
@@ -55,7 +55,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     it('should have panels with expected data-shared-item title', async () => {
       await retry.try(async () => {
         const sharedData = await PageObjects.dashboard.getPanelSharedItemData();
-        originalPanelTitles = await PageObjects.dashboard.getPanelTitles();
+        originalPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
         expect(sharedData.map((item) => item.title)).to.eql(originalPanelTitles);
       });
     });

From 789167a11542dce928d726bcf3081fcaec76f52c Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Thu, 23 Sep 2021 15:29:02 -0500
Subject: [PATCH 12/14] Updating tests for Discover > Data Grid

---
 test/functional/apps/discover/_data_grid_field_data.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/functional/apps/discover/_data_grid_field_data.ts b/test/functional/apps/discover/_data_grid_field_data.ts
index 94e8e942f86ba2..201c42ca18bfa4 100644
--- a/test/functional/apps/discover/_data_grid_field_data.ts
+++ b/test/functional/apps/discover/_data_grid_field_data.ts
@@ -72,7 +72,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
 
         await retry.waitFor('first cell contains expected timestamp', async () => {
           const cell = await dataGrid.getCellElement(1, 3);
-          const text = await cell.getVisibleText();
+          const text = (await cell.getVisibleText()).split('\n')[0];
           return text === expectedTimeStamp;
         });
       });

From 928b5f394aacd36f6a919c23314c5c28578e4473 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Mon, 27 Sep 2021 14:37:50 -0500
Subject: [PATCH 13/14] Reverting tests ahead of EUI 38.0.1 backport * Reverted
 the SR-only class behavior to use `left: -10000px;` * Reverting tests to
 previous assertions

---
 .../apps/dashboard/dashboard_clone.ts         |  3 +--
 .../apps/dashboard/dashboard_options.ts       | 19 +++++--------------
 .../apps/dashboard/data_shared_attributes.ts  |  2 +-
 .../dashboard/edit_embeddable_redirects.ts    |  6 ++----
 .../apps/dashboard/panel_cloning.ts           | 14 +++++++++-----
 .../apps/dashboard/panel_replacing.ts         | 12 +++++-------
 test/functional/apps/discover/_data_grid.ts   | 10 +++++-----
 .../apps/discover/_data_grid_field_data.ts    |  2 +-
 .../functional/page_objects/dashboard_page.ts | 14 --------------
 .../test/functional/apps/lens/smokescreen.ts  |  2 +-
 10 files changed, 30 insertions(+), 54 deletions(-)

diff --git a/test/functional/apps/dashboard/dashboard_clone.ts b/test/functional/apps/dashboard/dashboard_clone.ts
index 58d588c85e2338..5fc0b0c28c9142 100644
--- a/test/functional/apps/dashboard/dashboard_clone.ts
+++ b/test/functional/apps/dashboard/dashboard_clone.ts
@@ -40,8 +40,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.dashboard.loadSavedDashboard(clonedDashboardName);
       await retry.try(async () => {
         const panelTitles = await PageObjects.dashboard.getPanelTitles();
-        const visiblePanelTitles = panelTitles.map((title) => title.split('\n')[1]);
-        expect(visiblePanelTitles).to.eql(PageObjects.dashboard.getTestVisualizationNames());
+        expect(panelTitles).to.eql(PageObjects.dashboard.getTestVisualizationNames());
       });
     });
 
diff --git a/test/functional/apps/dashboard/dashboard_options.ts b/test/functional/apps/dashboard/dashboard_options.ts
index 71ffc6966ec616..5702286bba6b68 100644
--- a/test/functional/apps/dashboard/dashboard_options.ts
+++ b/test/functional/apps/dashboard/dashboard_options.ts
@@ -18,7 +18,6 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
 
   describe('dashboard data-shared attributes', () => {
     let originalTitles: string[] = [];
-    let originalAccessibleTitles: string[] = [];
 
     before(async () => {
       await esArchiver.load('test/functional/fixtures/es_archiver/dashboard/current/kibana');
@@ -29,30 +28,22 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.dashboard.preserveCrossAppState();
       await PageObjects.dashboard.loadSavedDashboard('few panels');
       await PageObjects.dashboard.switchToEditMode();
-      originalTitles = await PageObjects.dashboard.getVisiblePanelTitles();
-      originalAccessibleTitles = await PageObjects.dashboard.getPanelTitles();
+      originalTitles = await PageObjects.dashboard.getPanelTitles();
     });
 
     it('should be able to hide all panel titles', async () => {
       await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const hiddenTitles = await PageObjects.dashboard.getVisiblePanelTitles();
-        expect(hiddenTitles[0]).to.eql('');
+        const titles = await PageObjects.dashboard.getPanelTitles();
+        expect(titles[0]).to.eql('');
       });
     });
 
     it('should be able to unhide all panel titles', async () => {
       await PageObjects.dashboard.checkHideTitle();
       await retry.try(async () => {
-        const visibleTitles = await PageObjects.dashboard.getVisiblePanelTitles();
-        expect(visibleTitles[0]).to.eql(originalTitles[0]);
-      });
-    });
-
-    it('should always present accessible labels', async () => {
-      await retry.try(async () => {
-        const accessibleTitles = await PageObjects.dashboard.getPanelTitles();
-        expect(accessibleTitles[0]).to.eql(originalAccessibleTitles[0]);
+        const titles = await PageObjects.dashboard.getPanelTitles();
+        expect(titles[0]).to.eql(originalTitles[0]);
       });
     });
   });
diff --git a/test/functional/apps/dashboard/data_shared_attributes.ts b/test/functional/apps/dashboard/data_shared_attributes.ts
index 482fad0f36d39c..4b993287ffe428 100644
--- a/test/functional/apps/dashboard/data_shared_attributes.ts
+++ b/test/functional/apps/dashboard/data_shared_attributes.ts
@@ -55,7 +55,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     it('should have panels with expected data-shared-item title', async () => {
       await retry.try(async () => {
         const sharedData = await PageObjects.dashboard.getPanelSharedItemData();
-        originalPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+        originalPanelTitles = await PageObjects.dashboard.getPanelTitles();
         expect(sharedData.map((item) => item.title)).to.eql(originalPanelTitles);
       });
     });
diff --git a/test/functional/apps/dashboard/edit_embeddable_redirects.ts b/test/functional/apps/dashboard/edit_embeddable_redirects.ts
index 1745e3cda23562..02f178a5153a22 100644
--- a/test/functional/apps/dashboard/edit_embeddable_redirects.ts
+++ b/test/functional/apps/dashboard/edit_embeddable_redirects.ts
@@ -49,8 +49,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       const newPanelCount = await PageObjects.dashboard.getPanelCount();
       expect(newPanelCount).to.eql(originalPanelCount);
       const titles = await PageObjects.dashboard.getPanelTitles();
-      const visibleTitles = titles.map((title) => title.split('\n')[1]);
-      expect(visibleTitles.indexOf(newTitle)).to.not.be(-1);
+      expect(titles.indexOf(newTitle)).to.not.be(-1);
     });
 
     it('redirects via save as button after edit, adding a new panel', async () => {
@@ -67,8 +66,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       const newPanelCount = await PageObjects.dashboard.getPanelCount();
       expect(newPanelCount).to.eql(originalPanelCount + 1);
       const titles = await PageObjects.dashboard.getPanelTitles();
-      const visibleTitles = titles.map((title) => title.split('\n')[1]);
-      expect(visibleTitles.indexOf(newTitle)).to.not.be(-1);
+      expect(titles.indexOf(newTitle)).to.not.be(-1);
     });
 
     it('loses originatingApp connection after save as when redirectToOrigin is false', async () => {
diff --git a/test/functional/apps/dashboard/panel_cloning.ts b/test/functional/apps/dashboard/panel_cloning.ts
index 724d9219747f00..1be9175e45ad9d 100644
--- a/test/functional/apps/dashboard/panel_cloning.ts
+++ b/test/functional/apps/dashboard/panel_cloning.ts
@@ -35,13 +35,17 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     });
 
     it('clones a panel', async () => {
-      const initialPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+      const initialPanelTitles = await PageObjects.dashboard.getPanelTitles();
       await dashboardPanelActions.clonePanelByTitle(PIE_CHART_VIS_NAME);
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
-      const postPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+      const postPanelTitles = await PageObjects.dashboard.getPanelTitles();
       expect(postPanelTitles.length).to.equal(initialPanelTitles.length + 1);
-      expect(postPanelTitles[1]).to.equal(PIE_CHART_VIS_NAME + ' (copy)');
+    });
+
+    it('appends a clone title tag', async () => {
+      const panelTitles = await PageObjects.dashboard.getPanelTitles();
+      expect(panelTitles[1]).to.equal(PIE_CHART_VIS_NAME + ' (copy)');
     });
 
     it('retains original panel dimensions', async () => {
@@ -50,12 +54,12 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     });
 
     it('gives a correct title to the clone of a clone', async () => {
-      const initialPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+      const initialPanelTitles = await PageObjects.dashboard.getPanelTitles();
       const clonedPanelName = initialPanelTitles[initialPanelTitles.length - 1];
       await dashboardPanelActions.clonePanelByTitle(clonedPanelName);
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
-      const postPanelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+      const postPanelTitles = await PageObjects.dashboard.getPanelTitles();
       expect(postPanelTitles.length).to.equal(initialPanelTitles.length + 1);
       expect(postPanelTitles[postPanelTitles.length - 1]).to.equal(
         PIE_CHART_VIS_NAME + ' (copy 1)'
diff --git a/test/functional/apps/dashboard/panel_replacing.ts b/test/functional/apps/dashboard/panel_replacing.ts
index b667d4ff6d0fa9..b9ba731beee290 100644
--- a/test/functional/apps/dashboard/panel_replacing.ts
+++ b/test/functional/apps/dashboard/panel_replacing.ts
@@ -50,9 +50,8 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardReplacePanel.replaceEmbeddable(AREA_CHART_VIS_NAME);
       await PageObjects.header.waitUntilLoadingHasFinished();
       const panelTitles = await PageObjects.dashboard.getPanelTitles();
-      const visiblePanelTitles = panelTitles.map((panelTitle) => panelTitle.split('\n')[1]);
-      expect(visiblePanelTitles.length).to.be(2);
-      expect(visiblePanelTitles[0]).to.be(AREA_CHART_VIS_NAME);
+      expect(panelTitles.length).to.be(2);
+      expect(panelTitles[0]).to.be(AREA_CHART_VIS_NAME);
       const newDimensions = await PageObjects.dashboard.getPanelDimensions();
       expect(intialDimensions![0]).to.eql(newDimensions[0]);
     });
@@ -65,9 +64,8 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
       const panelTitles = await PageObjects.dashboard.getPanelTitles();
-      const visiblePanelTitles = panelTitles.map((title) => title.split('\n')[1]);
-      expect(visiblePanelTitles.length).to.be(2);
-      expect(visiblePanelTitles[0]).to.be(AREA_CHART_VIS_NAME);
+      expect(panelTitles.length).to.be(2);
+      expect(panelTitles[0]).to.be(AREA_CHART_VIS_NAME);
     });
 
     it('replaced panel with saved search', async () => {
@@ -85,7 +83,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardReplacePanel.replaceEmbeddable(replacedSearch, 'search');
       await PageObjects.header.waitUntilLoadingHasFinished();
       await PageObjects.dashboard.waitForRenderComplete();
-      const panelTitles = await PageObjects.dashboard.getVisiblePanelTitles();
+      const panelTitles = await PageObjects.dashboard.getPanelTitles();
       expect(panelTitles.length).to.be(2);
       expect(panelTitles[0]).to.be(replacedSearch);
     });
diff --git a/test/functional/apps/discover/_data_grid.ts b/test/functional/apps/discover/_data_grid.ts
index ff3a95238c7e60..4a343fb30384e3 100644
--- a/test/functional/apps/discover/_data_grid.ts
+++ b/test/functional/apps/discover/_data_grid.ts
@@ -39,19 +39,19 @@ export default function ({
       const getTitles = async () =>
         (await testSubjects.getVisibleText('dataGridHeader')).replace(/\s|\r?\n|\r/g, ' ');
 
-      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) Document');
+      expect(await getTitles()).to.be('Time (@timestamp) Document');
 
       await PageObjects.discover.clickFieldListItemAdd('bytes');
-      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) bytes');
+      expect(await getTitles()).to.be('Time (@timestamp) bytes');
 
       await PageObjects.discover.clickFieldListItemAdd('agent');
-      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) bytes agent');
+      expect(await getTitles()).to.be('Time (@timestamp) bytes agent');
 
       await PageObjects.discover.clickFieldListItemRemove('bytes');
-      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) agent');
+      expect(await getTitles()).to.be('Time (@timestamp) agent');
 
       await PageObjects.discover.clickFieldListItemRemove('agent');
-      expect(await getTitles()).to.be('Control column Select column Time (@timestamp) Document');
+      expect(await getTitles()).to.be('Time (@timestamp) Document');
     });
   });
 }
diff --git a/test/functional/apps/discover/_data_grid_field_data.ts b/test/functional/apps/discover/_data_grid_field_data.ts
index 201c42ca18bfa4..94e8e942f86ba2 100644
--- a/test/functional/apps/discover/_data_grid_field_data.ts
+++ b/test/functional/apps/discover/_data_grid_field_data.ts
@@ -72,7 +72,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
 
         await retry.waitFor('first cell contains expected timestamp', async () => {
           const cell = await dataGrid.getCellElement(1, 3);
-          const text = (await cell.getVisibleText()).split('\n')[0];
+          const text = await cell.getVisibleText();
           return text === expectedTimeStamp;
         });
       });
diff --git a/test/functional/page_objects/dashboard_page.ts b/test/functional/page_objects/dashboard_page.ts
index 117b565a09c54b..3d2ba53e7ba985 100644
--- a/test/functional/page_objects/dashboard_page.ts
+++ b/test/functional/page_objects/dashboard_page.ts
@@ -516,20 +516,6 @@ export class DashboardPageObject extends FtrService {
     return await Promise.all(titleObjects.map(async (title) => await title.getVisibleText()));
   }
 
-  public async getVisiblePanelTitles() {
-    this.log.debug('visible in getPanelTitles');
-    const titleObjects = await this.testSubjects.findAll('dashboardPanelTitle');
-    return await Promise.all(
-      titleObjects.map(async (title) =>
-        (
-          await title.findByCssSelector(
-            '* :not(.euiScreenReaderOnly, .euiScreenReaderOnly--showOnFocus)'
-          )
-        ).getVisibleText()
-      )
-    );
-  }
-
   public async getPanelDimensions() {
     const panels = await this.find.allByCssSelector('.react-grid-item'); // These are gridster-defined elements and classes
     return await Promise.all(
diff --git a/x-pack/test/functional/apps/lens/smokescreen.ts b/x-pack/test/functional/apps/lens/smokescreen.ts
index 6bf1bec518104a..ff5bae8aa7e616 100644
--- a/x-pack/test/functional/apps/lens/smokescreen.ts
+++ b/x-pack/test/functional/apps/lens/smokescreen.ts
@@ -94,7 +94,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await PageObjects.lens.assertMetric('Maximum of bytes', '19,986');
       await PageObjects.lens.switchToVisualization('lnsDatatable');
       expect(await PageObjects.lens.getDatatableHeaderText()).to.eql('Maximum of bytes');
-      expect(await PageObjects.lens.getDatatableCellText(0, 0)).to.eql('19,986\nRow: 1; Column: 1');
+      expect(await PageObjects.lens.getDatatableCellText(0, 0)).to.eql('19,986');
       await PageObjects.lens.switchToVisualization('lnsMetric');
       await PageObjects.lens.assertMetric('Maximum of bytes', '19,986');
     });

From de71d55cc978eb46477532fb9ec5e27679713ee5 Mon Sep 17 00:00:00 2001
From: 1Copenut <trevor.pierce@elastic.co>
Date: Mon, 27 Sep 2021 14:49:13 -0500
Subject: [PATCH 14/14] Bumping configuration files to EUI 38.0.1 *
 package.json * package-lock.json * license-checker

---
 package.json                      | 2 +-
 src/dev/license_checker/config.ts | 2 +-
 yarn.lock                         | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 0edef892a7fa35..8e3436ecedd6af 100644
--- a/package.json
+++ b/package.json
@@ -98,7 +98,7 @@
     "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.20",
     "@elastic/ems-client": "7.15.0",
-    "@elastic/eui": "38.0.0",
+    "@elastic/eui": "38.0.1",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/maki": "6.3.0",
diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts
index 29ff0b29b3eec6..faff660a73114b 100644
--- a/src/dev/license_checker/config.ts
+++ b/src/dev/license_checker/config.ts
@@ -75,7 +75,7 @@ export const LICENSE_OVERRIDES = {
   '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   'node-sql-parser@3.6.1': ['(GPL-2.0 OR MIT)'], // GPL-2.0* https://github.com/taozhi8833998/node-sql-parser
   '@elastic/ems-client@7.15.0': ['Elastic License 2.0'],
-  '@elastic/eui@38.0.0': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/eui@38.0.1': ['SSPL-1.0 OR Elastic License 2.0'],
 
   // TODO can be removed if the https://github.com/jindw/xmldom/issues/239 is released
   'xmldom@0.1.27': ['MIT'],
diff --git a/yarn.lock b/yarn.lock
index 93a094e054215a..f7b71251e51c1f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1441,10 +1441,10 @@
   resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
   integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
 
-"@elastic/eui@38.0.0":
-  version "38.0.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-38.0.0.tgz#0b57088330b4b07a782c29611f28318544848196"
-  integrity sha512-jgXQAUSr96x04cqh73muGg8bvXvPR3PCvRkSwfyKzWc9YC0YwZ24jeqziBwnIlzz7mcytV2aGpNtTHoXfEomVA==
+"@elastic/eui@38.0.1":
+  version "38.0.1"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-38.0.1.tgz#de03c4436cd1b58327f54f57e4248183d681c0f8"
+  integrity sha512-yzV56rGVwhALnLVXsw2LGsFksh7c27BwIQOl2memDfm15VprzX5Fd+u6TpX8TkpFbTTgnYfyhI11W3eKVUYt1g==
   dependencies:
     "@types/chroma-js" "^2.0.0"
     "@types/lodash" "^4.14.160"