From c1ccd01d3007c55931c30720267155df24f93cc6 Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Thu, 16 Nov 2023 09:22:48 -0800
Subject: [PATCH] Grouped tests with default (primary) variant

---
 .../src/components/Button/Button.test.tsx     | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/packages/components/src/components/Button/Button.test.tsx b/packages/components/src/components/Button/Button.test.tsx
index 70a86862..38b54c1d 100644
--- a/packages/components/src/components/Button/Button.test.tsx
+++ b/packages/components/src/components/Button/Button.test.tsx
@@ -13,26 +13,25 @@ describe('Button', () => {
   const label = 'Button text'
   const onPressSpy = jest.fn()
 
-  it('initializes correctly', async () => {
-    component = render(<Button label={label} onPress={onPressSpy} />)
-    expect(component).toBeTruthy()
-  })
+  describe('Primary variant', () => {
+    beforeEach(() => {
+      component = render(<Button label={label} onPress={onPressSpy} />)
+    })
 
-  it('should call onChange', async () => {
-    component = render(<Button label={label} onPress={onPressSpy} />)
-    fireEvent.press(component.getByRole('button'))
-    expect(onPressSpy).toBeCalled()
-  })
+    it('initializes correctly', async () => {
+      expect(component).toBeTruthy()
+    })
 
-  it('should render label', async () => {
-    component = render(<Button label={label} onPress={onPressSpy} />)
-    expect(component.findByText('Button text')).toBeTruthy()
-  })
+    it('should call onChange', async () => {
+      fireEvent.press(component.getByRole('button'))
+      expect(onPressSpy).toBeCalled()
+    })
 
-  describe('Primary variant', () => {
-    it('should render Primary variant by default', async () => {
-      component = render(<Button label={label} onPress={onPressSpy} />)
+    it('should render label', async () => {
+      expect(component.findByText('Button text')).toBeTruthy()
+    })
 
+    it('should render Primary variant by default', async () => {
       const button = component.getByRole('button')
       const text = component.getByText(label)
       const { backgroundColor, borderWidth } = button.props.style