-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
external.spec.ts
105 lines (90 loc) · 2.71 KB
/
external.spec.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
import { relative, resolve } from 'node:path'
import { describe, expect, it } from 'vitest'
import vue3base from '@vitejs/plugin-vue'
import compiler from '@vue/compiler-sfc'
import { ExternalFluentPlugin } from '../../../src/vite'
import { compile } from './util'
const vue3 = () => vue3base({
compiler,
})
const baseDir = resolve(__dirname, '../..')
describe('Vite external', () => {
it('works', async () => {
// Arrange
// Act
const code = await compile({
plugins: [
vue3(),
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(),
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(),
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(),
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 }
"
`)
})
})