postcss-sparrow-auto-content-visibility/test/index.spec.js

A PostCSS Sparrow plugin that add content visibility property for you automatically.

const postcss = require('postcss')
const sparrow = require('postcss-sparrow')
// const S = require('sanctuary')
const R = require('ramda')
const chai = require('chai')
const sinon = require('sinon')
const expect = chai.expect

describe('postcss-sparrow-auto-content-visibility', function () {
  let css, beforeDeclCount

  beforeEach(function () {
    css = `
    body{
      padding: 5rem;
    }

    a{
      letter-spacing: 20px;
      display: none;
    }`

    const beforeTransformation = postcss
      .parse(css, {
        from: undefined
      })
  })

  describe('if wildcard is used', function () {
    describe('if inclusion is set to true', function () {
      it('content-visibility: auto; should be added to all declarations', async function () {
        const options = {
          transformations: [
            {
              selectors: ['*'],
              inclusion: true,
              callbacks: [
                require('../src/index.js').default()
              ]
            }
          ]
        }

        const result = await postcss([
          sparrow(options)
        ])
          .process(css, {
            from: undefined
          })

        const declAmount = R.reduce(
          (acc, value) => R.pipe(
            R.prop('nodes'),
            R.prop('length'),
            R.add(acc)
          )(value)
        )(0)(result.root.nodes)

        expect(declAmount).to.equal(4)
      })
    })
  })
})