From d8dca2cdcc0d45ba5efeb6ba797ae4bbb6301cb8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=97=A0=E5=A3=B0?= Date: Tue, 19 Oct 2021 11:28:52 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=8D=95=E6=B5=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- devui/skeleton/__tests__/skeleton.spec.ts | 48 +++++++++++------------ 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/devui/skeleton/__tests__/skeleton.spec.ts b/devui/skeleton/__tests__/skeleton.spec.ts index e55e134a..a5f90504 100644 --- a/devui/skeleton/__tests__/skeleton.spec.ts +++ b/devui/skeleton/__tests__/skeleton.spec.ts @@ -3,59 +3,59 @@ import { ref } from 'vue'; import DSkeleton from '../src/skeleton'; describe('skeleton 组件', () => { - it('render basic skeleton successfully', () => { - const row = ref(4); + it('render basic skeleton', () => { + const row = ref(4) const wrapper = mount({ components: { DSkeleton }, template: ``, setup() { return { row - }; + } }, - }); + }) expect(wrapper.classes()).toContain('devui-skeleton') expect(wrapper.classes()).toContain('devui-skeleton-animated') - expect(wrapper.element.childElementCount).toBe(1) - // 渲染个数应当与传入的 row 的数量相同 - expect(wrapper.element.children[0].childElementCount).toBe(4) + expect(wrapper.element.childElementCount).toBe(2) + expect(wrapper.element.children[1].children[1].childElementCount).toBe(4) }) it('render skeleton without animate', () => { - const animate = ref(false); + const animate = ref(false) const wrapper = mount({ components: { DSkeleton }, template: ``, setup() { return { animate - }; + } }, - }); + }) - expect(wrapper.classes()).toContain('devui-skeleton-no-animated') + expect(wrapper.classes()).toEqual(['devui-skeleton']) }) - it('render skeleton with avatar', () => { - const avatar = ref(true); + it('render skeleton without title and paragraph', () => { + const title = ref(false) + const paragraph = ref(false) const wrapper = mount({ components: { DSkeleton }, - template: ``, + template: ``, setup() { return { - avatar - }; + title, + paragraph + } }, - }); - - expect(wrapper.element.childElementCount).toBe(2) - expect(wrapper.element.children[0].innerHTML).toBe('
') + }) + + expect(wrapper.element.children[1].childElementCount).toBe(2) }) it('hide skeleton and show real content', () => { - const row = ref(4); - const loading = ref(false); + const row = ref(4) + const loading = ref(false) const wrapper = mount({ components: { DSkeleton }, template: ` @@ -71,9 +71,9 @@ describe('skeleton 组件', () => { return { row, loading - }; + } }, - }); + }) expect(wrapper.classes()).toContain('devui-skeleton') expect(wrapper.element.children[0].innerHTML).toBe('
content1
content2
content3
content4
') -- Gitee