external.spec.ts

import { relative, resolve } from 'node:path'
import { describe, expect, it } from 'vitest'

import vue3 from '@vitejs/plugin-vue'
import compiler from '@vue/compiler-sfc'

import { ExternalFluentPlugin } from '../../../src/vite'
import { compile } from './util'

const baseDir = resolve(__dirname, '../..')

describe('Vite external', () => {
  it('works', async () => {
    // Arrange
    // Act
    const code = await compile({
      plugins: [
        vue3({
          compiler,
        }),
        ExternalFluentPlugin({
          baseDir: resolve(baseDir, 'fixtures'),
          ftlDir: resolve(baseDir, 'fixtures/ftl'),
          locales: ['en', 'da'],
        }),
      ],
    }, '/fixtures/components/external.vue')

    // Assert
    expect(code).toContain('external.vue.ftl')
    expect(code).toMatchSnapshot()
  })

  it('getFtlPath', async () => {
    // Arrange
    // Act
    const code = await compile({
      plugins: [
        vue3({
          compiler,
        }),
        ExternalFluentPlugin({
          getFtlPath: (locale, vuePath) => {
            return `${baseDir}/fixtures/ftl/${locale}/${relative(resolve(baseDir, 'fixtures'), vuePath)}.ftl`
          },
          locales: ['en', 'da'],
        }),
      ],
    }, '/fixtures/components/external.vue')

    // Assert
    expect(code).toContain('external.vue.ftl')
    expect(code).toMatchSnapshot()
  })

  it('works with script setup', async () => {
    // Arrange
    // Act
    const code = await compile({
      plugins: [
        vue3({
          compiler,
        }),
        ExternalFluentPlugin({
          baseDir: resolve(baseDir, 'fixtures'),
          ftlDir: resolve(baseDir, 'fixtures/ftl'),
          locales: ['en', 'da'],
        }),
      ],
    }, '/fixtures/components/external.setup.vue')

    // Assert
    expect(code).toContain('external.setup.vue.ftl')
    expect(code).toMatchSnapshot()
  })

  it('virtual:ftl-for-file', async () => {
    // Arrange
    // Act
    const code = await compile({
      plugins: [
        vue3({
          compiler,
        }),
        ExternalFluentPlugin({
          baseDir: resolve(baseDir, 'fixtures'),
          ftlDir: resolve(baseDir, 'fixtures/ftl'),
          locales: ['en', 'da'],
        }),
      ],
    }, '/fixtures/importer.js')

    // Assert
    expect(code).toMatchInlineSnapshot(`
      "=== /fixtures/importer.js ===
      import translations from \\"/@id/virtual:ftl-for-file?importer=/fixtures/importer.js\\"

      // eslint-disable-next-line no-console -- this is a test file
      console.log(translations)


      === virtual:ftl-for-file?importer=/fixtures/importer.js ===
      import en_ftl from \\"/fixtures/ftl/en/importer.js.ftl?import\\";
      import da_ftl from \\"/fixtures/ftl/da/importer.js.ftl?import\\";
      export default { 'en': en_ftl, 'da': da_ftl }
      "
    `)
  })
})