test: add test for #230

nvh95 · Aug 22, 2022 · fe97580 · fe97580
1 parent 0b7d4fd
commit fe97580
Show file tree

Hide file tree

Showing 8 changed files with 85 additions and 0 deletions.
diff --git a/src/__tests__/230/base.css b/src/__tests__/230/base.css
@@ -0,0 +1,7 @@
+@tailwind base;
+
+@layer base {
+  #id {
+    @apply flex min-h-screen flex-col;
+  }
+}
diff --git a/src/__tests__/230/components.css b/src/__tests__/230/components.css
@@ -0,0 +1,10 @@
+@tailwind components;
+
+@layer components {
+  .card {
+    background-color: theme('colors.white');
+    border-radius: theme('borderRadius.lg');
+    padding: theme('spacing.6');
+    box-shadow: theme('boxShadow.xl');
+  }
+}
diff --git a/src/__tests__/230/index.css b/src/__tests__/230/index.css
@@ -0,0 +1,3 @@
+@import 'base.css';
+@import 'components.css';
+@import 'utils.css';
diff --git a/src/__tests__/230/index.html b/src/__tests__/230/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <p class="card lg:dark:content-auto"></p>
+  </body>
+</html>
diff --git a/src/__tests__/230/index.test.ts b/src/__tests__/230/index.test.ts
@@ -0,0 +1,15 @@
+// https://github.com/nvh95/jest-preview/issues/230
+import cssTransform from '../../preconfigTransform/css';
+import fs from 'fs';
+import path from 'path';
+
+const filename = path.join(__dirname, 'index.css');
+const cssSrc = fs.readFileSync(filename, 'utf8');
+
+describe(`Tailwind CSS doesn't get compiled in @import'ed files`, () => {
+  it('should inline @import', () => {
+    expect(cssTransform.process(cssSrc, filename).code).toContain(
+      'https://tailwindcss.com',
+    );
+  });
+});
diff --git a/src/__tests__/230/postcss.config.cjs b/src/__tests__/230/postcss.config.cjs
@@ -0,0 +1,24 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+    'postcss-trolling': {
+      comicSans: true,
+      aling: false,
+      blur: false,
+      blurBlink: false,
+      clearfix: false,
+      heigth: false,
+      hideCursor: false,
+      hideOdd: false,
+      ms: false,
+      ren: false,
+      rotate: false,
+      roulette: false,
+      slowlyGrowText: false,
+      verImportant: false,
+      wait: false,
+      zIndex: false,
+    },
+  },
+};
diff --git a/src/__tests__/230/tailwind.config.cjs b/src/__tests__/230/tailwind.config.cjs
@@ -0,0 +1,7 @@
+module.exports = {
+  content: ['./index.html'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/src/__tests__/230/utils.css b/src/__tests__/230/utils.css
@@ -0,0 +1,7 @@
+@tailwind utilities;
+
+@layer utilities {
+  .content-auto {
+    content-visibility: auto;
+  }
+}