Skip to content

Commit 87d773b

Browse files
BobbieGoedeBobbieGoede
authored
test: fix test failures due to $route not being stringified (#3095)
1 parent c720b6d commit 87d773b

File tree

3 files changed

+32
-32
lines changed

3 files changed

+32
-32
lines changed

‎specs/basic_usage.spec.ts

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -95,12 +95,14 @@ describe('basic usage', async () => {
9595
expect(await getText(page, '#locale-path')).toEqual('/nl/nuxt-context-extension')
9696

9797
const localeRoute = JSON.parse(await getText(page, '#locale-route')) as RouteLocation
98-
// remove absolute file path which differs where test is run
98+
// remove properties that vary based on test environment and vue-router version
99+
// we only need to know if the correct route (object) is returned
99100
localeRoute.matched = localeRoute.matched.map(x => {
100101
for (const component in x.components) {
101-
// @ts-ignore
102-
delete x.components[component].__file
102+
x.components[component] = {}
103103
}
104+
// @ts-ignore
105+
delete x.mods
104106
return x
105107
})
106108
expect(localeRoute).toMatchInlineSnapshot(
@@ -117,18 +119,14 @@ describe('basic usage', async () => {
117119
},
118120
"enterCallbacks": {},
119121
"instances": {},
120-
"leaveGuards": {
121-
"Set(0)": [],
122-
},
122+
"leaveGuards": {},
123123
"meta": {},
124124
"name": "nuxt-context-extension___en",
125125
"path": "/nuxt-context-extension",
126126
"props": {
127127
"default": false,
128128
},
129-
"updateGuards": {
130-
"Set(0)": [],
131-
},
129+
"updateGuards": {},
132130
},
133131
],
134132
"meta": {},

‎specs/fixtures/basic_usage/pages/nuxt-context-extension.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1+
<script setup></script>
2+
13
<template>
24
<div>
35
<p id="get-route-base-name">{{ $nuxt.$getRouteBaseName($route) }}</p>
46
<p id="switch-locale-path">{{ $nuxt.$switchLocalePath('ja') }}</p>
57
<p id="locale-path">{{ $nuxt.$localePath('nuxt-context-extension', 'nl') }}</p>
6-
<p id="locale-route">{{ $nuxt.$localeRoute($route) }}</p>
8+
<p id="locale-route">{{ JSON.stringify($nuxt.$localeRoute()) }}</p>
79
<p id="locale-head">{{ $nuxt.$localeHead({}) }}</p>
810
</div>
911
</template>

‎specs/fixtures/routing/pages/index.vue

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -53,32 +53,32 @@ const localeRoute = useLocaleRoute()
5353
</section>
5454
<ClientOnly>
5555
<section id="locale-route">
56-
<span class="index">{{ localeRoute('/') }}</span>
57-
<span class="index-name-ja">{{ localeRoute('index', 'ja') }}</span>
58-
<span class="about-name">{{ localeRoute('about') }}</span>
59-
<span class="about-ja">{{ localeRoute('/about', 'ja') }}</span>
60-
<span class="about-name-ja">{{ localeRoute('about', 'ja') }}</span>
61-
<span class="about-object-ja">{{ localeRoute({ name: 'about' }, 'ja') }}</span>
62-
<span class="path-match-ja">{{ localeRoute('/:pathMatch(.*)*', 'ja') }}</span>
63-
<span class="path-match-name">{{ localeRoute('pathMatch') }}</span>
64-
<span class="path-match-name-ja">{{ localeRoute('pathMatch', 'ja') }}</span>
65-
<span class="undefined-path-ja">{{ localeRoute('/vue-i18n', 'ja') }}</span>
66-
<span class="undefined-name-ja">{{ localeRoute('vue-i18n', 'ja') }}</span>
56+
<span class="index">{{ JSON.stringify(localeRoute('/')) }}</span>
57+
<span class="index-name-ja">{{ JSON.stringify(localeRoute('index', 'ja')) }}</span>
58+
<span class="about-name">{{ JSON.stringify(localeRoute('about')) }}</span>
59+
<span class="about-ja">{{ JSON.stringify(localeRoute('/about', 'ja')) }}</span>
60+
<span class="about-name-ja">{{ JSON.stringify(localeRoute('about', 'ja')) }}</span>
61+
<span class="about-object-ja">{{ JSON.stringify(localeRoute({ name: 'about' }, 'ja')) }}</span>
62+
<span class="path-match-ja">{{ JSON.stringify(localeRoute('/:pathMatch(.*)*', 'ja')) }}</span>
63+
<span class="path-match-name">{{ JSON.stringify(localeRoute('pathMatch')) }}</span>
64+
<span class="path-match-name-ja">{{ JSON.stringify(localeRoute('pathMatch', 'ja')) }}</span>
65+
<span class="undefined-path-ja">{{ JSON.stringify(localeRoute('/vue-i18n', 'ja')) }}</span>
66+
<span class="undefined-name-ja">{{ JSON.stringify(localeRoute('vue-i18n', 'ja')) }}</span>
6767
</section>
6868
</ClientOnly>
6969
<ClientOnly>
7070
<section id="locale-location">
71-
<span class="index">{{ localeLocation('/') }}</span>
72-
<span class="index-name-ja">{{ localeLocation('index', 'ja') }}</span>
73-
<span class="about-name">{{ localeLocation('about') }}</span>
74-
<span class="about-ja">{{ localeLocation('/about', 'ja') }}</span>
75-
<span class="about-name-ja">{{ localeLocation('about', 'ja') }}</span>
76-
<span class="about-object-ja">{{ localeLocation({ name: 'about' }, 'ja') }}</span>
77-
<span class="path-match-ja">{{ localeLocation('/:pathMatch(.*)*', 'ja') }}</span>
78-
<span class="path-match-name">{{ localeLocation('pathMatch') }}</span>
79-
<span class="path-match-name-ja">{{ localeLocation('pathMatch', 'ja') }}</span>
80-
<span class="undefined-path-ja">{{ localeRoute('/vue-i18n', 'ja') }}</span>
81-
<span class="undefined-name-ja">{{ localeRoute('vue-i18n', 'ja') }}</span>
71+
<span class="index">{{ JSON.stringify(localeLocation('/')) }}</span>
72+
<span class="index-name-ja">{{ JSON.stringify(localeLocation('index', 'ja')) }}</span>
73+
<span class="about-name">{{ JSON.stringify(localeLocation('about')) }}</span>
74+
<span class="about-ja">{{ JSON.stringify(localeLocation('/about', 'ja')) }}</span>
75+
<span class="about-name-ja">{{ JSON.stringify(localeLocation('about', 'ja')) }}</span>
76+
<span class="about-object-ja">{{ JSON.stringify(localeLocation({ name: 'about' }, 'ja')) }}</span>
77+
<span class="path-match-ja">{{ JSON.stringify(localeLocation('/:pathMatch(.*)*', 'ja')) }}</span>
78+
<span class="path-match-name">{{ JSON.stringify(localeLocation('pathMatch')) }}</span>
79+
<span class="path-match-name-ja">{{ JSON.stringify(localeLocation('pathMatch', 'ja')) }}</span>
80+
<span class="undefined-path-ja">{{ JSON.stringify(localeRoute('/vue-i18n', 'ja')) }}</span>
81+
<span class="undefined-name-ja">{{ JSON.stringify(localeRoute('vue-i18n', 'ja')) }}</span>
8282
</section>
8383
</ClientOnly>
8484
</div>

0 commit comments

Comments
 (0)