attach()

  • 参数：

    • {Component} component
    • {Object} options
      • {boolean} attachToDocument
      • {Object} slots
        • {Array<Component|Object>|Component|string} default
        • {Array<Component|Object>|Component|string} named
      • {Object|Array<string>} stubs
      • {Object} data
      • {Object|Component} parentComponent
      • {Object} methods

  • 返回值：{Wrapper}

  • 选项：移步 挂载选项

  • 用法：

创建一个包含被挂载和渲染的 San 组件的 Wrapper。

不使用options选项

import {attach} from 'san-test-utils';
import foo from './foo';

describe('Foo', () => {
    it('renders a div', () => {
        const wrapper = attach(foo);
        expect(wrapper.contains('div')).toBe(true);
    });
});

使用options选项

import {attach} from 'san-test-utils';
import foo from './foo';

describe('Foo', () => {
    it('renders a div', () => {
        const wrapper = attach(foo, {
            data: {
                color: 'red'
            }
        });
        expect(wrapper.data().color).toBe('red');
    });
});

固定在DOM上

import {attach} from 'san-test-utils';
import foo from './foo';

describe('Foo', () => {
    it('renders a div', () => {
        const wrapper = attach(foo, {
            attachToDocument: true
        });
        expect(wrapper.contains('div')).toBe(true);
    });
});

默认插槽和具名插槽

import {attach} from 'san-test-utils';
import foo from './foo';
import bar from './bar';
import fooBar from './fooBar';

describe('Foo', () => {
    it('renders a div', () => {
        const wrapper = attach(foo, {
            slots: {
                default: [bar, fooBar],
                fooBar: fooBar, // 将匹配 `<slot name="fooBar" />`。
                foo: '<div />'
            }
        });
        expect(wrapper.contains('div')).toBe(true);
    });
});

将组件存根

import {attach} from 'san-test-utils';
import foo from './foo';
import bar from './bar';
import faz from './faz';

describe('Foo', () => {
    it('renders a div', () => {
        const wrapper = attach(foo, {
            stubs: {
                bar: '<div class="stubbed" />',
                barfoo: true,
                foobar: faz
            }
        });
        expect(wrapper.contains('.stubbed')).toBe(true);
        expect(wrapper.contains(bar)).toBe(true);
    });
});