apiLifecycle.spec.ts — vue Source File

Source Code

import Vue from 'vue'
import {
  h,
  onBeforeMount,
  onMounted,
  ref,
  reactive,
  onBeforeUpdate,
  onUpdated,
  onBeforeUnmount,
  onUnmounted,
  onRenderTracked,
  onRenderTriggered,
  DebuggerEvent,
  TrackOpTypes,
  TriggerOpTypes
} from 'v3'
import { nextTick } from 'core/util'

describe('api: lifecycle hooks', () => {
  it('onBeforeMount', () => {
    const fn = vi.fn(() => {
      // should be called before root is replaced
      expect(vm.$el).toBeUndefined()
    })

    const Comp = {
      setup() {
        onBeforeMount(fn)
        return () => h('div', 'hello')
      }
    }
    const vm = new Vue(Comp)
    vm.$mount()
    expect(fn).toHaveBeenCalledTimes(1)
    expect(vm.$el.innerHTML).toBe(`hello`)
  })

  it('onMounted', () => {
    const fn = vi.fn(() => {
      // should be called after inner div is rendered
      expect(vm.$el.outerHTML).toBe(`<div></div>`)
    })

    const Comp = {
      setup() {
        onMounted(fn)
        return () => h('div')
      }
    }
    const vm = new Vue(Comp)
    vm.$mount()
    expect(fn).toHaveBeenCalledTimes(1)
  })

  it('onBeforeUpdate', async () => {
    const count = ref(0)
    const fn = vi.fn(() => {
      // should be called before inner div is updated
      expect(vm.$el.outerHTML).toBe(`<div>0</div>`)
// ... (301 more lines)