rerumaccusamus/packages/cli/plugin-design-token/tests/postcss.test.ts

The meta-framework suite designed from scratch for frontend-focused modern web development.

import postcss from 'postcss';
import type { Result } from 'postcss';
import getPostcssPlugin from '../src/postcss-plugin';

describe('postcss', () => {
  it('base use', () => {
    const plugin = getPostcssPlugin({ cssVarsHash: { '--warning': 'red' } });
    postcss([plugin])
      .process(
        `
      color: --warning;
    `,
        { from: '', to: undefined },
      )
      // eslint-disable-next-line promise/prefer-await-to-then
      .then((result: Result) => {
        expect(result.css).toMatchSnapshot();
      });
  });
});