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 () => {