From 8fb1600680aa538f16b7c56a68ac5a8540ac3883 Mon Sep 17 00:00:00 2001
From: Leonardo Maier <leonarmaier@gmail.com>
Date: Sat, 1 Oct 2022 10:25:19 -0300
Subject: [PATCH] converts LogoIcon component to tsx and fixes BuildTimeline
 tests

Signed-off-by: Leonardo Maier <leonarmaier@gmail.com>
---
 .../Root/{LogoIcon.jsx => LogoIcon.tsx}       |  0
 .../BuildTimeline/BuildTimeline.test.tsx      | 20 ++++++++++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)
 rename packages/app/src/components/Root/{LogoIcon.jsx => LogoIcon.tsx} (100%)

diff --git a/packages/app/src/components/Root/LogoIcon.jsx b/packages/app/src/components/Root/LogoIcon.tsx
similarity index 100%
rename from packages/app/src/components/Root/LogoIcon.jsx
rename to packages/app/src/components/Root/LogoIcon.tsx
diff --git a/plugins/xcmetrics/src/components/BuildTimeline/BuildTimeline.test.tsx b/plugins/xcmetrics/src/components/BuildTimeline/BuildTimeline.test.tsx
index cf53b2d73c..17731e8d42 100644
--- a/plugins/xcmetrics/src/components/BuildTimeline/BuildTimeline.test.tsx
+++ b/plugins/xcmetrics/src/components/BuildTimeline/BuildTimeline.test.tsx
@@ -20,6 +20,19 @@ import { BuildTimeline } from './BuildTimeline';
 jest.mock('../../api/XcmetricsClient');
 const client = require('../../api/XcmetricsClient');
 
+jest.mock('recharts', () => {
+  const OriginalModule = jest.requireActual('recharts');
+
+  return {
+      ...OriginalModule,
+      ResponsiveContainer: ({ children }: any) => (
+          <OriginalModule.ResponsiveContainer width={100} aspect={1}>
+              {children}
+          </OriginalModule.ResponsiveContainer>
+      ),
+  };
+});
+
 describe('BuildTimeline', () => {
   const { ResizeObserver } = window;
 
@@ -42,9 +55,10 @@ describe('BuildTimeline', () => {
     const rendered = await renderInTestApp(
       <BuildTimeline targets={[client.mockTarget]} height={100} width={100} />,
     );
-    expect(
-      await rendered.findByText(client.mockTarget.name),
-    ).toBeInTheDocument();
+
+    const [element] = await rendered.findAllByText(client.mockTarget.name);
+
+    expect(element).toBeInTheDocument();
   });
 
   it('should render a message if no targets are provided', async () => {