chore(www): Create tests for mdx-link (gatsbyjs#21103)

tesseralis · web-flow · commit 491bdf920928 · 2020-01-31T22:48:16.000+02:00
* fix file links

* add tests for mdx-link

* add test for mdx-link
diff --git a/www/src/components/__tests__/mdx-link.js b/www/src/components/__tests__/mdx-link.js
@@ -0,0 +1,32 @@
+import React from "react"
+import { render } from "@testing-library/react"
+import MdxLink, { shouldRenderRawLink } from "../mdx-link"
+
+jest.mock("../localized-link", () => {
+  // Mock the component to use a different tag so we can easily differentiate
+  return () => <span />
+})
+
+describe("mdx-link", () => {
+  it("creates a raw link on external links", () => {
+    const { container } = render(
+      <MdxLink href="https://github.com/gatsbyjs.gatsby" />
+    )
+    expect(container.firstChild.nodeName).toBe("A")
+  })
+
+  it("creates a raw link on hashes", () => {
+    const { container } = render(<MdxLink href="#gatsby" />)
+    expect(container.firstChild.nodeName).toBe("A")
+  })
+
+  it("creates a raw link on files", () => {
+    const { container } = render(<MdxLink href="/gatsby-cheat-sheet.pdf" />)
+    expect(container.firstChild.nodeName).toBe("A")
+  })
+
+  it("creates a localized link for internal links", () => {
+    const { container } = render(<MdxLink href="/docs" />)
+    expect(container.firstChild.nodeName).toBe("SPAN")
+  })
+})
