rofrischmann/fela

import { createRenderer } from 'fela'

import renderToSheetList from '../renderToSheetList'

describe('Rendering to a sheet list', () => {
  it('should return a list of style sheets', () => {
    const rule = (props) => ({
      color: props.color,
      '@supports (display:flex)': {
        color: 'yellow',
      },
      '@supports (display:grid)': {
        color: 'brown',
      },
      '@media (min-height: 300px)': {
        color: 'blue',
        '@supports (display:flex)': {
          color: 'green',
        },
        '@supports (display:grid)': {
          color: 'black',
        },
      },
    })

    const renderer = createRenderer()
    renderer.renderRule(rule, {
      color: 'red',
    })
    renderer.renderStatic('*{box-sizing:border-box}')
    renderer.renderStatic(
      {
        display: 'flex',
      },
      'div'
    )

    expect(renderToSheetList(renderer)).toMatchSnapshot()
  })
})