diff --git a/packages/runtime-vapor/__tests__/hydration.bench.ts b/packages/runtime-vapor/__tests__/hydration.bench.ts deleted file mode 100644 index 56cd1ccf3..000000000 --- a/packages/runtime-vapor/__tests__/hydration.bench.ts +++ /dev/null @@ -1,225 +0,0 @@ -/** - * @vitest-environment jsdom - */ -import { bench, describe } from 'vitest' -import { - ssrInterpolate as _ssrInterpolate, - ssrRenderAttrs as _ssrRenderAttrs, -} from '@vue/server-renderer' -import { - Fragment as _Fragment, - createBlock as _createBlock, - createCommentVNode as _createCommentVNode, - createElementBlock as _createElementBlock, - createElementVNode as _createElementVNode, - createVNode as _createVNode, - openBlock as _openBlock, - renderList as _renderList, - renderSlot as _renderSlot, - toDisplayString as _toDisplayString, - vModelText as _vModelText, - withCtx as _withCtx, - withDirectives as _withDirectives, - createSSRApp, - ref, -} from '@vue/runtime-dom' -import { - applyTextModel as _applyTextModel, - child as _child, - createComponent as _createComponent, - createFor as _createFor, - createIf as _createIf, - createSlot as _createSlot, - next as _next, - renderEffect as _renderEffect, - setInsertionState as _setInsertionState, - setText as _setText, - template as _template, - createVaporSSRApp, -} from '@vue/runtime-vapor' - -describe('hydration benchmark', () => { - { - let html = `

Hello World!

1
2
3
4
5
` - - const t0 = _template('

') - const t1 = _template('
') - const t2 = _template('
', true) - - const VaporChild = { - __vapor: true, - setup() { - const msg = ref('Hello World!') - const show = ref(true) - - const n9 = t2() as any - const n0 = _child(n9) as any - const n8 = _next(n0) as any - const n7 = _next(n8) as any - _setInsertionState(n9, n8) - _createIf( - () => show.value, - () => { - const n3 = t0() as any - _applyTextModel( - n3, - () => msg.value, - _value => (msg.value = _value), - ) - return n3 - }, - ) - _setInsertionState(n7) - _createFor( - () => 5, - _for_item0 => { - const n6 = t1() as any - const x6 = _child(n6) as any - _renderEffect(() => - _setText(x6, _toDisplayString(_for_item0.value)), - ) - return n6 - }, - undefined, - 5, - ) - const x0 = _child(n0) as any - _renderEffect(() => _setText(x0, _toDisplayString(msg.value))) - return n9 - }, - } - - const tt0 = _template(' ') - const tt1 = _template('
', true) - - const VaporApp = { - __vapor: true, - setup() { - const msg = ref('hi') - const n2 = tt1() as any - _setInsertionState(n2) - _createComponent(VaporChild, null, { - default: () => { - const n0 = tt0() as any - const x0 = _child(n0) as any - _renderEffect(() => _setText(x0, _toDisplayString(msg.value))) - return n0 - }, - }) - return n2 - }, - } - - const VdomChild = { - setup() { - const msg = ref('Hello World!') - const show = ref(true) - - // @ts-expect-error - return (_ctx, _cache) => { - return ( - _openBlock(), - _createElementBlock('div', null, [ - _createElementVNode( - 'h1', - null, - _toDisplayString(msg.value), - 1 /* TEXT */, - ), - show.value - ? _withDirectives( - (_openBlock(), - _createElementBlock( - 'input', - { - key: 0, - 'onUpdate:modelValue': - _cache[0] || - (_cache[0] = ($event: any) => (msg.value = $event)), - }, - null, - 512 /* NEED_PATCH */, - )), - [[_vModelText, msg.value]], - ) - : _createCommentVNode('v-if', true), - _createElementVNode('div', null, [ - (_openBlock(), - _createElementBlock( - _Fragment, - null, - _renderList(5, item => { - return _createElementVNode( - 'div', - null, - _toDisplayString(item), - 1 /* TEXT */, - ) - }), - 64 /* STABLE_FRAGMENT */, - )), - ]), - _cache[1] || - (_cache[1] = _createElementVNode( - 'span', - null, - null, - -1 /* CACHED */, - )), - ]) - ) - } - }, - } - - const VdomApp = { - setup() { - const msg = ref('hi') - return () => { - return ( - _openBlock(), - _createElementBlock('div', null, [ - _createVNode(VdomChild, null, { - default: _withCtx(() => [ - _createElementVNode( - 'span', - null, - _toDisplayString(msg.value), - 1 /* TEXT */, - ), - ]), - _: 1 /* STABLE */, - }), - ]) - ) - } - }, - } - - bench('vapor', () => { - try { - __DEV__ = false - const container = document.createElement('div') - container.innerHTML = html - - const app = createVaporSSRApp(VaporApp) - app.mount(container) - } finally { - __DEV__ = true - } - }) - - bench('vdom', () => { - try { - __DEV__ = false - const container = document.createElement('div') - container.innerHTML = html - - const app = createSSRApp(VdomApp) - app.mount(container) - } finally { - __DEV__ = true - } - }) - } -})