From ec2bffae1c5cf9ab9e3fcc12a8ed1a5143e99707 Mon Sep 17 00:00:00 2001
From: Richard Gill <richardgill@users.noreply.github.com>
Date: Sat, 23 Mar 2024 15:25:01 +0000
Subject: [PATCH] test: transformer empty line fixtures (#636)

---
 .../test/fixtures/focus/empty-line-comment.js            | 9 +++++++++
 .../fixtures/focus/empty-line-comment.js.output.html     | 7 +++++++
 .../test/fixtures/highlight/empty-line-comment.js        | 9 +++++++++
 .../fixtures/highlight/empty-line-comment.js.output.html | 7 +++++++
 4 files changed, 32 insertions(+)
 create mode 100644 packages/transformers/test/fixtures/focus/empty-line-comment.js
 create mode 100644 packages/transformers/test/fixtures/focus/empty-line-comment.js.output.html
 create mode 100644 packages/transformers/test/fixtures/highlight/empty-line-comment.js
 create mode 100644 packages/transformers/test/fixtures/highlight/empty-line-comment.js.output.html

diff --git a/packages/transformers/test/fixtures/focus/empty-line-comment.js b/packages/transformers/test/fixtures/focus/empty-line-comment.js
new file mode 100644
index 000000000..c9547605e
--- /dev/null
+++ b/packages/transformers/test/fixtures/focus/empty-line-comment.js
@@ -0,0 +1,9 @@
+export function transformerNotationFocus(
+  // [!code focus:5]
+  options = {},
+) {
+  const {
+    classFocused = 'focused',
+    classActivePre = 'has-focused',
+  } = options
+}
diff --git a/packages/transformers/test/fixtures/focus/empty-line-comment.js.output.html b/packages/transformers/test/fixtures/focus/empty-line-comment.js.output.html
new file mode 100644
index 000000000..d9d8a95d0
--- /dev/null
+++ b/packages/transformers/test/fixtures/focus/empty-line-comment.js.output.html
@@ -0,0 +1,7 @@
+<pre class="shiki github-dark has-focused" style="background-color:#24292e;color:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#F97583">export</span><span style="color:#F97583"> function</span><span style="color:#B392F0"> transformerNotationFocus</span><span style="color:#E1E4E8">(</span></span><span class="line focused"><span style="color:#FFAB70">  options</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> {},</span></span><span class="line focused"><span style="color:#E1E4E8">) {</span></span><span class="line focused"><span style="color:#F97583">  const</span><span style="color:#E1E4E8"> {</span></span><span class="line focused"><span style="color:#79B8FF">    classFocused</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> 'focused'</span><span style="color:#E1E4E8">,</span></span><span class="line"><span style="color:#79B8FF">    classActivePre</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> 'has-focused'</span><span style="color:#E1E4E8">,</span></span><span class="line"><span style="color:#E1E4E8">  } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> options</span></span><span class="line"><span style="color:#E1E4E8">}</span></span><span class="line"></span></code></pre>
+<style>
+body { margin: 0; }
+.shiki { padding: 1em; }
+.line { display: block; width: 100%; height: 1.2em; }
+.has-focused .focused { background-color: #8805; }
+</style>
\ No newline at end of file
diff --git a/packages/transformers/test/fixtures/highlight/empty-line-comment.js b/packages/transformers/test/fixtures/highlight/empty-line-comment.js
new file mode 100644
index 000000000..6ca3a5240
--- /dev/null
+++ b/packages/transformers/test/fixtures/highlight/empty-line-comment.js
@@ -0,0 +1,9 @@
+export function transformerNotationFocus(
+  // [!code highlight:5]
+  options = {},
+) {
+  const {
+    classFocused = 'focused',
+    classActivePre = 'has-focused',
+  } = options
+}
diff --git a/packages/transformers/test/fixtures/highlight/empty-line-comment.js.output.html b/packages/transformers/test/fixtures/highlight/empty-line-comment.js.output.html
new file mode 100644
index 000000000..00fc6f8be
--- /dev/null
+++ b/packages/transformers/test/fixtures/highlight/empty-line-comment.js.output.html
@@ -0,0 +1,7 @@
+<pre class="shiki github-dark has-highlighted" style="background-color:#24292e;color:#e1e4e8" tabindex="0"><code><span class="line"><span style="color:#F97583">export</span><span style="color:#F97583"> function</span><span style="color:#B392F0"> transformerNotationFocus</span><span style="color:#E1E4E8">(</span></span><span class="line highlighted"><span style="color:#FFAB70">  options</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> {},</span></span><span class="line highlighted"><span style="color:#E1E4E8">) {</span></span><span class="line highlighted"><span style="color:#F97583">  const</span><span style="color:#E1E4E8"> {</span></span><span class="line highlighted"><span style="color:#79B8FF">    classFocused</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> 'focused'</span><span style="color:#E1E4E8">,</span></span><span class="line"><span style="color:#79B8FF">    classActivePre</span><span style="color:#F97583"> =</span><span style="color:#9ECBFF"> 'has-focused'</span><span style="color:#E1E4E8">,</span></span><span class="line"><span style="color:#E1E4E8">  } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> options</span></span><span class="line"><span style="color:#E1E4E8">}</span></span><span class="line"></span></code></pre>
+<style>
+body { margin: 0; }
+.shiki { padding: 1em; }
+.line { display: block; width: 100%; height: 1.2em; }
+.highlighted { background-color: #8885; }
+</style>
\ No newline at end of file