Grouped tests with default (primary) variant

department-of-veterans-affairs · Nov 16, 2023 · c1ccd01 · c1ccd01
1 parent ce5d3a5
commit c1ccd01
Showing 1 changed file with 15 additions and 16 deletions.
diff --git 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