cloud-ui.vusion/src/components/u-image.vue/__tests__/demo.test.js

Vusion Cloud UI

/**
 * 以下测试用例根据 docs/*.md 自动生成，请勿修改和提交！！！
 */

import { mount, createLocalVue } from '@vue/test-utils';
import VueRouter from 'vue-router'

import Demo1 from './__demos__/demo1.vue';
import Demo2 from './__demos__/demo2.vue';
import Demo3 from './__demos__/demo3.vue';
import Demo4 from './__demos__/demo4.vue';
import Demo5 from './__demos__/demo5.vue';
import Demo6 from './__demos__/demo6.vue';
import Demo7 from './__demos__/demo7.vue';
import Demo8 from './__demos__/demo8.vue';
import Demo9 from './__demos__/demo9.vue';
import Demo10 from './__demos__/demo10.vue';
import Demo11 from './__demos__/demo11.vue';
import Demo12 from './__demos__/demo12.vue';
import Demo13 from './__demos__/demo13.vue';

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

const localVue = createLocalVue()
localVue.use(VueRouter)
const router = new VueRouter()

describe('u-image.vue', () => {

    it('Demo-适应', async () => {
        const wrapper = mount(Demo1,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-适应（图片小于父元素时以原尺寸展示）', async () => {
        const wrapper = mount(Demo2,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-原尺寸', async () => {
        const wrapper = mount(Demo3,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-拉伸', async () => {
        const wrapper = mount(Demo4,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-填充', async () => {
        const wrapper = mount(Demo5,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-模拟异步展示图片', async () => {
        const wrapper = mount(Demo6,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-异步展示图片报错', async () => {
        const wrapper = mount(Demo7,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-适应', async () => {
        const wrapper = mount(Demo8,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-适应（图片小于父元素时以原尺寸展示）', async () => {
        const wrapper = mount(Demo9,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-拉伸', async () => {
        const wrapper = mount(Demo10,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-填充', async () => {
        const wrapper = mount(Demo11,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-原尺寸', async () => {
        const wrapper = mount(Demo12,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });


    it('Demo-多个url', async () => {
        const wrapper = mount(Demo13,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });

})