mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
0f5972e75e
* search component add new style * update vue version and support ssr * unit test * add new icon * new icon
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import { mount } from 'avoriaz';
|
|
import Col from 'packages/col';
|
|
import Row from 'packages/row';
|
|
import RowTestComponent from '../components/row';
|
|
|
|
describe('Layout', () => {
|
|
let wrapper;
|
|
afterEach(() => {
|
|
wrapper && wrapper.destroy();
|
|
});
|
|
|
|
it('create a simple row', () => {
|
|
wrapper = mount(Row);
|
|
|
|
expect(wrapper.hasClass('van-row')).to.be.true;
|
|
expect(wrapper.vm.style).to.be.empty;
|
|
});
|
|
|
|
it('create a simple column', () => {
|
|
wrapper = mount(Col, {
|
|
propsData: {
|
|
span: 8,
|
|
offset: 8
|
|
}
|
|
});
|
|
expect(wrapper.hasClass('van-col')).to.be.true;
|
|
expect(wrapper.hasClass('van-col-8')).to.be.true;
|
|
expect(wrapper.hasClass('van-col-offset-8')).to.be.true;
|
|
expect(wrapper.vm.gutter).to.equal(0);
|
|
});
|
|
|
|
it('create a gutter row', () => {
|
|
wrapper = mount(RowTestComponent);
|
|
const row = wrapper.find(Row)[0];
|
|
const column = wrapper.find(Col)[0];
|
|
expect(row.hasStyle('margin-left', '-5px')).to.be.true;
|
|
expect(row.hasStyle('margin-right', '-5px')).to.be.true;
|
|
expect(column.hasStyle('padding-left', '5px')).to.be.true;
|
|
expect(column.hasStyle('padding-right', '5px')).to.be.true;
|
|
});
|
|
});
|