test: use-fetchs

Author: NelsonYong

packages/hooks/src/useFetchs/__tests__/index.spec.ts

@@ -0,0 +1,29 @@
+import { mount } from '@vue/test-utils'
+import { sleep } from '@/utils/sleep'
+
+import Demo from '../demo/demo.vue'
+
+describe('useFetchs', () => {
+  it('should work', async () => {
+    const wrapper = mount(Demo)
+
+    const showText0 = wrapper.findAll('.item').at(0)
+    const showText1 = wrapper.findAll('.item').at(1)
+    const showText2 = wrapper.findAll('.item').at(2)
+    const showText3 = wrapper.findAll('.item').at(3)
+
+    expect(showText0?.text()).toBe('loading')
+    expect(showText1?.text()).toBe('loading')
+    expect(showText2?.text()).toBe('loading')
+    expect(showText3?.text()).toBe('loading')
+
+    await sleep(2000)
+    expect(showText0?.text()).toBe('vue-hooks-plus 牛')
+    expect(showText1?.text()).toBe('vue-hooks-plus 小牛')
+    expect(showText2?.text()).toBe('vue-hooks-plus 中牛')
+    expect(showText3?.text()).toBe('loading')
+
+    await sleep(2000)
+    expect(showText3?.text()).toBe('vue-hooks-plus 大牛')
+  })
+})

packages/hooks/src/useFetchs/demo/demo.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-for="item in datas" :key="item.key">
+    <div v-for="item in datas" :key="item.key" class="item">
       {{ item.loading ? 'loading' : '' }}
       {{ item.data }}
     </div>