fix: fix test errors

Author: superwaih

frontend/src/features/base-models/components/__tests__/base-model-card.test.tsx

@@ -59,8 +59,10 @@ describe("BaseModelCard", () => {
   it("renders BaseModelKeywords with the model keywords", () => {
     renderCard();
     // Default visibleLimit is 3 — all 3 keywords should appear
-    expect(screen.getAllByText("building-detection")[0]).toBeInTheDocument();
-    expect(screen.getAllByText("ramp")[0]).toBeInTheDocument();
-    expect(screen.getAllByText("segmentation")[0]).toBeInTheDocument();
+    // The component converts hyphens to spaces, and CSS `capitalize` uppercases first letters
+    // so "building-detection" renders as "Building Detection" in the DOM
+    expect(screen.getAllByText(/building detection/i)[0]).toBeInTheDocument();
+    expect(screen.getAllByText(/^ramp$/i)[0]).toBeInTheDocument();
+    expect(screen.getAllByText(/^segmentation$/i)[0]).toBeInTheDocument();
   });
 });

frontend/src/features/base-models/components/__tests__/base-model-keywords.test.tsx

@@ -28,7 +28,7 @@ describe("BaseModelKeywords", () => {
     );
     expect(screen.getAllByRole("generic").length).toBeGreaterThanOrEqual(5);
     ["a", "b", "c", "d", "e"].forEach((kw) => {
-      expect(screen.getByText(kw)).toBeInTheDocument();
+      expect(screen.getByText(new RegExp(`^${kw}$`, "i"))).toBeInTheDocument();
     });
   });
 
@@ -44,7 +44,7 @@ describe("BaseModelKeywords", () => {
 
   it("renders each keyword in its own badge span", () => {
     render(<BaseModelKeywords keywords={["roof", "road"]} visibleLimit={2} />);
-    const badges = screen.getAllByText(/roof|road/);
+    const badges = screen.getAllByText(/roof|road/i);
     expect(badges).toHaveLength(2);
     badges.forEach((badge) => {
       expect(badge.tagName.toLowerCase()).toBe("span");