diff --git a/components/affix/__tests__/__snapshots__/demo.test.js.snap b/components/affix/__tests__/__snapshots__/demo.test.js.snap
index d8a066231..d61dbbecf 100644
--- a/components/affix/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/affix/__tests__/__snapshots__/demo.test.js.snap
@@ -5,8 +5,7 @@ exports[`renders ./components/affix/demo/basic.vue correctly 1`] = `
Affix top
-
-
+
Affix bottom
diff --git a/components/alert/__tests__/__snapshots__/demo.test.js.snap b/components/alert/__tests__/__snapshots__/demo.test.js.snap
index a55443817..7c10e97ce 100644
--- a/components/alert/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/alert/__tests__/__snapshots__/demo.test.js.snap
@@ -9,8 +9,7 @@ exports[`renders ./components/alert/demo/banner.vue correctly 1`] = `
-
-
+
Very long warning text warning text text text text text text text
@@ -18,8 +17,7 @@ exports[`renders ./components/alert/demo/banner.vue correctly 1`] = `
-
-
+
@@ -29,8 +27,7 @@ exports[`renders ./components/alert/demo/banner.vue correctly 1`] = `
-
-
+
Error text
diff --git a/components/avatar/__tests__/__snapshots__/demo.test.js.snap b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
index 8f9897dbe..e40517857 100644
--- a/components/avatar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
@@ -2,26 +2,14 @@
exports[`renders ./components/avatar/demo/badge.vue correctly 1`] = `
1
-
-
+
`;
-exports[`renders ./components/avatar/demo/basic.vue correctly 1`] = `
-
-
-
-
-
-
-
-
-
-`;
+exports[`renders ./components/avatar/demo/basic.vue correctly 1`] = `
`;
exports[`renders ./components/avatar/demo/dynamic.vue correctly 1`] = `
-
U
-
+U
改 变
`;
@@ -46,11 +34,4 @@ exports[`renders ./components/avatar/demo/group.vue correctly 1`] = `
exports[`renders ./components/avatar/demo/responsive.vue correctly 1`] = ` `;
-exports[`renders ./components/avatar/demo/type.vue correctly 1`] = `
-
-U
-USER
-
-U
-
-`;
+exports[`renders ./components/avatar/demo/type.vue correctly 1`] = `U USER U `;
diff --git a/components/back-top/__tests__/__snapshots__/demo.test.js.snap b/components/back-top/__tests__/__snapshots__/demo.test.js.snap
index 6ff1b2d49..d0d5d736e 100644
--- a/components/back-top/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/back-top/__tests__/__snapshots__/demo.test.js.snap
@@ -1,10 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`renders ./components/back-top/demo/basic.vue correctly 1`] = `
-" Scroll down to see the bottom-right
-gray
- button."
-`;
+exports[`renders ./components/back-top/demo/basic.vue correctly 1`] = ` Scroll down to see the bottom-right gray button.`;
exports[`renders ./components/back-top/demo/custom.vue correctly 1`] = `
diff --git a/components/badge/__tests__/__snapshots__/demo.test.js.snap b/components/badge/__tests__/__snapshots__/demo.test.js.snap
index 077f3847e..20a75da6c 100644
--- a/components/badge/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/badge/__tests__/__snapshots__/demo.test.js.snap
@@ -2,10 +2,8 @@
exports[`renders ./components/badge/demo/basic.vue correctly 1`] = `
5
-
-
0
-
-
+0
+
`;
@@ -59,18 +57,13 @@ exports[`renders ./components/badge/demo/link.vue correctly 1`] = `
exports[`renders ./components/badge/demo/no-wrapper.vue correctly 1`] = `
2
5
-
-
4
-
-
99+
+
4
+99+
`;
exports[`renders ./components/badge/demo/overflow.vue correctly 1`] = `
9
9
-
-
99+
-
10+
-
999+
+
99+ 10+ 999+
`;
exports[`renders ./components/badge/demo/ribbon.vue correctly 1`] = `
@@ -87,23 +80,7 @@ exports[`renders ./components/badge/demo/ribbon.vue correctly 1`] = `
`;
-exports[`renders ./components/badge/demo/status.vue correctly 1`] = `
-
-
-
-
-
-
-Success
-
-Error
-
-Default
-
-Processing
-
-warning
-`;
+exports[`renders ./components/badge/demo/status.vue correctly 1`] = `Success Error Default Processing warning `;
exports[`renders ./components/badge/demo/title.vue correctly 1`] = `
5
diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index 229d5b7b4..e1b7cfc84 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -3,17 +3,13 @@
exports[`renders ./components/button/demo/basic.vue correctly 1`] = `
Primary Button
-
-
+
Default Button
-
-
+
Dashed Button
-
-
+
Text Button
-
-
+
Link Button
`;
@@ -21,17 +17,13 @@ exports[`renders ./components/button/demo/basic.vue correctly 1`] = `
exports[`renders ./components/button/demo/block.vue correctly 1`] = `
Primary
-
-
+
Default
-
-
+
Dashed
-
-
+
Danger
-
-
+
Link
`;
@@ -87,60 +79,37 @@ exports[`renders ./components/button/demo/danger.vue correctly 1`] = `
exports[`renders ./components/button/demo/disabled.vue correctly 1`] = `
Primary
-
-
+
Primary(disabled)
-
-
-
+
Default
-
-
+
Default(disabled)
-
-
-
+
Dashed
-
-
+
Dashed(disabled)
-
-
-
+
Text
-
-
+
Text(disabled)
-
-
-
+
Link
-
-
+
Link(disabled)
-
-
-
+
Danger Default
-
-
+
Danger Default(disabled)
-
-
-
+
Danger Text
-
-
+
Danger Text(disabled)
-
-
-
+
Danger Link
-
-
+
Danger Link(disabled)
-
-
+
-
-
+
@@ -249,8 +248,7 @@ exports[`renders ./components/card/demo/loading.vue correctly 1`] = `
-
-
+
Toggle loading
`;
@@ -335,9 +333,7 @@ exports[`renders ./components/card/demo/tabs.vue correctly 1`] = `
content1
-
-
-
+
diff --git a/components/cascader/__tests__/__snapshots__/demo.test.js.snap b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
index d395ee25c..2b3f29a7c 100644
--- a/components/cascader/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
@@ -114,9 +114,7 @@ exports[`renders ./components/cascader/demo/size.vue correctly 1`] = `
Please select
-
-
-
+
@@ -124,9 +122,7 @@ exports[`renders ./components/cascader/demo/size.vue correctly 1`] = `
Please select
-
-
-
+
@@ -134,9 +130,7 @@ exports[`renders ./components/cascader/demo/size.vue correctly 1`] = `
Please select
-
-
-
+
`;
exports[`renders ./components/cascader/demo/suffix.vue correctly 1`] = `
diff --git a/components/checkbox/__tests__/__snapshots__/demo.test.js.snap b/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
index 01ce052f8..dd0b9fd02 100644
--- a/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
@@ -22,23 +22,15 @@ exports[`renders ./components/checkbox/demo/controller.vue correctly 1`] = `
exports[`renders ./components/checkbox/demo/disabled.vue correctly 1`] = `
-
-
-
+
`;
exports[`renders ./components/checkbox/demo/group.vue correctly 1`] = `
-Apple Pear Orange
-
-
-Apple Pear Orange
-
-
-Apple Pear Orange
-
-
+Apple Pear Orange
+Apple Pear Orange
+Apple Pear Orange
Apple Pear Orange
`;
diff --git a/components/collapse/__tests__/__snapshots__/demo.test.js.snap b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
index 2c6f7df1d..b5626e05d 100644
--- a/components/collapse/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
@@ -125,9 +125,7 @@ exports[`renders ./components/collapse/demo/extra.vue correctly 1`] = `
-
-
-Expand Icon Position:
+Expand Icon Position:
+
`;
diff --git a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
index 4629a2316..c39b69e88 100644
--- a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
@@ -1,8 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`renders ./components/dropdown/demo/basic.vue correctly 1`] = ` Hover me `;
+exports[`renders ./components/dropdown/demo/basic.vue correctly 1`] = ` Hover me `;
-exports[`renders ./components/dropdown/demo/context-menu.vue correctly 1`] = ` Right Click on here
`;
+exports[`renders ./components/dropdown/demo/context-menu.vue correctly 1`] = `
+
+ Right Click on here
+`;
exports[`renders ./components/dropdown/demo/dropdown-button.vue correctly 1`] = `
@@ -27,11 +30,11 @@ exports[`renders ./components/dropdown/demo/dropdown-button.vue correctly 1`] =
`;
-exports[`renders ./components/dropdown/demo/event.vue correctly 1`] = ` Hover me, Click menu item `;
+exports[`renders ./components/dropdown/demo/event.vue correctly 1`] = ` Hover me, Click menu item `;
-exports[`renders ./components/dropdown/demo/item.vue correctly 1`] = ` Hover me `;
+exports[`renders ./components/dropdown/demo/item.vue correctly 1`] = ` Hover me `;
-exports[`renders ./components/dropdown/demo/overlay-visible.vue correctly 1`] = ` Hover me `;
+exports[`renders ./components/dropdown/demo/overlay-visible.vue correctly 1`] = ` Hover me `;
exports[`renders ./components/dropdown/demo/placement.vue correctly 1`] = `
@@ -61,6 +64,6 @@ exports[`renders ./components/dropdown/demo/placement.vue correctly 1`] = `
`;
-exports[`renders ./components/dropdown/demo/sub-menu.vue correctly 1`] = ` Cascading menu `;
+exports[`renders ./components/dropdown/demo/sub-menu.vue correctly 1`] = ` Cascading menu `;
-exports[`renders ./components/dropdown/demo/trigger.vue correctly 1`] = ` Click me `;
+exports[`renders ./components/dropdown/demo/trigger.vue correctly 1`] = ` Click me `;
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index ba58610d1..6534f8592 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -540,6 +540,7 @@ exports[`renders ./components/form/demo/form-context.vue correctly 1`] = `
+
`;
exports[`renders ./components/form/demo/form-in-modal.vue correctly 1`] = `
diff --git a/components/image/__tests__/__snapshots__/demo.test.js.snap b/components/image/__tests__/__snapshots__/demo.test.js.snap
index 9d8d19c3f..67c0e949d 100644
--- a/components/image/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/image/__tests__/__snapshots__/demo.test.js.snap
@@ -5,6 +5,7 @@ exports[`renders ./components/image/demo/basic.vue correctly 1`] = `
+
`;
exports[`renders ./components/image/demo/controlledPreview.vue correctly 1`] = `
@@ -24,6 +25,7 @@ exports[`renders ./components/image/demo/fallback.vue correctly 1`] = `
+
`;
exports[`renders ./components/image/demo/placeholder.vue correctly 1`] = `
@@ -54,8 +56,11 @@ exports[`renders ./components/image/demo/previewGroup.vue correctly 1`] = `
+
+
+
`;
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 32654a362..99c36d759 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -103,4 +103,4 @@ exports[`renders ./components/input/demo/size.vue correctly 1`] = ``;
-exports[`renders ./components/input/demo/tooltip.vue correctly 1`] = `
`;
+exports[`renders ./components/input/demo/tooltip.vue correctly 1`] = `
`;
diff --git a/components/message/__tests__/__snapshots__/demo.test.js.snap b/components/message/__tests__/__snapshots__/demo.test.js.snap
index 218b35d0c..545f76283 100644
--- a/components/message/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/message/__tests__/__snapshots__/demo.test.js.snap
@@ -43,10 +43,7 @@ exports[`renders ./components/message/demo/thenable.vue correctly 1`] = `
exports[`renders ./components/message/demo/update.vue correctly 1`] = `
Open the message box (update by key)
-
-
-
-
+
Open the message box (update by reactive)
`;
diff --git a/components/notification/__tests__/__snapshots__/demo.test.js.snap b/components/notification/__tests__/__snapshots__/demo.test.js.snap
index bc4fec7a5..8cf5641f8 100644
--- a/components/notification/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/notification/__tests__/__snapshots__/demo.test.js.snap
@@ -43,10 +43,7 @@ exports[`renders ./components/notification/demo/placement.vue correctly 1`] = `
exports[`renders ./components/notification/demo/update.vue correctly 1`] = `
Open the notification box (update by key)
-
-
-
-
+
Open the notification box (update by reactive)
`;
diff --git a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
index 7265b51b6..ef00ec92e 100644
--- a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
@@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`renders ./components/popconfirm/demo/basic.vue correctly 1`] = `
Delete `;
+exports[`renders ./components/popconfirm/demo/basic.vue correctly 1`] = `
Delete `;
exports[`renders ./components/popconfirm/demo/dynamic-trigger.vue correctly 1`] = `
@@ -10,9 +10,9 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.vue correctly 1`]
`;
-exports[`renders ./components/popconfirm/demo/icon.vue correctly 1`] = `
Delete `;
+exports[`renders ./components/popconfirm/demo/icon.vue correctly 1`] = `
Delete `;
-exports[`renders ./components/popconfirm/demo/local.vue correctly 1`] = `
Delete `;
+exports[`renders ./components/popconfirm/demo/local.vue correctly 1`] = `
Delete `;
exports[`renders ./components/popconfirm/demo/placement.vue correctly 1`] = `
diff --git a/components/popover/__tests__/__snapshots__/demo.test.js.snap b/components/popover/__tests__/__snapshots__/demo.test.js.snap
index 70fa435d0..c920deaf3 100644
--- a/components/popover/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popover/__tests__/__snapshots__/demo.test.js.snap
@@ -12,19 +12,20 @@ exports[`renders ./components/popover/demo/arrow-point-at-center.vue correctly 1
`;
exports[`renders ./components/popover/demo/basic.vue correctly 1`] = `
-
+
Hover me
`;
exports[`renders ./components/popover/demo/control.vue correctly 1`] = `
-
+
Click me
`;
exports[`renders ./components/popover/demo/hover-with-click.vue correctly 1`] = `
-
+
+
Hover and click / 悬停并单击
`;
diff --git a/components/progress/__tests__/__snapshots__/demo.test.js.snap b/components/progress/__tests__/__snapshots__/demo.test.js.snap
index 7414d0493..8a412d030 100644
--- a/components/progress/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/progress/__tests__/__snapshots__/demo.test.js.snap
@@ -422,8 +422,7 @@ exports[`renders ./components/progress/demo/steps.vue correctly 1`] = `
50%
-
-
+
@@ -432,8 +431,7 @@ exports[`renders ./components/progress/demo/steps.vue correctly 1`] = `
30%
-
-
+
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index 9fbbd8022..359f4996d 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -270,9 +270,7 @@ exports[`renders ./components/select/demo/option-label-prop.vue correctly 1`] =
Note: v-slot:option support from v2.2.5
-
-
-
+
diff --git a/components/tag/__tests__/__snapshots__/demo.test.js.snap b/components/tag/__tests__/__snapshots__/demo.test.js.snap
index 0bd06ee5d..0a0cfc428 100644
--- a/components/tag/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tag/__tests__/__snapshots__/demo.test.js.snap
@@ -12,37 +12,24 @@ exports[`renders ./components/tag/demo/colorful.vue correctly 1`] = `
`;
exports[`renders ./components/tag/demo/control.vue correctly 1`] = `
-
Unremovable
-
Tag 2
-
Tag 3Tag 3Tag 3Tag 3...
-
New Tag
+Unremovable Tag 2
+Tag 3Tag 3Tag 3Tag 3... New Tag
`;
exports[`renders ./components/tag/demo/controlled.vue correctly 1`] = `
-Movies
-
-
+Movies
Toggle
`;
-exports[`renders ./components/tag/demo/hot-tags.vue correctly 1`] = `
-Categories:
-Movies
-Books
-Music
-Sports
-`;
+exports[`renders ./components/tag/demo/hot-tags.vue correctly 1`] = `Categories: Movies Books Music Sports `;
exports[`renders ./components/tag/demo/icon.vue correctly 1`] = `
Twitter
-
- Youtube
-
- Facebook
-
- LinkedIn
+ Youtube
+ Facebook
+ LinkedIn
`;
diff --git a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
index 9c1fc6664..150a4716a 100644
--- a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
@@ -28,7 +28,7 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.vue correctly 1`
`;
-exports[`renders ./components/tooltip/demo/basic.vue correctly 1`] = `
Tooltip will show when mouse enter. `;
+exports[`renders ./components/tooltip/demo/basic.vue correctly 1`] = `
Tooltip will show when mouse enter. `;
exports[`renders ./components/tooltip/demo/color.vue correctly 1`] = `
-
...
+ ...
`;