Merge branch 'main' of https://github.com/DigitalProductInnovationAnd…

…Development/Security-Compliance-Assessment
DigitalProductInnovationAndDevelopment · Aug 14, 2024 · be62d80 · be62d80
2 parents 0714385 + 8710f94
commit be62d80
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 14 deletions.
diff --git a/src/components/charts/ProjectCompletion.tsx b/src/components/charts/ProjectCompletion.tsx
@@ -37,7 +37,7 @@ const chartConfig = {
 export function ProjectCompletion() {
   return (
     <ChartContainer config={chartConfig}>
-      <RadarChart
+      <RadarChart data-testid="radar-chart"
         data={chartData}
         margin={{
           top: -40,

diff --git a/src/components/charts/__tests__/ProjectCompletion.test.tsx b/src/components/charts/__tests__/ProjectCompletion.test.tsx
@@ -1,12 +1,3 @@
-// Mock ResizeObserver
-class ResizeObserver {
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-}
-
-global.ResizeObserver = ResizeObserver;
-
 import { render, screen } from "@testing-library/react";
 import React from "react";
 import { ProjectCompletion } from "../ProjectCompletion";
@@ -17,8 +8,8 @@ describe("ProjectCompletion Component", () => {
   });
 
   it("renders RadarChart component", () => {
-    const { container } = render(<ProjectCompletion />);
-    const radarChart = container.querySelector('[data-chart="chart-r1"]');
+    render(<ProjectCompletion />);
+    const radarChart = screen.getByTestId("radar-chart");
     expect(radarChart).toBeInTheDocument();
   });
 });
diff --git a/tsconfig.json b/tsconfig.json
@@ -21,7 +21,7 @@
     "noEmit": true,
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "jsx": "react",
+    "jsx": "preserve",
     "plugins": [
       {
         "name": "next"
@@ -54,4 +54,4 @@
   "exclude": [
     "node_modules"
   ]
-}
+}