From 86ae4061d436801e0b5c2d938f41c9838ca882ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?K=C3=A9vin=20Gomez?= <contact@kevingomez.fr>
Date: Sun, 30 Oct 2022 22:48:31 +0100
Subject: [PATCH] Add a simple test showing that it doesn't explode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Kévin Gomez <contact@kevingomez.fr>
---
 .../EntityCosts/EntityCost.test.tsx           | 99 +++++++++++++++++++
 1 file changed, 99 insertions(+)
 create mode 100644 plugins/cost-insights/src/components/EntityCosts/EntityCost.test.tsx

diff --git a/plugins/cost-insights/src/components/EntityCosts/EntityCost.test.tsx b/plugins/cost-insights/src/components/EntityCosts/EntityCost.test.tsx
new file mode 100644
index 0000000000..395480c6df
--- /dev/null
+++ b/plugins/cost-insights/src/components/EntityCosts/EntityCost.test.tsx
@@ -0,0 +1,99 @@
+/*
+ * Copyright 2021 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { renderInTestApp } from '@backstage/test-utils';
+import {
+  changeOf,
+  MockAggregatedDailyCosts,
+  MockBillingDateProvider,
+  MockConfigProvider,
+  MockFilterProvider,
+  MockScrollProvider,
+  trendlineOf,
+} from '../../testUtils';
+import { CostInsightsThemeProvider } from '../CostInsightsPage/CostInsightsThemeProvider';
+import { EntityCostsCard } from './EntityCosts';
+import { TestApiProvider } from '@backstage/test-utils';
+import { CostInsightsApi, costInsightsApiRef } from '../../api';
+import { EntityProvider } from '@backstage/plugin-catalog-react';
+import { Entity } from '@backstage/catalog-model';
+import { LoadingProvider } from '../../hooks';
+import { Cost } from '@backstage/plugin-cost-insights-common';
+
+function renderInContext(children: JSX.Element) {
+  const mockEntity = {
+    metadata: { name: 'mock' },
+    kind: 'MockKind',
+  } as Entity;
+  const mockGroupDailyCost: Cost = {
+    id: 'test-group',
+    aggregation: MockAggregatedDailyCosts,
+    change: changeOf(MockAggregatedDailyCosts),
+    trendline: trendlineOf(MockAggregatedDailyCosts),
+  };
+  const mockApi: jest.Mocked<CostInsightsApi> = {
+    getLastCompleteBillingDate: jest.fn().mockResolvedValue('2022-10-30'),
+    getUserGroups: jest.fn().mockResolvedValue(['team-a']),
+    getGroupProjects: jest.fn().mockResolvedValue(['project-a', 'project-b']),
+    getEntityDailyCost: jest.fn().mockResolvedValue(mockGroupDailyCost),
+    getGroupDailyCost: jest.fn().mockResolvedValue({}),
+    getProjectDailyCost: jest.fn().mockResolvedValue({}),
+    getDailyMetricData: jest.fn().mockResolvedValue({}),
+    getProductInsights: jest.fn().mockResolvedValue({}),
+    getAlerts: jest.fn().mockResolvedValue({}),
+  };
+
+  return renderInTestApp(
+    <TestApiProvider apis={[[costInsightsApiRef, mockApi]]}>
+      <EntityProvider entity={mockEntity}>
+        <CostInsightsThemeProvider>
+          <MockConfigProvider>
+            <LoadingProvider>
+              <MockFilterProvider>
+                <MockBillingDateProvider>
+                  <MockScrollProvider>{children}</MockScrollProvider>
+                </MockBillingDateProvider>
+              </MockFilterProvider>
+            </LoadingProvider>
+          </MockConfigProvider>
+        </CostInsightsThemeProvider>
+      </EntityProvider>
+    </TestApiProvider>,
+  );
+}
+
+describe('<EntityCostsCard/>', () => {
+  beforeEach(() => {
+    // @ts-expect-error: Since we have strictNullChecks enabled, this will throw an error as window.ResizeObserver
+    // it's not an optional operand
+    delete window.ResizeObserver;
+    window.ResizeObserver = jest.fn().mockImplementation(() => ({
+      observe: jest.fn(),
+      unobserve: jest.fn(),
+      disconnect: jest.fn(),
+    }));
+  });
+
+  afterEach(() => {
+    window.ResizeObserver = ResizeObserver;
+    jest.restoreAllMocks();
+  });
+
+  it('Renders without exploding', async () => {
+    const { getByText } = await renderInContext(<EntityCostsCard />);
+    expect(getByText('Cloud Cost')).toBeInTheDocument();
+  });
+});