diff --git a/tests/e2e/LineNumbers.test.svelte b/tests/e2e/LineNumbers.test.svelte
new file mode 100644
index 00000000..cad6041f
--- /dev/null
+++ b/tests/e2e/LineNumbers.test.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+  import Highlight, { LineNumbers } from "svelte-highlight";
+  import typescript from "svelte-highlight/languages/typescript";
+  import horizonDark from "svelte-highlight/styles/horizon-dark";
+
+  const code = "const add = (a: number, b: number) => a + b";
+</script>
+
+<svelte:head>
+  {@html horizonDark}
+</svelte:head>
+
+<Highlight language={typescript} {code} let:highlighted>
+  <LineNumbers {highlighted} />
+</Highlight>
diff --git a/tests/e2e/e2e.test.ts b/tests/e2e/e2e.test.ts
index f17d9985..a8980b95 100644
--- a/tests/e2e/e2e.test.ts
+++ b/tests/e2e/e2e.test.ts
@@ -1,8 +1,8 @@
 import { expect, test } from "@playwright/experimental-ct-svelte";
 import Highlight from "./Highlight.test.svelte";
 import HighlightAuto from "./HighlightAuto.test.svelte";
+import LineNumbers from "./LineNumbers.test.svelte";
 import SvelteHighlight from "./SvelteHighlight.test.svelte";
-
 test.use({ viewport: { width: 1200, height: 600 } });
 
 test("Highlight", async ({ mount, page }) => {
@@ -18,6 +18,12 @@ test("Highlight", async ({ mount, page }) => {
 
 test("HighlightAuto", async ({ mount, page }) => {
   await mount(HighlightAuto);
+
+  await expect(page.locator(".hljs-selector-tag")).toHaveText("body");
+  await expect(page.locator(".hljs-attribute")).toHaveText("background");
+  await expect(page.locator(".hljs-number")).toHaveText("#000");
+
+  // Language tag
   await expect(page.locator("pre")).toHaveAttribute("data-language", "css");
 });
 
@@ -25,3 +31,11 @@ test("SvelteHighlight", async ({ mount, page }) => {
   await mount(SvelteHighlight);
   await expect(page.locator(".hljs-attr")).toHaveText("on:click");
 });
+
+test("LineNumbers", async ({ mount, page }) => {
+  await mount(LineNumbers);
+  await expect(page.getByText("1")).toBeVisible();
+
+  await expect(page.locator(".hljs-keyword")).toHaveText("const");
+  await expect(page.locator(".hljs-title")).toHaveText("add");
+});