ssr-stream.spec.ts — vue Source File

Architecture documentation for ssr-stream.spec.ts, a typescript file in the vue codebase. 4 imports, 0 dependents.

File typescript VueCore 4 imports

Entity Profile

VueCore→ ssr-stream.spec.ts — vue Source File

Dependency Diagram

graph LR
  c78aa08b_d3b6_5d9b_62bc_9983bcc5f135["ssr-stream.spec.ts"]
  08d4ec90_7f4e_6150_1089_db058d251cfb["utils.ts"]
  c78aa08b_d3b6_5d9b_62bc_9983bcc5f135 --> 08d4ec90_7f4e_6150_1089_db058d251cfb
  c8c20ec8_fa41_5797_1c54_dba3df89a18c["_it"]
  c78aa08b_d3b6_5d9b_62bc_9983bcc5f135 --> c8c20ec8_fa41_5797_1c54_dba3df89a18c
  db9e7bef_009d_3918_6e7d_543a36a38d75["vue"]
  c78aa08b_d3b6_5d9b_62bc_9983bcc5f135 --> db9e7bef_009d_3918_6e7d_543a36a38d75
  386e4f98_fa09_48cc_4d7e_50b82a7536ae["index"]
  c78aa08b_d3b6_5d9b_62bc_9983bcc5f135 --> 386e4f98_fa09_48cc_4d7e_50b82a7536ae
  style c78aa08b_d3b6_5d9b_62bc_9983bcc5f135 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @vitest-environment node

import Vue from 'vue'
import { createRenderer } from 'server/index'
import { _it } from './utils'

const { renderToStream } = createRenderer()

describe('SSR: renderToStream', () => {
  _it('should render to a stream', done => {
    const stream = renderToStream(
      new Vue({
        template: `
        <div>
          <p class="hi">yoyo</p>
          <div id="ho" :class="[testClass, { red: isRed }]"></div>
          <span>{{ test }}</span>
          <input :value="test">
          <b-comp></b-comp>
          <c-comp></c-comp>
        </div>
      `,
        data: {
          test: 'hi',
          isRed: true,
          testClass: 'a'
        },
        components: {
          bComp(resolve) {
            return resolve({
              render(h) {
                return h('test-async-2')
              },
              components: {
                testAsync2(resolve) {
                  return resolve({
                    created() {
                      this.$parent.$parent.testClass = 'b'
                    },
                    render(h) {
                      return h(
                        'div',
                        { class: [this.$parent.$parent.testClass] },
                        'test'
                      )
                    }
                  })
                }
              }
            })
          },
          cComp: {
            render(h) {
              return h('div', { class: [this.$parent.testClass] }, 'test')
            }
          }
        }
      })
    )
    let res = ''
// ... (84 more lines)