Improve tests on Bar and Button

- Improve Bar tests with blockSizes from commom instead of static values
- Test disabled Button callback function

Author: luizbaldi

src/components/Bar/Bar.spec.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import { render } from '@testing-library/react'
+import { blockSizes } from '../common/system'
 
 import Bar from './Bar'
 
@@ -15,11 +16,11 @@ describe('<Bar />', () => {
     const { container, rerender } = render(<Bar size='sm' />)
     const barEl = container.firstChild
 
-    expect(barEl).toHaveStyleRule('height', '27px')
+    expect(barEl).toHaveStyleRule('height', blockSizes.sm)
 
     rerender(<Bar size='lg' />)
 
-    expect(barEl).toHaveStyleRule('height', '43px')
+    expect(barEl).toHaveStyleRule('height', blockSizes.lg)
   })
 
   it('should handle custom style', () => {

src/components/Button/Button.spec.js

@@ -79,4 +79,14 @@ describe('<Button />', () => {
 
     expect(button.innerHTML).toBe('click me')
   })
+
+  it('should not fire click when disabled', () => {
+    const onButtonClick = jest.fn()
+    const { getByRole } = render(<Button {...defaultProps} disabled />)
+    const button = getByRole('button')
+
+    fireEvent.click(button)
+
+    expect(onButtonClick).not.toHaveBeenCalled()
+  })
 })