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

describe('Card', () => {
  it('renders a CardList', () => {
    const tree = renderWithTheme(
      <CardList gridTemplateColumns="repeat(auto-fill, minmax(240px, 1fr))" />
    )
    expect(tree).toMatchSnapshot()
  })

  it('renders a different CardList', () => {
    const tree = renderWithTheme(
      <CardList
        gridTemplateColumns={['minmax(180px, 1fr)', 'repeat(4, 180px)', 'repeat(auto-fit, minmax(180px, 194px))']}
      />
    )
    expect(tree).toMatchSnapshot()
  })
})