diff --git a/test/basic.test.ts b/test/basic.test.ts index 8834c138dd..e1d5254c55 100644 --- a/test/basic.test.ts +++ b/test/basic.test.ts @@ -1867,9 +1867,9 @@ describe('server components/islands', () => { const text = (await page.innerText('pre')).replaceAll(/ data-island-uid="([^"]*)"/g, '').replace(/data-island-component="([^"]*)"/g, (_, content) => `data-island-component="${content.split('-')[0]}"`) if (isWebpack) { - expect(text).toMatchInlineSnapshot('" End page
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
ServerWithClient.server.vue :

count: 0

This component should not be preloaded
a
b
c
This is not interactive
Sugar Counter 12 x 1 = 12
The component bellow is not a slot but declared as interactive
Sugar Counter 12 x 1 = 12
"') + expect(text).toMatchInlineSnapshot('" End page
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
ServerWithClient.server.vue :

count: 0

This component should not be preloaded
a
b
c
This is not interactive
Sugar Counter 12 x 1 = 12
The component below is not a slot but declared as interactive
Sugar Counter 12 x 1 = 12
"') } else { - expect(text).toMatchInlineSnapshot('" End page
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
ServerWithClient.server.vue :

count: 0

This component should not be preloaded
a
b
c
This is not interactive
Sugar Counter 12 x 1 = 12
The component bellow is not a slot but declared as interactive
"') + expect(text).toMatchInlineSnapshot('" End page
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
This is a .server (20ms) async component that was very long ...
42
Sugar Counter 12 x 1 = 12
ServerWithClient.server.vue :

count: 0

This component should not be preloaded
a
b
c
This is not interactive
Sugar Counter 12 x 1 = 12
The component below is not a slot but declared as interactive
"') } expect(text).toContain('async component that was very long') @@ -2212,7 +2212,7 @@ describe('component islands', () => { "link": [], "style": [], }, - "html": "
ServerWithClient.server.vue :

count: 0

This component should not be preloaded
a
b
c
This is not interactive
Sugar Counter 12 x 1 = 12
The component bellow is not a slot but declared as interactive
", + "html": "
ServerWithClient.server.vue :

count: 0

This component should not be preloaded
a
b
c
This is not interactive
Sugar Counter 12 x 1 = 12
The component below is not a slot but declared as interactive
", "slots": {}, } `) diff --git a/test/fixtures/basic/components/ServerWithClient.server.vue b/test/fixtures/basic/components/ServerWithClient.server.vue index 563035a37d..cdadf88e91 100644 --- a/test/fixtures/basic/components/ServerWithClient.server.vue +++ b/test/fixtures/basic/components/ServerWithClient.server.vue @@ -13,7 +13,7 @@ class="interactive-component-wrapper" style="border: solid 1px red;" > - The component bellow is not a slot but declared as interactive + The component below is not a slot but declared as interactive // explicit import to bypass client import protection import BreaksServer from '../components/BreaksServer.client' -// ensure treeshake-client-only module remove theses imports without breaking +// ensure treeshake-client-only module remove these imports without breaking import TestGlobal from '../components/global/TestGlobal.vue' // direct import of .client components should be treeshaken import { FunctionalComponent, LazyClientOnlyScript } from '#components'