component-async.spec.ts — vue Source File

Source Code

import Vue from 'vue'

describe('Component async', () => {
  const oldSetTimeout = setTimeout
  const oldClearTimeout = clearTimeout

  // will contain pending timeouts set during the test iteration
  // will contain the id of the timeout as the key, and the millisecond timeout as the value
  // this helps to identify the timeout that is still pending
  let timeoutsPending = {}

  beforeAll(function () {
    // @ts-expect-error
    global.setTimeout = function (func, delay) {
      if (delay >= 1000) {
        // skip vitest internal timeouts
        return
      }
      const id = oldSetTimeout(function () {
        delete timeoutsPending[id]
        func()
      }, delay) as any
      timeoutsPending[id] = delay
      return id
    }

    global.clearTimeout = function (id) {
      oldClearTimeout(id)
      delete timeoutsPending[id]
    }
  })

  afterAll(function () {
    global.setTimeout = oldSetTimeout
    global.clearTimeout = oldClearTimeout
  })

  beforeEach(() => {
    // reset the timeouts for this iteration
    timeoutsPending = {}
  })

  afterEach(() => {
    // after the test is complete no timeouts that have been set up during the test should still be active
    // compare stringified JSON for better error message containing ID and millisecond timeout
    expect(JSON.stringify(timeoutsPending)).toEqual(JSON.stringify({}))
  })

  it('normal', done => {
    const vm = new Vue({
      template: '<div><test></test></div>',
      components: {
        test: resolve => {
          setTimeout(() => {
            resolve({
              template: '<div>hi</div>'
            })
            // wait for parent update
            Vue.nextTick(next)
          }, 0)
// ... (396 more lines)