From f13bd7923b6e82e0c9cc77528f4a98e05a1c2c27 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 29 Oct 2024 09:45:30 +0000
Subject: [PATCH] Fix and update tests

---
 src/reactions/RaisedHandIndicator.test.tsx    |  7 +++++
 .../RaisedHandIndicator.test.tsx.snap         | 28 ++++++++++++++++---
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/reactions/RaisedHandIndicator.test.tsx b/src/reactions/RaisedHandIndicator.test.tsx
index 6db9ada4..d4b5e93c 100644
--- a/src/reactions/RaisedHandIndicator.test.tsx
+++ b/src/reactions/RaisedHandIndicator.test.tsx
@@ -33,4 +33,11 @@ describe("RaisedHandIndicator", () => {
     );
     expect(container.firstChild).toMatchSnapshot();
   });
+  test("renders a smaller indicator when minature is specified", () => {
+    const dateTime = new Date();
+    const { container } = render(
+      <RaisedHandIndicator raisedHandTime={dateTime} minature />,
+    );
+    expect(container.firstChild).toMatchSnapshot();
+  });
 });
diff --git a/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap b/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap
index 67719949..503631dc 100644
--- a/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap
+++ b/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RaisedHandIndicator > renders an indicator when a hand has been raised 1`] = `
+exports[`RaisedHandIndicator > renders a smaller indicator when minature is specified 1`] = `
 <div
   class="raisedHandWidget"
 >
@@ -20,12 +20,32 @@ exports[`RaisedHandIndicator > renders an indicator when a hand has been raised
 </div>
 `;
 
-exports[`RaisedHandIndicator > renders an indicator when a hand has been raised with the expected time 1`] = `
+exports[`RaisedHandIndicator > renders an indicator when a hand has been raised 1`] = `
 <div
-  class="raisedHandWidget"
+  class="raisedHandWidget raisedHandWidgetLarge"
 >
   <div
-    class="raisedHand"
+    class="raisedHand raisedHandLarge"
+  >
+    <span
+      aria-label="raised hand"
+      role="img"
+    >
+      ✋
+    </span>
+  </div>
+  <p>
+    00:01
+  </p>
+</div>
+`;
+
+exports[`RaisedHandIndicator > renders an indicator when a hand has been raised with the expected time 1`] = `
+<div
+  class="raisedHandWidget raisedHandWidgetLarge"
+>
+  <div
+    class="raisedHand raisedHandLarge"
   >
     <span
       aria-label="raised hand"