import { mount } from '@vue/test-utils'; import { h, createVNode } from 'vue'; import { asyncExpect, sleep } from '../../../tests/utils'; import Carousel from '..'; import mountTest from '../../../tests/shared/mountTest'; describe('Carousel', () => { mountTest(Carousel); // beforeEach(() => { // jest.useFakeTimers(); // }); // afterEach(() => { // jest.useRealTimers(); // }); it('should has innerSlider', () => { const props = { slots: { default: () => h('div'), }, sync: false, }; const wrapper = mount(Carousel, props); const { innerSlider } = wrapper.componentVM; expect(typeof innerSlider.slickNext).toBe('function'); }); it('should has prev, next and go function', async () => { const props = { slots: { default: () => [ createVNode('div', null, '1'), createVNode('div', null, '2'), createVNode('div', null, '3'), ], }, sync: false, }; const wrapper = mount(Carousel, props); const { prev, next, goTo, innerSlider } = wrapper.componentVM; expect(typeof prev).toBe('function'); expect(typeof next).toBe('function'); expect(typeof goTo).toBe('function'); expect(innerSlider.currentSlide).toBe(0); wrapper.vm.goTo(2); await asyncExpect(() => { expect(innerSlider.currentSlide).toBe(2); }, 1000); prev(); await asyncExpect(() => { expect(innerSlider.currentSlide).toBe(1); }, 1000); next(); await asyncExpect(() => { expect(innerSlider.currentSlide).toBe(2); }, 1000); }); // TODO // it('should trigger autoPlay after window resize', async () => { // const props = { // props: { // autoplay: true, // }, // slots: { // default: () => [ // createVNode('div', null, '1'), // createVNode('div', null, '2'), // createVNode('div', null, '3'), // ], // }, // sync: false, // }; // const wrapper = mount(Carousel, props); // await sleep(100); // const spy = jest.spyOn(wrapper.componentVM.innerSlider, 'handleAutoPlay'); // window.resizeTo(1000); // expect(spy).not.toHaveBeenCalled(); // await new Promise(resolve => setTimeout(resolve, 1000)); // expect(spy).toHaveBeenCalled(); // }); it('cancel resize listener when unmount', async () => { const props = { props: { autoplay: true, }, slots: { default: () => [ createVNode('div', null, '1'), createVNode('div', null, '2'), createVNode('div', null, '3'), ], }, sync: false, }; const wrapper = mount(Carousel, props); const spy = jest.spyOn(window, 'removeEventListener'); wrapper.unmount(); expect(spy).toHaveBeenCalled(); }); describe('should works for dotPosition', () => { ['left', 'right', 'top', 'bottom'].forEach(dotPosition => { it(dotPosition, async () => { const wrapper = mount( { render() { return (
); }, }, { sync: false, attachTo: 'body' }, ); await sleep(100); expect(wrapper.html()).toMatchSnapshot(); }); }); }); it('warning', () => { const warnSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); mount({ render() { return (
); }, }); expect(warnSpy).toHaveBeenCalledWith( 'Warning: [ant-design-vue: Carousel] `vertical` is deprecated, please use `dotPosition` instead.', ); warnSpy.mockRestore(); }); });