Browse Source

fix(backtop): 新增页面滚动test

Drjnigfubo 3 years ago
parent
commit
d30da05f31
1 changed files with 5 additions and 1 deletions
  1. 5 1
      src/packages/__VUE/backtop/__tests__/backtop.spec.ts

+ 5 - 1
src/packages/__VUE/backtop/__tests__/backtop.spec.ts

@@ -1,5 +1,6 @@
 import { mount, config } from '@vue/test-utils';
 import { mount, config } from '@vue/test-utils';
 import BackTop from '../index.vue';
 import BackTop from '../index.vue';
+import { mockScrollTop } from './../../../utils/unit';
 
 
 import NutIcon from '../../icon/index.vue';
 import NutIcon from '../../icon/index.vue';
 import { nextTick } from 'vue';
 import { nextTick } from 'vue';
@@ -36,12 +37,15 @@ test('backtop style', () => {
   expect(backtop.element.style.bottom).toBe('50px');
   expect(backtop.element.style.bottom).toBe('50px');
 });
 });
 
 
-test('backtop style', () => {
+test('backtop style,backtop show', async () => {
   const wrapper = mount(BackTop, {
   const wrapper = mount(BackTop, {
     props: {
     props: {
       right: 40
       right: 40
     }
     }
   });
   });
+  await mockScrollTop(1000);
+  const show: any = wrapper.find('.show');
+  expect(show.exists()).toBe(true);
   const backtop: any = wrapper.find('.nut-backtop');
   const backtop: any = wrapper.find('.nut-backtop');
   expect(backtop.element.style.right).toBe('40px');
   expect(backtop.element.style.right).toBe('40px');
 });
 });