@webpack-blocks/postcss/__tests__/integration.test.js

Webpack block for PostCSS.

import test from 'ava'
import { css } from '@webpack-blocks/assets'
import { createConfig, match } from '@webpack-blocks/core'
import postcss from '../index'

test('Postcss works with defaults, without match()', t => {
  const config = createConfig({}, [postcss()])

  t.deepEqual(config.module.rules, [
    {
      test: /\.css$/,
      use: [
        {
          loader: 'postcss-loader',
          options: {}
        }
      ]
    }
  ])
})

test('Postcss works with css() & match()', t => {
  const config = createConfig({}, [match('*.css', { exclude: /node_modules/ }, [css(), postcss()])])

  t.deepEqual(config.module.rules, [
    {
      test: /^.*\.css$/,
      exclude: /node_modules/,
      use: [
        {
          loader: 'style-loader',
          options: {}
        },
        {
          loader: 'css-loader',
          options: {}
        },
        {
          loader: 'postcss-loader',
          options: {}
        }
      ]
    }
  ])
})

test('Postcss allows inline plugin config and custom options', t => {
  const fakePostcssPlugin = { id: 'fakePostcssPlugin' }

  const config = createConfig({}, [
    postcss({
      plugins: [fakePostcssPlugin],
      parser: 'sugarss'
    })
  ])

  t.deepEqual(config.module.rules, [
    {
      test: /\.css$/,
      use: [
        {
          loader: 'postcss-loader',
          options: {
            plugins: [fakePostcssPlugin],
            parser: 'sugarss'
          }
        }
      ]
    }
  ])
})