From cfc0e132f51345828be9374677bf11bf20aa3ec3 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Tue, 16 Mar 2021 15:31:00 +0000
Subject: [PATCH] Make master green (#32011) (#32015)

(cherry picked from commit e9402a56ba7e98c11ce7b4c6727ccc5dbc65a518)

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
---
 .../src/components/Chart/Tooltip.test.tsx     | 100 ------------------
 .../src/components/Graph/Graph.test.tsx       |   7 ++
 2 files changed, 7 insertions(+), 100 deletions(-)
 delete mode 100644 packages/grafana-ui/src/components/Chart/Tooltip.test.tsx

diff --git a/packages/grafana-ui/src/components/Chart/Tooltip.test.tsx b/packages/grafana-ui/src/components/Chart/Tooltip.test.tsx
deleted file mode 100644
index 2162c3f82ac..00000000000
--- a/packages/grafana-ui/src/components/Chart/Tooltip.test.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { Tooltip } from './Tooltip';
-
-// Tooltip container has padding of 8px, let's assume target tooltip has measured width & height of 100px
-const content = <div style={{ width: '84px', height: '84' }} />;
-
-describe('Chart Tooltip', () => {
-  describe('is positioned correctly', () => {
-    beforeEach(() => {
-      // jsdom does not perform actual DOM rendering
-      // We need to mock getBoundingClientRect to return what DOM would actually return
-      // when measuring tooltip container (wrapper with padding and content inside)
-      Element.prototype.getBoundingClientRect = jest.fn(() => {
-        return { width: 100, height: 100, top: 0, left: 0, bottom: 0, right: 0 } as DOMRect;
-      });
-    });
-
-    // Jest's default viewport size is 1024x768px
-    test('when fits into the viewport', () => {
-      const tooltip = mount(<Tooltip content={content} position={{ x: 0, y: 0 }} />);
-      const container = tooltip.find('TooltipContainer > div');
-      const styleAttribute = container.getDOMNode().getAttribute('style');
-
-      // +------+
-      // |origin|
-      // +------+--------------+
-      //        |   Tooltip    |
-      //        |              |
-      //        +--------------+
-      expect(styleAttribute).toContain('translate3d(0px, 0px, 0)');
-    });
-
-    test("when overflows viewport's x axis", () => {
-      const tooltip = mount(<Tooltip content={content} position={{ x: 1000, y: 0 }} />);
-      const container = tooltip.find('TooltipContainer > div');
-      const styleAttribute = container.getDOMNode().getAttribute('style');
-
-      // We expect tooltip to flip over left side of the origin position
-      //                +------+
-      //                |origin|
-      // +--------------+------+
-      // |   Tooltip    |
-      // |              |
-      // +--------------+
-      expect(styleAttribute).toContain('translate3d(900px, 0px, 0)');
-    });
-
-    test("when overflows viewport's y axis", () => {
-      const tooltip = mount(<Tooltip content={content} position={{ x: 0, y: 700 }} />);
-      const container = tooltip.find('TooltipContainer > div');
-      const styleAttribute = container.getDOMNode().getAttribute('style');
-
-      // We expect tooltip to flip over top side of the origin position
-      //        +--------------+
-      //        |   Tooltip    |
-      //        |              |
-      // +------+--------------+
-      // |origin|
-      // +------+
-      expect(styleAttribute).toContain('translate3d(0px, 600px, 0)');
-    });
-
-    test("when overflows viewport's x and y axes", () => {
-      const tooltip = mount(<Tooltip content={content} position={{ x: 1000, y: 700 }} />);
-      const container = tooltip.find('TooltipContainer > div');
-      const styleAttribute = container.getDOMNode().getAttribute('style');
-
-      // We expect tooltip to flip over the left top corner of the origin position
-      // +--------------+
-      // |   Tooltip    |
-      // |              |
-      // +--------------+------+
-      //                |origin|
-      //                +------+
-      expect(styleAttribute).toContain('translate3d(900px, 600px, 0)');
-    });
-
-    describe('when offset provided', () => {
-      test("when overflows viewport's x and y axes", () => {
-        const tooltip = mount(<Tooltip content={content} position={{ x: 1000, y: 700 }} offset={{ x: 10, y: 10 }} />);
-        const container = tooltip.find('TooltipContainer > div');
-        const styleAttribute = container.getDOMNode().getAttribute('style');
-
-        // We expect tooltip to flip over the left top corner of the origin position with offset applied
-        // +--------------------+
-        // |                    |
-        // |  +--------------+  |
-        // |  |   Tooltip    |  |
-        // |  |              |  |
-        // |  +--------------+  |
-        // |              offset|
-        // +--------------------++------+
-        //                       |origin|
-        //                       +------+
-        expect(styleAttribute).toContain('translate3d(910px, 610px, 0)');
-      });
-    });
-  });
-});
diff --git a/packages/grafana-ui/src/components/Graph/Graph.test.tsx b/packages/grafana-ui/src/components/Graph/Graph.test.tsx
index af05b7eae58..08e0df14968 100644
--- a/packages/grafana-ui/src/components/Graph/Graph.test.tsx
+++ b/packages/grafana-ui/src/components/Graph/Graph.test.tsx
@@ -79,6 +79,13 @@ const mockGraphProps = (multiSeries = false) => {
     timeZone: 'browser',
   };
 };
+
+(window as any).ResizeObserver = class ResizeObserver {
+  constructor() {}
+  observe() {}
+  disconnect() {}
+};
+
 describe('Graph', () => {
   describe('with tooltip', () => {
     describe('in single mode', () => {