59 lines
1.3 KiB
Vue
59 lines
1.3 KiB
Vue
|
import { createVue, wait, destroyVM } from '../util';
|
||
|
|
|
||
|
|
describe('InfiniteScroll', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', async() => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<ul ref="scrollTarget" v-infinite-scroll="load" style="height: 300px;overflow: auto;">
|
||
|
|
<li v-for="i in count" style="display: flex;height: 50px;">{{ i }}</li>
|
||
|
|
</ul>
|
||
|
|
`,
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
count: 0
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
load() {
|
||
|
|
this.count += 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, true);
|
||
|
|
vm.$refs.scrollTarget.scrollTop = 2000;
|
||
|
|
await wait();
|
||
|
|
expect(vm.$el.innerText.indexOf('2') > -1).to.be.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('invisible element not trigger', async() => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<div v-show="false">
|
||
|
|
<ul ref="scrollTarget" v-infinite-scroll="load" style="height: 300px;overflow: auto;">
|
||
|
|
<li v-for="i in count" style="display: flex;height: 50px;">{{ i }}</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
`,
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
count: 0
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
load() {
|
||
|
|
this.count += 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, true);
|
||
|
|
vm.$refs.scrollTarget.scrollTop = 2000;
|
||
|
|
await wait();
|
||
|
|
expect(vm.$el.innerText.indexOf('2') > -1).to.be.false;
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|