diff --git a/tests/unit/HelloWorld.spec.js b/tests/unit/HelloWorld.spec.js
deleted file mode 100644
index 566048c0..00000000
--- a/tests/unit/HelloWorld.spec.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// 暂时 D2 没有单元测试代码 此文件为自动生成
-
-import { shallowMount } from '@vue/test-utils'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-describe('HelloWorld.vue', () => {
-  it('renders props.msg when passed', () => {
-    const msg = 'new message'
-    const wrapper = shallowMount(HelloWorld, {
-      propsData: { msg }
-    })
-    expect(wrapper.text()).toMatch(msg)
-  })
-})
diff --git a/tests/unit/d2-container-card.spec.js b/tests/unit/d2-container-card.spec.js
new file mode 100644
index 00000000..dee9d887
--- /dev/null
+++ b/tests/unit/d2-container-card.spec.js
@@ -0,0 +1,22 @@
+// 暂时 D2 没有单元测试代码 此文件为自动生成
+
+// import { shallowMount } from '@vue/test-utils'
+// import HelloWorld from '@/components/HelloWorld.vue'
+import { mount } from '@vue/test-utils'
+import D2ContainerCard from '@/components/d2-container/components/d2-container-card.vue'
+
+describe('d2-container-card.vue', () => {
+  it('渲染slot', () => {
+    const wrapper = mount(D2ContainerCard, {
+      slots: {
+        default: '<div>body</div>',
+        header: '<div>header</div>',
+        footer: '<div>footer</div>'
+      }
+    })
+
+    expect(wrapper.html()).toContain('<div class="d2-container-card__body"><div class="d2-container-card__body-card"><div>body</div></div>')
+    expect(wrapper.html()).toContain('<div class="d2-container-card__header"><div>header</div></div>')
+    expect(wrapper.html()).toContain('<div class="d2-container-card__footer"><div>footer</div></div>')
+  })
+})