Added jest & functional tests

elastic · Sep 28, 2020 · ad98670 · ad98670
1 parent 6e26252
commit ad98670
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 0 deletions.
diff --git a/src/plugins/dashboard/public/application/dashboard_state.test.ts b/src/plugins/dashboard/public/application/dashboard_state.test.ts
@@ -23,6 +23,10 @@ import { getSavedDashboardMock } from './test_helpers';
 import { InputTimeRange, TimefilterContract, TimeRange } from 'src/plugins/data/public';
 import { ViewMode } from 'src/plugins/embeddable/public';
 import { createKbnUrlStateStorage } from 'src/plugins/kibana_utils/public';
+import { DashboardContainer, DashboardContainerInput } from '.';
+import { Optional } from '@kbn/utility-types';
+import { DashboardContainerOptions } from './embeddable/dashboard_container';
+import { embeddablePluginMock } from '../../../embeddable/public/mocks';
 
 describe('DashboardState', function () {
   let dashboardState: DashboardStateManager;
@@ -48,6 +52,23 @@ describe('DashboardState', function () {
     });
   }
 
+  function initDashboardContainer(initialInput?: Optional<DashboardContainerInput>) {
+    const { doStart } = embeddablePluginMock.createInstance();
+    const defaultInput: DashboardContainerInput = {
+      id: '123',
+      viewMode: ViewMode.EDIT,
+      filters: [] as DashboardContainerInput['filters'],
+      query: {} as DashboardContainerInput['query'],
+      timeRange: {} as DashboardContainerInput['timeRange'],
+      useMargins: true,
+      title: 'ultra awesome test dashboard',
+      isFullScreenMode: false,
+      panels: {} as DashboardContainerInput['panels'],
+    };
+    const input = { ...defaultInput, ...(initialInput ?? {}) };
+    return new DashboardContainer(input, { embeddable: doStart() } as DashboardContainerOptions);
+  }
+
   describe('syncTimefilterWithDashboard', function () {
     test('syncs quick time', function () {
       savedDashboard.timeRestore = true;
@@ -95,6 +116,43 @@ describe('DashboardState', function () {
     });
   });
 
+  describe('Dashboard Container Changes', () => {
+    beforeEach(() => {
+      initDashboardState();
+    });
+
+    test('expanedPanelId in container input casues state update', () => {
+      dashboardState.setExpandedPanelId = jest.fn();
+
+      const dashboardContainer = initDashboardContainer({
+        expandedPanelId: 'theCoolestPanelOnThisDashboard',
+      });
+
+      dashboardState.handleDashboardContainerChanges(dashboardContainer);
+      expect(dashboardState.setExpandedPanelId).toHaveBeenCalledWith(
+        'theCoolestPanelOnThisDashboard'
+      );
+    });
+
+    test('expanedPanelId is not updated when it is the same', () => {
+      dashboardState.setExpandedPanelId = jest
+        .fn()
+        .mockImplementation(dashboardState.setExpandedPanelId);
+
+      const dashboardContainer = initDashboardContainer({
+        expandedPanelId: 'theCoolestPanelOnThisDashboard',
+      });
+
+      dashboardState.handleDashboardContainerChanges(dashboardContainer);
+      dashboardState.handleDashboardContainerChanges(dashboardContainer);
+      expect(dashboardState.setExpandedPanelId).toHaveBeenCalledTimes(1);
+
+      dashboardContainer.updateInput({ expandedPanelId: 'woah it changed' });
+      dashboardState.handleDashboardContainerChanges(dashboardContainer);
+      expect(dashboardState.setExpandedPanelId).toHaveBeenCalledTimes(2);
+    });
+  });
+
   describe('isDirty', function () {
     beforeAll(() => {
       initDashboardState();

diff --git a/test/functional/apps/dashboard/panel_expand_toggle.js b/test/functional/apps/dashboard/panel_expand_toggle.js
@@ -21,6 +21,7 @@ import expect from '@kbn/expect';
 
 export default function ({ getService, getPageObjects }) {
   const retry = getService('retry');
+  const browser = getService('browser');
   const esArchiver = getService('esArchiver');
   const kibanaServer = getService('kibanaServer');
   const dashboardPanelActions = getService('dashboardPanelActions');
@@ -61,5 +62,18 @@ export default function ({ getService, getPageObjects }) {
         expect(panelCountAfterMaxThenMinimize).to.be(panelCount);
       });
     });
+
+    it('minimizes using the browser back button', async () => {
+      const panelCount = await PageObjects.dashboard.getPanelCount();
+
+      await dashboardPanelActions.openContextMenu();
+      await dashboardPanelActions.clickExpandPanelToggle();
+
+      await browser.goBack();
+      await retry.try(async () => {
+        const panelCountAfterMaxThenMinimize = await PageObjects.dashboard.getPanelCount();
+        expect(panelCountAfterMaxThenMinimize).to.be(panelCount);
+      });
+    });
   });
 }