Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-29 09:02:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: test setCache

Browse Source
This commit is contained in:
julien huang 2023-11-15 22:55:28 +01:00
parent c94afe4fa0
commit 0214f703fa
1 changed files with 60 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
test/nuxt/nuxt-island.test.ts
View File

@ -98,6 +98,8 @@ describe('runtime server component', () => {
return ogFetch(...args)
})
vi.stubGlobal('fetch', stubFetch)
useNuxtApp().payload.data = {}
})
afterEach(() => {
@ -140,7 +142,6 @@ describe('runtime server component', () => {
})
it('expect to use cached payload', async () => {
useNuxtApp().payload.data = {}
const wrapper = await mountSuspended(
createServerComponent('CacheTest'), {
props: {
@ -174,5 +175,63 @@ describe('runtime server component', () => {
expect(fetch).toHaveBeenCalledTimes(2)
expect(wrapper.html()).toMatchInlineSnapshot('"<div>2</div>"')
})
it('expect server component to set the response into the payload', async () => {
const wrapper = await mountSuspended(
createServerComponent('CacheTest'), {
props: {
useCache: false,
setCache: true,
props: {
test: 1
}
}
})
expect(fetch).toHaveBeenCalledOnce()
expect(wrapper.html()).toMatchInlineSnapshot('"<div>1</div>"')
expect(Object.keys(useNuxtApp().payload.data).length).toBeGreaterThan(0)
})
it('expect server component to NOT set the response into the payload', async () => {
const wrapper = await mountSuspended(
createServerComponent('CacheTest'), {
props: {
useCache: false,
setCache: false,
props: {
test: 1
}
}
})
expect(fetch).toHaveBeenCalledOnce()
expect(wrapper.html()).toMatchInlineSnapshot('"<div>1</div>"')
expect(Object.keys(useNuxtApp().payload.data).length).toBe(0)
await wrapper.setProps({
useCache: false,
setCache: false,
props: {
test: 2
}
})
await flushPromises()
expect(fetch).toHaveBeenCalledTimes(2)
expect(wrapper.html()).toMatchInlineSnapshot('"<div>2</div>"')
expect(Object.keys(useNuxtApp().payload.data).length).toBe(0)
await wrapper.setProps({
useCache: false,
setCache: false,
props: {
test: 2
}
})
await flushPromises()
expect(fetch).toHaveBeenCalledTimes(3)
expect(wrapper.html()).toMatchInlineSnapshot('"<div>3</div>"')
expect(Object.keys(useNuxtApp().payload.data).length).toBe(0)
})
})
})