message: tidy up Heading tests
diff: @@ -7,11 +7,13 @@ it('Heading renders an h1 by default', () => {
  })
  it('Heading renders default props as utilities', () => {
  - expect(render(<Heading />).props.className).toEqual('m-0 f1')
  + expect(renderClasses(<Heading />))
  + .toEqual(['m-0', 'f1'])
  })
  it('Heading renders margin', () => {
  - expect(renderClasses(<Heading m={1} />)).toEqual(['m-1', 'f1'])
  + expect(renderClasses(<Heading m={1} />))
  + .toEqual(['m-1', 'f1'])
  expect(renderClasses(<Heading m={[0, 1, 2, 3, 4]} />))
  .toEqual(['m-0', 'm-sm-1', 'm-md-2', 'm-lg-3', 'm-xl-4', 'f1'])
  expect(renderClasses(<Heading m={[null, 1, null, 3]} />))
  @@ -19,12 +21,12 @@ it('Heading renders margin', () => {
  })
  it('Heading renders padding', () => {
  - expect(render(<Heading p={1} />))
  - .toEqual(render(<h1 className='p-1 m-0 f1' />))
  - expect(render(<Heading p={[0, 1, 2, 3, 4]} />))
  - .toEqual(render(<h1 className='p-0 p-sm-1 p-md-2 p-lg-3 p-xl-4 m-0 f1' />))
  - expect(render(<Heading p={[null, 1, null, 3]} />))
  - .toEqual(render(<h1 className='p-sm-1 p-lg-3 m-0 f1' />))
  + expect(renderClasses(<Heading p={1} />))
  + .toEqual(['p-1', 'm-0', 'f1'])
  + expect(renderClasses(<Heading p={[0, 1, 2, 3, 4]} />))
  + .toEqual(['p-0', 'p-sm-1', 'p-md-2', 'p-lg-3', 'p-xl-4', 'm-0', 'f1'])
  + expect(renderClasses(<Heading p={[null, 1, null, 3]} />))
  + .toEqual(['p-sm-1', 'p-lg-3', 'm-0', 'f1'])
  })
  it('Heading renders fontSize with f* classes using inverse scale', () => {
  @@ -45,7 +47,8 @@ it('Heading renders fontSize with f* classes using inverse scale', () => {
  })
  it('Heading.withComponent() returns a tagged component', () => {
  - const Bold = Heading.withComponent('b')
  - expect(render(<Bold p={1} />))
  - .toEqual(render(<b className='p-1' />))
  + const Span = Heading.withComponent('span')
  + Span.defaultProps = Heading.defaultProps
  + expect(render(<Span p={1} />))
  + .toEqual(render(<span className='p-1 m-0 f1' />))
  })
  