From 3820ffd601592da820a3b1af311f7b1f94b0b7ce Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 15 Aug 2022 10:53:50 -0400
Subject: [PATCH] GeoMap: Fix tooltip not showing values (#53738) (#53741)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 835562bb68e1cfe2aa21021470846abfc3acce0a)

Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
---
 .../geomap/components/DataHoverView.test.tsx      | 15 +++++++++++++++
 .../panel/geomap/components/DataHoverView.tsx     |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 public/app/plugins/panel/geomap/components/DataHoverView.test.tsx

diff --git a/public/app/plugins/panel/geomap/components/DataHoverView.test.tsx b/public/app/plugins/panel/geomap/components/DataHoverView.test.tsx
new file mode 100644
index 00000000000..9eb294be2e2
--- /dev/null
+++ b/public/app/plugins/panel/geomap/components/DataHoverView.test.tsx
@@ -0,0 +1,15 @@
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+
+import { ArrayDataFrame } from '@grafana/data';
+
+import { DataHoverView } from './DataHoverView';
+
+describe('DataHoverView component', () => {
+  it('should default to multi mode if mode is null or undefined', () => {
+    const data = new ArrayDataFrame([{ foo: 'bar' }]);
+    render(<DataHoverView data={data} rowIndex={0} />);
+
+    expect(screen.queryByText('bar')).toBeInTheDocument();
+  });
+});
diff --git a/public/app/plugins/panel/geomap/components/DataHoverView.tsx b/public/app/plugins/panel/geomap/components/DataHoverView.tsx
index b6b55960d51..9b1a9d3b9dd 100644
--- a/public/app/plugins/panel/geomap/components/DataHoverView.tsx
+++ b/public/app/plugins/panel/geomap/components/DataHoverView.tsx
@@ -61,7 +61,7 @@ export const DataHoverView = ({ data, rowIndex, columnIndex, sortOrder, mode }:
   return (
     <table className={styles.infoWrap}>
       <tbody>
-        {(mode === TooltipDisplayMode.Multi || mode === null) &&
+        {(mode === TooltipDisplayMode.Multi || mode == null) &&
           displayValues.map((v, i) => (
             <tr key={`${i}/${rowIndex}`} className={i === columnIndex ? styles.highlight : ''}>
               <th>{v[0]}:</th>