From efc9b64ca4c0b2b2efa8cb1d576af97ef25822ac Mon Sep 17 00:00:00 2001
From: TzeYiing <ty@tzeyiing.com>
Date: Thu, 3 Feb 2022 18:08:01 +0800
Subject: [PATCH] added event chart test

---
 .../pages/projects/LogEventChart.test.js      | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 studio/tests/pages/projects/LogEventChart.test.js

diff --git a/studio/tests/pages/projects/LogEventChart.test.js b/studio/tests/pages/projects/LogEventChart.test.js
new file mode 100644
index 00000000000..8b39321aa87
--- /dev/null
+++ b/studio/tests/pages/projects/LogEventChart.test.js
@@ -0,0 +1,26 @@
+import LogEventChart from 'components/interfaces/Settings/Logs/LogEventChart'
+import { render, waitFor, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+
+jest.mock('components/ui/Flag/Flag')
+import Flag from 'components/ui/Flag/Flag'
+Flag.mockImplementation(({ children }) => <>{children}</>)
+jest.mock('hooks')
+import { useFlag } from 'hooks'
+useFlag.mockReturnValue(true)
+
+test('renders bars', async () => {
+  const mockFn = jest.fn()
+  const tsMicro = new Date().getTime() * 1000
+  const { container } = render(
+    <LogEventChart
+      data={[{ timestamp: tsMicro }, { timestamp: { timestamp: tsMicro + 1 } }]}
+      onBarClick={mockFn}
+    />
+  )
+  // should only have one bar rendered
+  const paths = container.querySelectorAll('path')
+  expect(paths.length).toBe(1)
+  userEvent.click(paths[0])
+  expect(mock).toBeCalledTimes(1)
+})