wip

1024pix · Jan 6, 2023 · 6a9e0cc · 6a9e0cc
1 parent c35a05e
commit 6a9e0cc
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 8 deletions.
diff --git a/pages/pix-site/index.vue b/pages/pix-site/index.vue
@@ -8,7 +8,7 @@
             :field="{ url: '/images/logo-pix-blanc.svg', alt: 'Pix' }"
           />
         </h1>
-        <LocaleLink
+        <locale-link
           v-for="locale in locales"
           :key="locale.code"
           class="locale-choice__link"

diff --git a/tests/pages/pix-site/index.test.js b/tests/pages/pix-site/index.test.js
@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
+import { nextTick } from 'vue'
 import Index from '@/pages/pix-site/index.vue'
 
 describe('Index Page', () => {
@@ -19,15 +20,21 @@ describe('Index Page', () => {
 
   describe('#mounted', () => {
     describe('when there is no cookie', () => {
-      test('redirects to /locale-choice page', () => {
+      test('do not redirect', async () => {
         // given
         document.cookie = ''
 
         // when
-        shallowMount(Index, { mocks: { $router } })
+        const wrapper = shallowMount(Index, {
+          mocks: { $router },
+          stubs: ['client-only', 'pix-image', 'locale-link'],
+        })
+        await nextTick()
 
         // then
-        expect($router.push).toHaveBeenCalledWith('/locale-choice')
+        expect($router.push).not.toHaveBeenCalled()
+        const localeLinks = wrapper.findAll('locale-link-stub')
+        expect(localeLinks.length).toBe(4)
       })
     })
 
@@ -37,7 +44,10 @@ describe('Index Page', () => {
         document.cookie = 'foo=bar; locale=fr'
 
         // when
-        shallowMount(Index, { mocks: { $router } })
+        shallowMount(Index, {
+          mocks: { $router },
+          stubs: ['client-only', 'pix-image', 'locale-link'],
+        })
 
         // then
         expect($router.push).toHaveBeenCalledWith('/fr/')
@@ -51,7 +61,10 @@ describe('Index Page', () => {
         test('returns no locale', () => {
           // given
           document.cookie = ''
-          const wrapper = shallowMount(Index, { mocks: { $router } })
+          const wrapper = shallowMount(Index, {
+            mocks: { $router },
+            stubs: ['client-only', 'pix-image', 'locale-link'],
+          })
 
           // when
           const chosenLocale = wrapper.vm.getLocaleFromCookie()
@@ -65,7 +78,10 @@ describe('Index Page', () => {
         test('returns the proper locale', () => {
           // given
           document.cookie = 'foo=bar; locale=fr'
-          const wrapper = shallowMount(Index, { mocks: { $router } })
+          const wrapper = shallowMount(Index, {
+            mocks: { $router },
+            stubs: ['client-only', 'pix-image', 'locale-link'],
+          })
 
           // when
           const chosenLocale = wrapper.vm.getLocaleFromCookie()
@@ -79,7 +95,10 @@ describe('Index Page', () => {
         test('cookie value is ignored', () => {
           // given
           document.cookie = 'foo=bar; locale=1234-crafted-cookie'
-          const wrapper = shallowMount(Index, { mocks: { $router } })
+          const wrapper = shallowMount(Index, {
+            mocks: { $router },
+            stubs: ['client-only', 'pix-image', 'locale-link'],
+          })
 
           // when
           const chosenLocale = wrapper.vm.getLocaleFromCookie()