diff --git a/src/fab/__test__/__snapshots__/demo.test.js.snap b/src/fab/__test__/__snapshots__/demo.test.js.snap
index c4b571c5b..1e5194378 100644
--- a/src/fab/__test__/__snapshots__/demo.test.js.snap
+++ b/src/fab/__test__/__snapshots__/demo.test.js.snap
@@ -25,3 +25,16 @@ exports[`Fab Fab base demo works fine 1`] = `
   />
 </base>
 `;
+
+exports[`Fab Fab draggable demo works fine 1`] = `
+<draggable>
+  <t-fab
+    ariaLabel="增加"
+    draggable="{{true}}"
+    icon="gesture-press"
+    text="拖我"
+    bind:click="handleClick"
+    bind:move="handleMove"
+  />
+</draggable>
+`;
diff --git a/src/fab/__test__/demo.test.js b/src/fab/__test__/demo.test.js
index 22966d52a..a2634c421 100644
--- a/src/fab/__test__/demo.test.js
+++ b/src/fab/__test__/demo.test.js
@@ -5,7 +5,7 @@
 import path from 'path';
 import simulate from 'miniprogram-simulate';
 
-const mapper = ['advance', 'base'];
+const mapper = ['advance', 'base', 'draggable'];
 
 describe('Fab', () => {
   mapper.forEach((demoName) => {
diff --git a/src/input/__test__/demo.test.js b/src/input/__test__/demo.test.js
index 603f344e8..cdffa0aab 100644
--- a/src/input/__test__/demo.test.js
+++ b/src/input/__test__/demo.test.js
@@ -5,21 +5,7 @@
 import path from 'path';
 import simulate from 'miniprogram-simulate';
 
-const mapper = [
-  'align',
-  'banner',
-  'base',
-  'bordered',
-  'custom',
-  'label',
-  'layout',
-  'maxlength',
-  'prefix',
-  'size',
-  'special',
-  'status',
-  'suffix',
-];
+const mapper = ['align', 'banner', 'base', 'bordered', 'custom', 'label', 'layout', 'maxlength', 'prefix', 'size', 'special', 'status', 'suffix'];
 
 describe('Input', () => {
   mapper.forEach((demoName) => {
diff --git a/src/rate/__test__/demo.test.js b/src/rate/__test__/demo.test.js
index 4d10e7c23..fe7849981 100644
--- a/src/rate/__test__/demo.test.js
+++ b/src/rate/__test__/demo.test.js
@@ -5,18 +5,7 @@
 import path from 'path';
 import simulate from 'miniprogram-simulate';
 
-const mapper = [
-  'action',
-  'base',
-  'color',
-  'count',
-  'custom',
-  'custom-prefix',
-  'show-text',
-  'size',
-  'special',
-  'un-filled',
-];
+const mapper = ['action', 'base', 'color', 'count', 'custom', 'custom-prefix', 'show-text', 'size', 'special', 'un-filled'];
 
 describe('Rate', () => {
   mapper.forEach((demoName) => {
diff --git a/src/search/__test__/__snapshots__/index.test.js.snap b/src/search/__test__/__snapshots__/index.test.js.snap
index 110cde4eb..9371575aa 100644
--- a/src/search/__test__/__snapshots__/index.test.js.snap
+++ b/src/search/__test__/__snapshots__/index.test.js.snap
@@ -65,6 +65,7 @@ exports[`search Props :base 1`] = `
       </wx-view>
     </wx-view>
     <wx-view
+      ariaRole="listbox"
       class="t-search__result-list"
     />
   </t-search>