updates

package.json

@@ -15,8 +15,10 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@babel/plugin-transform-modules-commonjs": "^7.26.3",
     "@eslint/js": "^9.15.0",
     "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.4",

src/App.fsproj

@@ -6,12 +6,12 @@
 
   <ItemGroup>
     <Compile Include="Components.fs" />
-    <Compile Include="App.fs" />
     <Compile Include="Components.test.fs" />
-    <Compile Include="Counter.test.fs" />
+    <Compile Include="App.fs" />
   </ItemGroup>
 
   <ItemGroup>
+    <PackageReference Include="Fable.Jester" Version="0.33.0" />
     <PackageReference Include="Feliz" Version="2.9.0" />
     <PackageReference Include="Feliz.Router" Version="4.0.0" />
     <PackageReference Include="Fable.ReactTestingLibrary" Version="0.33.0" />

src/Components.test.fs

@@ -5,17 +5,17 @@ open Fable.Jester
 open Feliz
 
 // Import the main app component
-open App.Components
+open App
 
 Jest.describe("Counter component", fun () ->
     Jest.test("should render initial count", fun () ->
-        RTL.render(Counter())
+        RTL.render(Components.Counter())
         let countElement = RTL.screen.getByText("count is 0")
         Jest.expect(countElement).toBeInTheDocument()
     )
 
     Jest.test("should increment count on button click", fun () ->
-        RTL.render(Counter())
+        RTL.render(Components.Counter())
         let buttonElement = RTL.screen.getByText("count is 0")
         RTL.fireEvent.click(buttonElement)
         let updatedButtonElement = RTL.screen.getByText("count is 1")