/* eslint-disable function-paren-newline, comma-dangle */
import React from 'react'
import renderWithTheme from '../../testHelper'
import Circle from '../Circle'
import ThemeWrapper from '../../theme/ThemeWrapper'

describe('Circle', () => {
  it('renders a Primary Circle', () => {
    const tree = renderWithTheme(
      <Circle size={48} />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Secondary Circle', () => {
    const tree = renderWithTheme(
      <Circle modifier="secondary" size={48} />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a Primary Circle with a custom theme', () => {
    const tree = renderWithTheme(
      <ThemeWrapper
        theme={{ colors: { textBlue: '#000000' } }}
      >
        <Circle size={48} />
      </ThemeWrapper>
    )
    expect(tree).toMatchSnapshot()
  })
})