ant-design-vue/components/spin/__tests__/delay.test.js

import { mount } from '@vue/test-utils';
import { asyncExpect } from '@/tests/utils';
import Spin from '..';

describe('delay spinning', () => {
  it("should render with delay when it's mounted with spinning=true and delay", async () => {
    const props = {
      propsData: {
        delay: 500,
        spinning: true,
      },
      sync: false,
    };
    const wrapper = mount(Spin, props);
    await asyncExpect(() => {
      expect(
        wrapper
          .find('.ant-spin')
          .classes()
          .includes('ant-spin-spinning'),
      ).toEqual(false);
    });
  });

  it('should render when delay is init set', async () => {
    const props = {
      propsData: {
        delay: 100,
        spinning: true,
      },
      sync: false,
    };
    const wrapper = mount(Spin, props);

    expect(
      wrapper
        .findAll('.ant-spin')
        .at(0)
        .classes()
        .includes('ant-spin-spinning'),
    ).toEqual(false);

    // use await not jest.runAllTimers()
    // because of https://github.com/facebook/jest/issues/3465
    await new Promise(resolve => setTimeout(resolve, 500));

    expect(
      wrapper
        .findAll('.ant-spin')
        .at(0)
        .classes()
        .includes('ant-spin-spinning'),
    ).toEqual(true);
  });

  it('should cancel debounce function when unmount', async () => {
    const props = {
      propsData: {
        delay: 100,
        spinning: true,
      },
      sync: false,
    };
    const wrapper = mount(Spin, props);
    const spy = jest.spyOn(wrapper.vm.updateSpinning, 'cancel');
    expect(wrapper.vm.updateSpinning.cancel).toEqual(expect.any(Function));
    expect(spy).not.toHaveBeenCalled();
  });
});