miniprogram-setup/__tests__/components/invokeLifecycle.test.ts

小程序支持 setup 选项

import { getComponent } from '@tests/utils/getCom'
import { nextTick } from '@/useAutoUpdate'

describe('生命周期', () => {
  it('应该正常调用已注册的生命周期函数', async () => {
    const com = getComponent('Lifecycle')
    const container = document.createElement('div')
    com.attach(container)
    expect(com.dom!.innerHTML).toBe('<wx-view>attached</wx-view>')

    com.triggerLifeTime('ready')
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>ready</wx-view>')

    com.triggerLifeTime('moved')
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>moved</wx-view>')

    com.triggerLifeTime('error')
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>error</wx-view>')

    com.detach()
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>detached</wx-view>')
  })
})