diff --git a/client/src/components/splitlines/SplitLines.test.tsx b/client/src/components/splitlines/SplitLines.test.tsx
new file mode 100644
index 00000000..be8e896a
--- /dev/null
+++ b/client/src/components/splitlines/SplitLines.test.tsx
@@ -0,0 +1,16 @@
+import SplitLines from "./SplitLines";
+import { screen } from "@testing-library/dom";
+import { render } from "@testing-library/react";
+
+describe("SplitLines", () => {
+  it("joins items with line break tags", () => {
+    render(
+      <div data-testid={"container"}>
+        <SplitLines items={["foo", "bar", "baz"]} />
+      </div>
+    );
+
+    const container = screen.getByTestId("container");
+    expect(container).toContainHTML("foo<br />bar<br />baz<br />");
+  });
+});