miniprogram-setup/__tests__/pages/wxApi.test.ts

小程序支持 setup 选项

import { getPage } from '@tests/utils/getPage'
import { nextTick } from '@/useAutoUpdate'

describe('Page: wxApi', () => {
  it('success/fail/complete 调用时应该刷新视图', async () => {
    const com = getPage('WxAPI')
    const container = document.createElement('div')
    com.attach(container)
    com.instance.onLoad()

    expect(com.dom!.innerHTML).toBe('<wx-view>pending</wx-view>')

    // 模拟接口调用成功
    // @ts-expect-error
    requestSuccess()
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>success</wx-view>')

    // @ts-expect-error
    requestFail()
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>fail</wx-view>')

    // @ts-expect-error
    requestComplete()
    await nextTick()
    expect(com.dom!.innerHTML).toBe('<wx-view>complete</wx-view>')
  })
})