improvements for testing

Author: mertasan

__tests__/util/_utils.js

@@ -2,21 +2,42 @@ const tailwind = require('tailwindcss')
 const snapshotDiff = require('snapshot-diff')
 const postcss = require('postcss')
 const path = require('path')
+const fs = require('fs')
+const atImport = require("postcss-import")
 
 module.exports = (contentFile) => {
   let utils = {}
 
   utils.run = function(config = {}) {
-    let { currentTestName } = expect.getState();
+    let { currentTestName } = expect.getState()
+    let filename = currentTestName + '.test.css'
+    if (fs.existsSync(path.resolve(__dirname, '../' + filename))) {
+      return this.runFromFile(filename, config)
+    }
+
+    return this.runInline(config)
+  }
+
+  utils.runInline = (config) => {
     return postcss([tailwind({ corePlugins: [], ...config })])
       .process(['@tailwind base;', '@tailwind components;', '@tailwind utilities;'].join('\n'), {
-        // from: `${path.resolve(__filename)}?test=${currentTestName}`
-        from: undefined
+        from: undefined,
+      })
+      .then((result) => result.css)
+  }
+
+  utils.runFromFile = (filename, config) => {
+
+    const css = fs.readFileSync(path.resolve(__dirname, '../' + filename), 'utf8')
+    return postcss([tailwind({ corePlugins: [], ...config })])
+      .use(atImport())
+      .process(css, {
+        from: path.resolve(__dirname, '../' + filename),
       })
       .then((result) => result.css)
   }
 
-  utils.diffOnly = async function (options = {}) {
+  utils.diffOnly = async function(options = {}) {
     const [before, after] = await Promise.all([utils.run(), utils.run(options)])
 
     return `\n\n${snapshotDiff(before, after, {

package.json

@@ -44,6 +44,7 @@
     "fs-extra": "^10.0.0",
     "jest": "^27.4.3",
     "postcss": "^8.4.4",
+    "postcss-import": "^14.1.0",
     "prettier": "^2.5.0",
     "snapshot-diff": "^0.9.0",
     "tailwindcss": "^3.0.0"