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

fix(nuxt): broadcast cookie change in correct format (#25598)

Browse Source
This commit is contained in:
Enkot 2024-02-04 01:15:26 +02:00 committed by GitHub
parent c41acfb7ca
commit 876d910c3f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/nuxt/src/app/composables/cookie.ts
View File

@ -69,7 +69,7 @@ export function useCookie<T = string | null | undefined> (name: string, _opts?:
writeClientCookie(name, cookie.value, opts as CookieSerializeOptions)
cookies[name] = klona(cookie.value)
channel?.postMessage(opts.encode(cookie.value as T))
channel?.postMessage({ value: opts.encode(cookie.value as T) })
}
const handleChange = (data: { value?: any, refresh?: boolean }) => {

6
test/basic.test.ts
View File

@ -490,11 +490,13 @@ describe('nuxt composables', () => {
expect(await extractCookie()).toEqual({ foo: 'bar' })
await page.getByText('Change cookie').click()
expect(await extractCookie()).toEqual({ foo: 'baz' })
let text = await page.innerText('pre')
expect(text).toContain('baz')
await page.getByText('Change cookie').click()
expect(await extractCookie()).toEqual({ foo: 'bar' })
await page.evaluate(() => document.cookie = 'updated=foobar')
await page.evaluate(() => document.cookie = `browser-object-default=${encodeURIComponent('{"foo":"foobar"}')}`)
await page.getByText('Refresh cookie').click()
const text = await page.innerText('pre')
text = await page.innerText('pre')
expect(text).toContain('foobar')
await page.close()
})

8
test/fixtures/basic/pages/cookies.vue vendored
View File

@ -5,7 +5,6 @@ useCookie('set').value = 'set'
useCookie('set-to-null').value = null
useCookie('set-to-null-with-default', () => 'default').value = null
const updated = useCookie('updated')
// the next set are all sent by browser
useCookie('browser-accessed-but-not-used')
useCookie('browser-accessed-with-default-value', () => 'default')
@ -13,7 +12,8 @@ useCookie('browser-set').value = 'set'
useCookie('browser-set-to-null').value = null
useCookie('browser-set-to-null-with-default', () => 'default').value = null
const objectCookie = useCookie('browser-object-default', {
const objectCookie = useCookie('browser-object-default')
const objectCookieSecond = useCookie('browser-object-default', {
default: () => ({ foo: 'bar' })
})
</script>
@ -21,11 +21,11 @@ const objectCookie = useCookie('browser-object-default', {
<template>
<div>
<div>cookies testing page</div>
<pre>{{ updated }}</pre>
<pre>{{ objectCookieSecond.foo }}</pre>
<button @click="objectCookie.foo === 'baz' ? objectCookie.foo = 'bar' : objectCookie.foo = 'baz'">
Change cookie
</button>
<button @click="refreshCookie('updated')">
<button @click="refreshCookie('browser-object-default')">
Refresh cookie
</button>
</div>