@maizzle/framework 4.0.0-alpha.7 → 4.0.0

package/test/{test-tailwind.js → test-tailwindcss.js}

@@ -1,117 +1,117 @@
-const test = require('ava')
-const ora = require('ora')
-const Tailwind = require('../src/generators/tailwindcss')
-
-test('throws on compile error', async t => {
-  await t.throwsAsync(async () => {
-    const spinner = ora('Compiling Tailwind CSS...').start()
-    await Tailwind.compile('.test {@apply inexistent;}', '<div class="test">Test</a>', {}, {}, spinner)
-  }, {instanceOf: Error, message: 'Tailwind CSS compilation failed'})
-})
-
-test('uses Tailwind defaults if no config specified', async t => {
-  const css = await Tailwind.compile(
-    '@tailwind utilities;',
-    '<p class="xl:z-0"></p>',
-    {},
-    {env: 'production'}
-  )
-
-  t.not(css, undefined)
-  t.true(css.includes('.xl\\:z-0'))
-})
-
-test('uses CSS file provided in environment config', async t => {
-  const config = {
-    env: 'production',
-    build: {
-      tailwind: {
-        css: './test/stubs/main.css'
-      }
-    }
-  }
-
-  const css = await Tailwind.compile('', '<div class="text-center foo">test</div>', {}, config)
-
-  t.not(css, undefined)
-  t.true(css.includes('.text-center'))
-  t.true(css.includes('.foo'))
-})
-
-test('works with custom `content` sources', async t => {
-  const css = await Tailwind.compile(
-    '@tailwind utilities;',
-    '<div class="hidden"></div>',
-    {
-      content: ['./test/stubs/tailwind/*.*']
-    }
-  )
-
-  t.true(css.includes('.hidden'))
-})
-
-test('works with custom `files` sources', async t => {
-  const css = await Tailwind.compile(
-    '@tailwind utilities;',
-    '<div></div>',
-    {
-      content: {
-        files: ['./test/stubs/tailwind/*.*']
-      }
-    }
-  )
-
-  t.true(css.includes('.hidden'))
-})
-
-test('uses maizzle template path as content source', async t => {
-  const css = await Tailwind.compile(
-    '@tailwind utilities;',
-    '<div></div>',
-    {},
-    {
-      build: {
-        templates: {
-          source: './test/stubs/tailwind'
-        }
-      }
-    }
-  )
-
-  t.true(css.includes('.hidden'))
-})
-
-test('uses maizzle template path as content source (single file)', async t => {
-  const css = await Tailwind.compile(
-    '@tailwind utilities;',
-    '<div></div>',
-    {},
-    {
-      build: {
-        templates: {
-          source: './test/stubs/tailwind/preserve.html'
-        }
-      }
-    }
-  )
-
-  t.true(css.includes('.hidden'))
-})
-
-test('uses custom postcss plugins from the maizzle config', async t => {
-  const maizzleConfig = {
-    env: 'production',
-    build: {
-      postcss: {
-        plugins: [
-          require('autoprefixer')({overrideBrowserslist: ['> 0.1%']})
-        ]
-      }
-    }
-  }
-
-  const css = await Tailwind.compile('.test {transform: scale(0.5)}', '<div class="test">Test</a>', {}, maizzleConfig)
-
-  t.not(css, undefined)
-  t.is(css.trim(), '.inline {display: inline !important} .table {display: table !important} .contents {display: contents !important} .transform {-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important} .test {-webkit-transform: scale(0.5);transform: scale(0.5)}')
-})
+const test = require('ava')
+const ora = require('ora')
+const Tailwind = require('../src/generators/tailwindcss')
+
+test('throws on compile error', async t => {
+  await t.throwsAsync(async () => {
+    const spinner = ora('Compiling Tailwind CSS...').start()
+    await Tailwind.compile('.test {@apply inexistent;}', '<div class="test">Test</a>', {}, {}, spinner)
+  }, {instanceOf: Error, message: 'Tailwind CSS compilation failed'})
+})
+
+test('uses defaults if no config specified', async t => {
+  const css = await Tailwind.compile(
+    '@tailwind utilities;',
+    '<p class="xl:z-0"></p>',
+    {},
+    {env: 'production'}
+  )
+
+  t.not(css, undefined)
+  t.true(css.includes('.xl\\:z-0'))
+})
+
+test('uses css file provided in environment config', async t => {
+  const config = {
+    env: 'production',
+    build: {
+      tailwind: {
+        css: './test/stubs/main.css'
+      }
+    }
+  }
+
+  const css = await Tailwind.compile('', '<div class="text-center foo">test</div>', {}, config)
+
+  t.not(css, undefined)
+  t.true(css.includes('.text-center'))
+  t.true(css.includes('.foo'))
+})
+
+test('works with custom `content` sources', async t => {
+  const css = await Tailwind.compile(
+    '@tailwind utilities;',
+    '<div class="hidden"></div>',
+    {
+      content: ['./test/stubs/tailwind/*.*']
+    }
+  )
+
+  t.true(css.includes('.hidden'))
+})
+
+test('works with custom `files` sources', async t => {
+  const css = await Tailwind.compile(
+    '@tailwind utilities;',
+    '<div></div>',
+    {
+      content: {
+        files: ['./test/stubs/tailwind/*.*']
+      }
+    }
+  )
+
+  t.true(css.includes('.hidden'))
+})
+
+test('uses maizzle template path as content source', async t => {
+  const css = await Tailwind.compile(
+    '@tailwind utilities;',
+    '<div></div>',
+    {},
+    {
+      build: {
+        templates: {
+          source: './test/stubs/tailwind'
+        }
+      }
+    }
+  )
+
+  t.true(css.includes('.hidden'))
+})
+
+test('uses maizzle template path as content source (single file)', async t => {
+  const css = await Tailwind.compile(
+    '@tailwind utilities;',
+    '<div></div>',
+    {},
+    {
+      build: {
+        templates: {
+          source: './test/stubs/tailwind/content-source.html'
+        }
+      }
+    }
+  )
+
+  t.true(css.includes('.hidden'))
+})
+
+test('uses custom postcss plugins from the maizzle config', async t => {
+  const maizzleConfig = {
+    env: 'production',
+    build: {
+      postcss: {
+        plugins: [
+          require('autoprefixer')({overrideBrowserslist: ['> 0.1%']})
+        ]
+      }
+    }
+  }
+
+  const css = await Tailwind.compile('.test {transform: scale(0.5)}', '<div class="test">Test</a>', {}, maizzleConfig)
+
+  t.not(css, undefined)
+  t.is(css.trim(), '.inline {display: inline !important} .table {display: table !important} .contents {display: contents !important} .truncate {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important} .uppercase {text-transform: uppercase !important} .lowercase {text-transform: lowercase !important} .capitalize {text-transform: capitalize !important} .test {-webkit-transform: scale(0.5);transform: scale(0.5)}')
+})