fix: correct URL handling in MarkdownBlock and add tests for trailing punctuation

Author: daniel-lxs

webview-ui/src/components/common/MarkdownBlock.tsx

@@ -45,7 +45,7 @@ const remarkUrlToLink = () => {
 					children.push({
 						type: "link",
 						url: cleanedMatches[i],
-						children: [{ type: "text", value: cleanedMatches[i] }],
+						children: [{ type: "text", value: matches[i] }],
 					})
 				}
 			})

webview-ui/src/components/common/__tests__/MarkdownBlock.spec.tsx

@@ -0,0 +1,29 @@
+import React from "react"
+import { render, screen } from "@testing-library/react"
+import MarkdownBlock from "../MarkdownBlock"
+import { vi } from "vitest"
+
+vi.mock("@src/utils/vscode", () => ({
+	vscode: {
+		postMessage: vi.fn(),
+	},
+}))
+
+vi.mock("@src/context/ExtensionStateContext", () => ({
+	useExtensionState: () => ({
+		theme: "dark",
+	}),
+}))
+
+describe("MarkdownBlock", () => {
+	it("should correctly handle URLs with trailing punctuation", async () => {
+		const markdown = "Check out this link: https://example.com."
+		render(<MarkdownBlock markdown={markdown} />)
+
+		await (async () => {
+			const linkElement = screen.getByRole("link")
+			expect(linkElement).toHaveAttribute("href", "https://example.com")
+			expect(linkElement.textContent).toBe("https://example.com.")
+		})
+	})
+})