From 2463cc0d09a9d1068fd25769a112dd6b80e4020e Mon Sep 17 00:00:00 2001
From: Conner Davis <conner@tulup.io>
Date: Mon, 6 Jun 2022 15:19:28 -0700
Subject: [PATCH] test(component): Add unit test for `<Label value="">`

---
 .../components/FormControls/Label.spec.tsx    | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/FormControls/Label.spec.tsx b/src/lib/components/FormControls/Label.spec.tsx
index 3502ae7d7d..cd9ed8eb37 100644
--- a/src/lib/components/FormControls/Label.spec.tsx
+++ b/src/lib/components/FormControls/Label.spec.tsx
@@ -1,7 +1,6 @@
 import { render } from '@testing-library/react';
 import { HiGlobe, HiLockClosed } from 'react-icons/hi';
 import { describe, expect, it } from 'vitest';
-
 import { Button } from '../Button';
 import { Checkbox } from './Checkbox';
 import { FileInput } from './FileInput';
@@ -13,14 +12,8 @@ import { TextInput } from './TextInput';
 import { ToggleSwitch } from './ToggleSwitch';
 
 describe.concurrent('Components / Form controls / Label', () => {
-  it('should render', () => {
-    render(<Label>Hello</Label>);
-  });
-
   describe('A11y', () => {
     it('should provide accessible name to any form control associated by `htmlFor`', () => {
-      const { getByLabelText } = render(<TestForm />);
-
       const inputLabels = [
         'Your email',
         'Your password',
@@ -31,9 +24,23 @@ describe.concurrent('Components / Form controls / Label', () => {
         'Your message',
       ];
 
+      const { getByLabelText } = render(<TestForm />);
+
       inputLabels.forEach((label) => expect(getByLabelText(label)).toHaveAccessibleName(label));
     });
   });
+
+  describe('Rendering', () => {
+    it('should render', () => {
+      render(<Label>Hello</Label>);
+    });
+
+    describe('`value=".."`', () => {
+      it('should render', () => {
+        render(<Label value="Hello" />);
+      });
+    });
+  });
 });
 
 const TestForm = (): JSX.Element => (