css-inherit-fn/tests/sass/test.jest.js

Sass and Less mixins to enable CSS --var: calc(inherit(--var) + 1);

// cheers https://obyford.com/posts/testing-sass-with-jest/
const util = require("util")
const sass = require("node-sass")
const sassRender = util.promisify(sass.render)
const fs = require("fs")
const helpers = require("../helpers.js")
const normalizeWhitespace = helpers.normalizeWhitespace
const expected = normalizeWhitespace(fs.readFileSync("./tests/test.compiled.css", "utf8"))

const render = (options) => {
  return sassRender({
    // Where node-sass should look for files when you use @import
    includePaths: ["./"],

    // Using a compact output style allows you to use concise "expected" CSS
    outputStyle: "compact",

    // Merge in any other options you pass when calling render
    ...options
  })
}

describe("_sass-inherit.scss", () => {
  it("does not output CSS by itself", async () => {
    return render({
      file: "./_sass-inherit.scss"
    }).then(output => {
      expect(output.css.toString()).toEqual("")
    })
  })
})

describe("test.scss", () => {
  it("compiles to the correct CSS", async () => {
    return render({
      file: "./tests/sass/test.scss"
    }).then(output => {
      const built = output.css.toString()
      expect(normalizeWhitespace(built)).toEqual(expected)
    })
  })
})