import { mount } from '@vue/test-utils'; import { asyncExpect } from '@/tests/utils'; import Spin from '..'; describe('Spin', () => { it('should only affect the spin element when set style to a nested xx', () => { const wrapper = mount({ render() { return (
content
); }, }); expect(wrapper.html()).toMatchSnapshot(); // expect(wrapper.findAll('.ant-spin-nested-loading').at(0).prop('style')).toBe(null) // expect(wrapper.findAll('.ant-spin').at(0).prop('style').background).toBe('red') }); it("should render custom indicator when it's set", () => { // const customIndicator =
const wrapper = mount({ render() { return (
); }, }); expect(wrapper.html()).toMatchSnapshot(); }); it('should be controlled by spinning', async () => { const props = { props: { spinning: false, }, sync: false, }; const wrapper = mount(Spin, props); await asyncExpect(() => { expect(wrapper.vm.sSpinning).toBe(false); wrapper.setProps({ spinning: true }); }); await asyncExpect(() => { expect(wrapper.vm.sSpinning).toBe(true); }); }); });