cloud-ui.vusion/src/components/u-linear-layout.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-linear-layout.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-测试滚动事件', async () => {
        const wrapper = mount(Demo13,  { localVue, router });
        await sleep(16);
        expect(wrapper).toMatchSnapshot();
    });

})