test: refactor and merge similar tests (nuxt-modules#2886)

specs/basic_usage.spec.ts

@@ -624,4 +624,14 @@ describe('basic usage', async () => {
     expect(await getText(page, '#install-module-locale')).toEqual('Installer module locale works!')
     expect(await getText(page, '#install-module-vue-i18n')).toEqual('Installer module vue-i18n works!')
   })
+
+  describe('experimental.autoImportTranslationFunctions', async () => {
+    test('can use `$t` in `<template>`', async () => {
+      const { consoleLogs } = await renderPage('/experimental/auto-import-translation-functions')
+
+      const logStrings = consoleLogs.map(x => x.text)
+      expect(logStrings).toContain('[autoImportTranslationFunctions][default]: Welcome')
+      expect(logStrings).toContain('[autoImportTranslationFunctions][fr]: Bienvenue')
+    })
+  })
 })

specs/different_domains.spec.ts → specs/different_domains/different_domains.spec.ts

@@ -1,13 +1,13 @@
 import { test, expect, describe } from 'vitest'
 import { fileURLToPath } from 'node:url'
-import { setup, $fetch, undiciRequest } from './utils'
-import { getDom } from './helper'
+import { setup, $fetch, undiciRequest } from '../utils'
+import { getDom } from '../helper'
 
 await setup({
-  rootDir: fileURLToPath(new URL(`./fixtures/different_domains`, import.meta.url)),
+  rootDir: fileURLToPath(new URL(`../fixtures/different_domains`, import.meta.url)),
   // overrides
   nuxtConfig: {
-    extends: [fileURLToPath(new URL(`./fixtures/layers/layer-domain`, import.meta.url))],
+    extends: [fileURLToPath(new URL(`../fixtures/layers/layer-domain`, import.meta.url))],
     runtimeConfig: {
       public: {
         i18n: {
@@ -20,6 +20,7 @@ await setup({
       }
     },
     i18n: {
+      baseUrl: 'http://localhost:3000',
       locales: [
         {
           code: 'en',

specs/different_domains_multi_locales_prefix.spec.ts → specs/different_domains/different_domains_multi_locales_prefix.spec.ts

@@ -1,13 +1,14 @@
 import { test, expect, describe } from 'vitest'
 import { fileURLToPath } from 'node:url'
-import { setup, $fetch, undiciRequest } from './utils'
-import { getDom } from './helper'
+import { setup, $fetch, undiciRequest } from '../utils'
+import { getDom } from '../helper'
 
 await setup({
-  rootDir: fileURLToPath(new URL(`./fixtures/different_domains`, import.meta.url)),
+  rootDir: fileURLToPath(new URL(`../fixtures/different_domains`, import.meta.url)),
   // overrides
   nuxtConfig: {
     i18n: {
+      baseUrl: 'http://localhost:3000',
       locales: [
         {
           code: 'en',

specs/different_domains_multi_locales_prefix_except_default.spec.ts → specs/different_domains/different_domains_multi_locales_prefix_except_default.spec.ts

@@ -1,13 +1,14 @@
 import { test, expect, describe } from 'vitest'
 import { fileURLToPath } from 'node:url'
-import { setup, $fetch, undiciRequest } from './utils'
-import { getDom } from './helper'
+import { setup, $fetch, undiciRequest } from '../utils'
+import { getDom } from '../helper'
 
 await setup({
-  rootDir: fileURLToPath(new URL(`./fixtures/different_domains`, import.meta.url)),
+  rootDir: fileURLToPath(new URL(`../fixtures/different_domains`, import.meta.url)),
   // overrides
   nuxtConfig: {
     i18n: {
+      baseUrl: 'http://localhost:3000',
       locales: [
         {
           code: 'en',

specs/different_domains/no_ssr.spec.ts

@@ -0,0 +1,53 @@
+import { test, expect } from 'vitest'
+import { fileURLToPath } from 'node:url'
+import { setup, url, createPage } from '../utils'
+import { getText } from '../helper'
+
+await setup({
+  rootDir: fileURLToPath(new URL(`../fixtures/different_domains`, import.meta.url)),
+  nuxtConfig: {
+    i18n: {
+      defaultLocale: 'fr',
+      differentDomains: true,
+      locales: [
+        {
+          code: 'en',
+          domain: 'en.nuxt-app.localhost'
+        },
+        {
+          code: 'fr',
+          domain: 'fr.nuxt-app.localhost'
+        },
+        {
+          code: 'nl',
+          domain: 'localhost'
+        }
+      ],
+      strategy: 'no_prefix'
+    },
+    ssr: false
+  }
+})
+
+test('(#2313) detection locale from domain', async () => {
+  async function assertDifferentDomain(locale: string, browserLocale = 'en') {
+    const page = await createPage(url('/'), {
+      extraHTTPHeaders: {
+        'X-Forwarded-Host': `${locale}.nuxt-app.localhost`
+      },
+      locale: browserLocale
+    })
+
+    expect(await getText(page, '#lang-switcher-current-locale code')).toEqual(locale)
+    await page.close()
+  }
+
+  await assertDifferentDomain('en')
+  await assertDifferentDomain('fr', 'fr')
+})
+
+test('(#2334) should not redirect loop, when use no_prefix and ssr: false', async () => {
+  const page = await createPage(url('/'), { locale: 'fr' })
+
+  expect(await getText(page, '#lang-switcher-current-locale code')).toEqual('fr')
+})

specs/exclude_locales.spec.ts

@@ -4,7 +4,7 @@ import { setup } from './utils'
 import { getText, renderPage } from './helper'
 
 await setup({
-  rootDir: fileURLToPath(new URL(`./fixtures/locale_codes`, import.meta.url)),
+  rootDir: fileURLToPath(new URL(`./fixtures/basic`, import.meta.url)),
   browser: true,
   // overrides
   nuxtConfig: {
@@ -19,8 +19,8 @@ await setup({
 test('leave only English locale', async () => {
   const { page } = await renderPage('/')
 
-  const locales = await page.locator('li')
+  const locales = await page.locator('#configured-locales-list li')
 
   expect(await locales.count()).toEqual(1)
-  expect(await getText(page, 'li')).toMatch('en')
+  expect(await getText(page, '#configured-locales-list li')).toMatch('en')
 })

specs/fixtures/basic/components/BasicUsage.vue

@@ -2,7 +2,7 @@
 import { navigateTo } from '#imports'
 import { useLocalePath, useSwitchLocalePath, useLocaleRoute, useI18n } from '#i18n'
 
-const { locale } = useI18n()
+const { locale, locales } = useI18n()
 const localePath = useLocalePath()
 const switchLocalePath = useSwitchLocalePath()
 const localeRoute = useLocaleRoute()
@@ -35,6 +35,13 @@ function onClick() {
         </form>
       </div>
     </section>
+    <section id="configured-locales-list">
+      <ul>
+        <li v-for="locale in locales" :key="locale.code">
+          {{ locale.code }}
+        </li>
+      </ul>
+    </section>
     <section id="locale-path-usages">
       <h3>localePath</h3>
       <ul>

specs/fixtures/basic_usage/nuxt.config.ts

@@ -18,7 +18,10 @@ export default defineNuxtConfig({
   i18n: {
     vueI18n: './config/i18n.config.ts',
     locales: ['en', 'fr'],
-    defaultLocale: 'en'
+    defaultLocale: 'en',
+    experimental: {
+      autoImportTranslationFunctions: true
+    }
     // debug: true,
   }
 })

specs/fixtures/basic_usage/pages/experimental/auto-import-translation-functions.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+console.log(`[autoImportTranslationFunctions][default]: ${$t('welcome')}`)
+console.log(`[autoImportTranslationFunctions][fr]: ${$t('welcome', 1, { locale: 'fr' })}`)
+</script>
+
+<template>
+  <div>See console logs if experimental feature has logged without error</div>
+</template>

specs/fixtures/basic_usage/pages/index.vue

@@ -21,11 +21,6 @@ const switchLocalePath = useSwitchLocalePath()
 const localeRoute = useLocaleRoute()
 const appConfig = useAppConfig()
 
-if (useNuxtApp().$config.public.i18n.experimental.autoImportTranslationFunctions) {
-  console.log(`[autoImportTranslationFunctions][default]: ${$t('welcome')}`)
-  console.log(`[autoImportTranslationFunctions][fr]: ${$t('welcome', 1, { locale: 'fr' })}`)
-}
-
 const category = ref({
   title: 'Kirby',
   slug: 'nintendo'

specs/fixtures/different_domains/nuxt.config.ts

@@ -6,7 +6,6 @@ export default defineNuxtConfig({
 
   i18n: {
     lazy: false,
-    baseUrl: 'http://localhost:3000',
     locales: [
       {
         code: 'en',
@@ -27,7 +26,6 @@ export default defineNuxtConfig({
         domain: 'fr.nuxt-app.localhost'
       }
     ],
-    defaultLocale: 'ja',
-    detectBrowserLanguage: false
+    defaultLocale: 'ja'
   }
 })