message: fix up CircleOcticon tests
diff: import React from 'react'
  +import {Check} from '@githubprimer/octicons-react'
  +import theme, {colors} from '../theme'
  import CircleOcticon from '../CircleOcticon'
  import {render, rendersClass} from '../utils/testing'
  -import {Check} from '@githubprimer/octicons-react'
  describe('CircleOcticon', () => {
  it('renders a <div> with width and height', () => {
  @@ -10,24 +11,12 @@ describe('CircleOcticon', () => {
  expect(result).toHaveStyleRule('height', '10px')
  })
  - xit('adds the "circle" class', () => {
  - expect(rendersClass(<CircleOcticon icon={Check} />, 'circle')).toBe(true)
  - })
  -
  - xit('does not add a bg class by default', () => {
  - expect(render(<CircleOcticon icon={Check} />).props.className).not.toMatch(/\bbg-/)
  - })
  -
  - xit('adds the appropriate bg class for the "bg" prop', () => {
  - expect(rendersClass(<CircleOcticon icon={Check} bg="red" />, 'bg-red')).toBe(true)
  - })
  -
  - xit('does not add a text class by default', () => {
  - expect(render(<CircleOcticon icon={Check} />).props.className).not.toMatch(/\btext-/)
  + it('renders {borderRadius: 50%}', () => {
  + expect(render(<CircleOcticon icon={Check} />)).toHaveStyleRule('border-radius', '50%')
  })
  - xit('adds the appropriate text class for the "color" prop', () => {
  - expect(rendersClass(<CircleOcticon icon={Check} color="red" />, 'text-red')).toBe(true)
  + it('respects the bg prop', () => {
  + expect(render(<CircleOcticon icon={Check} bg="red.5" />)).toHaveStyleRule('background-color', colors.red[5])
  })
  it('has a default size', () => {
  @@ -37,10 +26,10 @@ describe('CircleOcticon', () => {
  })
  it('respects margin utility prop', () => {
  - expect(render(<CircleOcticon icon={Check} m={4} />)).toHaveStyleRule('margin', '32px')
  + expect(render(<CircleOcticon icon={Check} m={4} />)).toHaveStyleRule('margin', `${theme.space[4]}px`)
  })
  it('respects padding utility prop', () => {
  - expect(render(<CircleOcticon icon={Check} p={4} />)).toHaveStyleRule('padding', '32px')
  + expect(render(<CircleOcticon icon={Check} p={4} />)).toHaveStyleRule('padding', `${theme.space[4]}px`)
  })
  })
  