diff --git a/test/basic.test.ts b/test/basic.test.ts
index 2d369b3f4a..65f30fb711 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1707,27 +1707,38 @@ describe('component islands', () => {
if (isDev()) {
result.head.link = result.head.link.filter(l => !l.href.includes('@nuxt+ui-templates') && (l.href.startsWith('_nuxt/components/islands/') && l.href.includes('_nuxt/components/islands/AsyncServerComponent')))
}
+ const { props, teleports, chunks } = result
+ result.props = {}
+ result.teleports = {}
+ result.chunks = {}
expect(result).toMatchInlineSnapshot(`
{
- "chunks": {
- "SugarCounter": "_nuxt/SugarCounter.vue.d67a99b8.js",
- },
+ "chunks": {},
"head": {
"link": [],
"style": [],
},
"html": "
This is a .server (20ms) async component that was very long ...
2
Sugar Counter 12 x 1 = 12
The component bellow is not a slot but declared as interactive
",
- "props": {
- "SugarCounter-5rNaTHATD9": {
- "multiplier": 1,
- },
- },
+ "props": {},
"state": {},
- "teleports": {
- "SugarCounter-5rNaTHATD9": " Sugar Counter 12 x 1 = 12
",
- },
+ "teleports": {},
}
`)
+
+ const propsEntries = Object.entries(props)
+ const teleportsEntries = Object.entries(teleports)
+ const chunksEntries = Object.entries(chunks)
+ expect(propsEntries).toHaveLength(1)
+ expect(teleportsEntries).toHaveLength(1)
+ expect(propsEntries[0][0].startsWith('SugarCounter-')).toBeTruthy()
+ expect(propsEntries[0][0].startsWith('SugarCounter-')).toBeTruthy()
+ expect(chunksEntries[0][0]).toBe('SugarCounter')
+ expect(propsEntries[0][1]).toMatchInlineSnapshot(`
+ {
+ "multiplier": 1,
+ }
+ `)
+ expect(teleportsEntries[0][1]).toMatchInlineSnapshot('" Sugar Counter 12 x 1 = 12
"')
})
it('renders pure components', async () => {