123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
import { exists } from 'std/fs/exists.ts'import { join } from 'std/path/mod.ts'import { assert, assertEquals } from 'std/testing/asserts.ts'import { Aleph } from '../server/aleph.ts'import { computeHash } from '../server/helper.ts'import { ensureTextFile } from '../shared/fs.ts'import { isCSS, cssLoader } from './css.ts'
Deno.test('plugin: css loader', async () => {  Deno.env.set('DENO_TESTING', 'true')  const dir = await Deno.makeTempDir({ prefix: 'aleph_plugin_testing' })  const aleph = new Aleph(dir, 'development')  await ensureTextFile(    join(dir, '/style/index.css'),    'h1 { font-size: 18px; }'  )  const { code } = await cssLoader({ specifier: '/style/index.css', }, aleph)  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'export const css = "h1 { font-size: 18px; }"',    'export default {}',    'applyCSS("/style/index.css", { css })',  ].join('\n'))  assert(isCSS('/style/index.css'))  assert(isCSS('/style/index.pcss'))  assert(isCSS('/style/index.postcss'))  assert(!isCSS('/style/index.less'))  assert(!isCSS('/style/index.sass'))})
Deno.test('plugin: css loader for remote external', async () => {  Deno.env.set('DENO_TESTING', 'true')  const dir = await Deno.makeTempDir({ prefix: 'aleph_plugin_testing' })  const aleph = new Aleph(dir, 'development')  aleph.config.css.cache = false  const { code } = await cssLoader({ specifier: 'https://esm.sh/tailwindcss/dist/tailwind.min.css', }, aleph)  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'export const href = "https://esm.sh/tailwindcss/dist/tailwind.min.css"',    'export default {}',    'applyCSS("https://esm.sh/tailwindcss/dist/tailwind.min.css", { href })',  ].join('\n'))})
Deno.test('plugin: css loader for inline styles', async () => {  Deno.env.set('DENO_TESTING', 'true')  const dir = await Deno.makeTempDir({ prefix: 'aleph_plugin_testing' })  const aleph = new Aleph(dir, 'development')  const { code, type } = await cssLoader({    specifier: '#inline-style-{}',    data: 'h1 { font-size: 18px; }'  }, aleph)  assertEquals(code, 'h1 { font-size: 18px; }')  assertEquals(type, 'css')})
Deno.test({  name: 'plugin: css loader css modules feature',  fn: async () => {    Deno.env.set('DENO_TESTING', 'true')    const dir = await Deno.makeTempDir({ prefix: 'aleph_plugin_testing' })    const aleph = new Aleph(dir, 'development')    aleph.config.css.modules = {      scopeBehaviour: 'local',      generateScopedName: '[name]_[local]'    }    await ensureTextFile(      join(dir, '/style/index.module.css'),      '.name { font-size: 18px; }'    )    const { code } = await cssLoader({ specifier: '/style/index.module.css', }, aleph)    assertEquals(code, [      'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',      'export const css = ".index-module_name { font-size: 18px; }"',      'export default {"name":"index-module_name"}',      'applyCSS("/style/index.module.css", { css })',    ].join('\n'))  },  sanitizeResources: false})
Deno.test('plugin: css loader with postcss plugins', async () => {  Deno.env.set('DENO_TESTING', 'true')  const dir = await Deno.makeTempDir({ prefix: 'aleph_plugin_testing' })  const aleph = new Aleph(dir, 'development')  aleph.config.css.postcss = {    plugins: ['postcss-nested']  }  await ensureTextFile(    join(dir, '/style/index.css'),    '.foo { .bar { font-size: 100%; } }'  )  const { code } = await cssLoader({ specifier: '/style/index.css' }, aleph)  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'export const css = ".foo .bar { font-size: 100%; }"',    'export default {}',    'applyCSS("/style/index.css", { css })',  ].join('\n'))})