diff --git a/packages/devui-vue/devui/panel/__tests__/panel.spec.ts b/packages/devui-vue/devui/panel/__tests__/panel.spec.ts index 6a7b0ce766..696c2bb15b 100644 --- a/packages/devui-vue/devui/panel/__tests__/panel.spec.ts +++ b/packages/devui-vue/devui/panel/__tests__/panel.spec.ts @@ -1,5 +1,5 @@ -import { shallowMount,mount } from "@vue/test-utils"; -import {ref,nextTick,Transition } from 'vue'; +import { mount } from '@vue/test-utils'; +import {ref } from 'vue'; import DButton from '../../button/index'; import DPanel from '../src/panel' import DPanelHeader from '../src/header/panel-header'; @@ -12,7 +12,7 @@ describe('DPanel',()=>{ // 渲染测试 it('Render',()=>{ // except(wrapper.html()) - let wrapper = mount({ + const wrapper = mount({ components:{ DPanel, DPanelBody, @@ -35,13 +35,12 @@ describe('DPanel',()=>{ }) it('isCollapsed', async ()=>{ - let wrapper = mount({ + const wrapper = mount({ components:{ DPanel, DPanelBody, DPanelHeader, DPanelFooter, - DButton }, template: ` @@ -54,15 +53,14 @@ describe('DPanel',()=>{ `, setup(){ - let isCollapsed = ref(false); + const isCollapsed = ref(false); return {isCollapsed} } }); expect(wrapper.find('.devui-panel .devui-panel-default').element.children[0].innerHTML).toBe(''); }) - // // 动态hasLeftPadding 测试 it('padding-dynamic', async ()=>{ - let wrapper = mount({ + const wrapper = mount({ components:{ DPanel, DPanelBody, @@ -80,14 +78,18 @@ describe('DPanel',()=>{

- + `, setup(){ - let leftPadding = ref(false); + const leftPadding = ref(false); + const change = () => { + leftPadding.value = !leftPadding.value; + } return { leftPadding, + change } } }); @@ -98,13 +100,12 @@ describe('DPanel',()=>{ it('beforeToggle-dynamic',async ()=>{ - let wrapper = mount({ + const wrapper = mount({ components:{ DPanel, DPanelBody, DPanelHeader, DPanelFooter, - DButton }, template: ` @@ -116,12 +117,12 @@ describe('DPanel',()=>{

- + `, setup(){ - let panelToggle = ref(false); + const panelToggle = ref(false); const beforeToggle = () => panelToggle.value; return { panelToggle,