123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
import { assertEquals } from 'std/testing/asserts.ts'import { CSSProcessor } from './css.ts'import { stopEsbuild } from './helper.ts'
Deno.test('css processor', async () => {  const processor = new CSSProcessor()  const { code } = await processor.transform(    '/test.css',    'h1 { font-size: 18px; }'  )  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'const css = "h1 { font-size: 18px; }"',    'applyCSS("/test.css", css)',    'export default { __url$: "/test.css", __css$: css, }'  ].join('\n'))})
Deno.test({  name: 'css processor in production mode',  sanitizeResources: false,  fn: async () => {    const processor = new CSSProcessor()    processor.config(true, { modules: false, postcss: { plugins: [] } })    const { code } = await processor.transform(      '/test.css',      'h1 { font-size: 18px; }'    )
    assertEquals(code, [      'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',      'const css = "h1{font-size:18px}\\n"',      'applyCSS("/test.css", css)',      'export default { __url$: "/test.css", __css$: css, }'    ].join('\n'))
    stopEsbuild()  }})
Deno.test('css processor of remote CSS', async () => {  const processor = new CSSProcessor()  processor.config(true, { modules: false, postcss: { plugins: [] } })  const { code } = await processor.transform(    'https://esm.sh/tailwindcss/dist/tailwind.min.css',    ''  )
  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'applyCSS("https://esm.sh/tailwindcss/dist/tailwind.min.css")',    'export default { __url$: "https://esm.sh/tailwindcss/dist/tailwind.min.css" }'  ].join('\n'))})
Deno.test('css processor enables module feature', async () => {  const processor = new CSSProcessor()  processor.config(false, {    modules: {      scopeBehaviour: 'local',      generateScopedName: '[name]_[local]'    }, postcss: { plugins: [] }  })  const { code } = await processor.transform(    '/test.css',    '.name { font-size: 18px; }'  )
  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'const css = ".test_name { font-size: 18px; }"',    'applyCSS("/test.css", css)',    'export default { __url$: "/test.css", __css$: css, "name":"test_name"}'  ].join('\n'))})
Deno.test('css processor for inline style', async () => {  const processor = new CSSProcessor()  const { code } = await processor.transform(    '#inline-style-{}',    'h1 { font-size: 18px; }'  )  assertEquals(code, 'h1 { font-size: 18px; }')})
Deno.test('css processor with postcss plugins', async () => {  const processor = new CSSProcessor()  processor.config(false, { modules: false, postcss: { plugins: ['postcss-nested'] } })  const { code } = await processor.transform(    '/test.css',    '.foo { .bar { font-size: 100%; } }'  )
  assertEquals(code, [    'import { applyCSS } from "https://deno.land/x/aleph/framework/core/style.ts"',    'const css = ".foo .bar { font-size: 100%; }"',    'applyCSS("/test.css", css)',    'export default { __url$: "/test.css", __css$: css, }'  ].join('\n'))})