From 3079b0285920bc16ee670e2d2d648047662e8169 Mon Sep 17 00:00:00 2001
From: Adam Plesnik <adam.plesnik@expersoft.com>
Date: Fri, 19 Apr 2024 14:39:05 +0200
Subject: [PATCH] Add Hr snapshots

---
 .../04/tests/__snapshots__/Hr.test.tsx.snap   | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 blog/2024/04/tests/__snapshots__/Hr.test.tsx.snap

diff --git a/blog/2024/04/tests/__snapshots__/Hr.test.tsx.snap b/blog/2024/04/tests/__snapshots__/Hr.test.tsx.snap
new file mode 100644
index 0000000..2a658e9
--- /dev/null
+++ b/blog/2024/04/tests/__snapshots__/Hr.test.tsx.snap
@@ -0,0 +1,51 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Add class name to the component 1`] = `
+<div
+  className="my-4 flex items-center gap-2 text-gray-700 dark:text-gray-300 test-class"
+>
+  <hr
+    className="h-px flex-1 border-none bg-current"
+  />
+</div>
+`;
+
+exports[`Render separator with text at the end 1`] = `
+<div
+  className="my-4 flex items-center gap-2 text-gray-700 dark:text-gray-300"
+>
+  <span
+    className="text-xs font-medium order-last"
+  >
+    End of Section 2
+  </span>
+  <hr
+    className="h-px flex-1 border-none bg-current"
+  />
+</div>
+`;
+
+exports[`Render separator with text in the beginning 1`] = `
+<div
+  className="my-4 flex items-center gap-2 text-gray-700 dark:text-gray-300"
+>
+  <span
+    className="text-xs font-medium"
+  >
+    End of Section 1
+  </span>
+  <hr
+    className="h-px flex-1 border-none bg-current"
+  />
+</div>
+`;
+
+exports[`Render simple separator 1`] = `
+<div
+  className="my-4 flex items-center gap-2 text-gray-700 dark:text-gray-300"
+>
+  <hr
+    className="h-px flex-1 border-none bg-current"
+  />
+</div>
+`;