prejss/tests/basic.test.js

Get the power of PostCSS with plugins in your JSS styles. 🎨 Just put CSS into JS and get it as JSS object.

import preJSS from '../src/index';

it('plain CSS parsed to object', () => {
  const colors = {
    main: 'red',
  }
  const widht = wide => wide ? '100px' : '50px'

  const style = ({ main }) => preJSS`
    button {
      width: ${widht};
      height: 100px;
      background: ${main};
      &:hover {
        color: black;
      }
    }
  `
  
  expect(style(colors)).toEqual({
    button: {
      width: widht,
      height: '100px',
      background: 'red',
      '&:hover': {
        color: 'black',
      }
    }
  })
})