57 lines
1.3 KiB
Vue
57 lines
1.3 KiB
Vue
|
import { createVue, createTest, destroyVM } from '../util';
|
||
|
|
import Card from 'packages/card';
|
||
|
|
|
||
|
|
describe('Card', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('slot:header', () => {
|
||
|
|
vm = createVue(`
|
||
|
|
<el-card>
|
||
|
|
<header slot="header">二师兄叫我埋梗 啦啦啦</header>
|
||
|
|
</el-card>
|
||
|
|
`);
|
||
|
|
|
||
|
|
expect(vm.$el.querySelector('.el-card__header')).to.property('textContent').to.include('二师兄叫我埋梗 啦啦啦');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('header', () => {
|
||
|
|
vm = createTest(Card, {
|
||
|
|
header: '好烦'
|
||
|
|
});
|
||
|
|
|
||
|
|
expect(vm.$el.querySelector('.el-card__header')).to.property('textContent').to.include('好烦');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('bodyStyle', () => {
|
||
|
|
vm = createTest(Card, {
|
||
|
|
bodyStyle: { padding: '10px' }
|
||
|
|
});
|
||
|
|
|
||
|
|
expect(vm.$el.querySelector('.el-card__body').style.padding).to.equal('10px');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('shadow', () => {
|
||
|
|
vm = createTest(Card, {
|
||
|
|
shadow: 'always'
|
||
|
|
});
|
||
|
|
expect(vm.$el.classList.contains('is-always-shadow')).to.be.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('shadow', () => {
|
||
|
|
vm = createTest(Card, {
|
||
|
|
shadow: 'hover'
|
||
|
|
});
|
||
|
|
expect(vm.$el.classList.contains('is-hover-shadow')).to.be.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('shadow', () => {
|
||
|
|
vm = createTest(Card, {
|
||
|
|
shadow: 'never'
|
||
|
|
});
|
||
|
|
expect(vm.$el.classList.contains('is-never-shadow')).to.be.true;
|
||
|
|
});
|
||
|
|
});
|