diff --git a/gen-demo-test.js b/gen-demo-test.js
index 4268af166..3ecfa9a49 100644
--- a/gen-demo-test.js
+++ b/gen-demo-test.js
@@ -53,10 +53,7 @@ function getKeyFunction(component) {
 describe('${newComponent}', () => {
   mapper.forEach((demoName) => {
     it(\`${newComponent} \${demoName} demo works fine\`, () => {
-      const id = simulate.load(path.resolve(__dirname, \`../../${component}/_example/\${demoName}/index\`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, \`../../${component}/_example/\${demoName}/index\`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/jest.config.js b/jest.config.js
index 093550cbf..7126d77a3 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -25,5 +25,6 @@ module.exports = {
   globals: {
     CONFIG_PREFIX: 't',
   },
+  globalSetup: '<rootDir>/script/test/globalSetup.js',
   snapshotSerializers: ['miniprogram-simulate/jest-snapshot-plugin'],
 };
diff --git a/script/test/globalSetup.js b/script/test/globalSetup.js
new file mode 100644
index 000000000..281116891
--- /dev/null
+++ b/script/test/globalSetup.js
@@ -0,0 +1,3 @@
+module.exports = async () => {
+  process.env.TZ = 'Asia/Shanghai';
+};
diff --git a/script/test/setup.js b/script/test/setup.js
index 0aaecf34b..7a5c3274b 100644
--- a/script/test/setup.js
+++ b/script/test/setup.js
@@ -1,2 +1,14 @@
+import Path from 'path';
+import simulate from 'miniprogram-simulate';
+
 global.getApp = () => null;
 global.Page = (options) => Component(options);
+global.load = (path, demoName) => {
+  return simulate.load(path, demoName, {
+    less: true,
+    rootPath: Path.resolve(__dirname, '../../src'),
+    compilerOptions: {
+      maxBuffer: 1024 * (1024 + 100),
+    },
+  });
+};
diff --git a/src/action-sheet/__test__/demo.test.js b/src/action-sheet/__test__/demo.test.js
index f20c1adda..02db73d48 100644
--- a/src/action-sheet/__test__/demo.test.js
+++ b/src/action-sheet/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['grid', 'grid-multi', 'icon-list', 'list'];
 describe('ActionSheet', () => {
   mapper.forEach((demoName) => {
     it(`ActionSheet ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../action-sheet/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../action-sheet/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/action-sheet/__test__/index.test.js b/src/action-sheet/__test__/index.test.js
index 3ccff0882..e875c24dc 100644
--- a/src/action-sheet/__test__/index.test.js
+++ b/src/action-sheet/__test__/index.test.js
@@ -9,10 +9,7 @@ describe('action-sheet', () => {
     Grid: 'grid',
   };
 
-  const actionSheet = simulate.load(path.resolve(__dirname, `../action-sheet`), 't-action-sheet', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const actionSheet = load(path.resolve(__dirname, `../action-sheet`), 't-action-sheet');
 
   describe('props', () => {
     it(': cancel-text', async () => {
diff --git a/src/avatar/__test__/demo.test.js b/src/avatar/__test__/demo.test.js
index 7618f2c35..2bd487f13 100644
--- a/src/avatar/__test__/demo.test.js
+++ b/src/avatar/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['action', 'exhibition', 'shape', 'size'];
 describe('Avatar', () => {
   mapper.forEach((demoName) => {
     it(`Avatar ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../avatar/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../avatar/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/avatar/__test__/index.test.js b/src/avatar/__test__/index.test.js
index 74b1ebc1a..23b9a4ee7 100644
--- a/src/avatar/__test__/index.test.js
+++ b/src/avatar/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('Avatar & Avatar Groups', () => {
-  const id = simulate.load(path.resolve(__dirname, './index'), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, './index'));
 
   describe('Avatar Props', () => {
     it(':icon', () => {
diff --git a/src/back-top/__test__/demo.test.js b/src/back-top/__test__/demo.test.js
index d3731d733..000147513 100644
--- a/src/back-top/__test__/demo.test.js
+++ b/src/back-top/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base'];
 describe('BackTop', () => {
   mapper.forEach((demoName) => {
     it(`BackTop ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../back-top/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../back-top/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/badge/__test__/demo.test.js b/src/badge/__test__/demo.test.js
index 50ab58693..2c36d8d38 100644
--- a/src/badge/__test__/demo.test.js
+++ b/src/badge/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'button', 'cell', 'tab-item'];
 describe('Badge', () => {
   mapper.forEach((demoName) => {
     it(`Badge ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../badge/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../badge/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/badge/__test__/index.test.js b/src/badge/__test__/index.test.js
index c7b304d01..f2e826a34 100644
--- a/src/badge/__test__/index.test.js
+++ b/src/badge/__test__/index.test.js
@@ -7,10 +7,7 @@ const shapes = ['circle', 'square', 'round', 'ribbon'];
 const sizes = ['small', 'medium'];
 
 describe('badge', () => {
-  const badge = simulate.load(path.resolve(__dirname, `../badge`), 't-badge', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const badge = load(path.resolve(__dirname, `../badge`), 't-badge');
 
   it(`:base`, () => {
     const id = simulate.load({
diff --git a/src/button/__test__/demo.test.js b/src/button/__test__/demo.test.js
index cacfdfd87..f4ce84f0a 100644
--- a/src/button/__test__/demo.test.js
+++ b/src/button/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'icon-btn', 'size'];
 describe('Button', () => {
   mapper.forEach((demoName) => {
     it(`Button ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../button/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../button/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/button/__test__/index.test.js b/src/button/__test__/index.test.js
index ffc61132c..9e6ce27d2 100644
--- a/src/button/__test__/index.test.js
+++ b/src/button/__test__/index.test.js
@@ -2,11 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('button', () => {
-  const options = {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  };
-  const button = simulate.load(path.resolve(__dirname, '../button'), options);
+  const button = load(path.resolve(__dirname, '../button'));
 
   it(`:base`, async () => {
     const id = simulate.load({
@@ -93,7 +89,7 @@ describe('button', () => {
   });
 
   it(':with group', () => {
-    const buttonGroup = simulate.load(path.resolve(__dirname, '../../button-group/button-group'), options);
+    const buttonGroup = load(path.resolve(__dirname, '../../button-group/button-group'));
     const id = simulate.load({
       template: `<t-button-group type="primary" class="button-group">
         <t-button></t-button>
diff --git a/src/calendar/__test__/__snapshots__/demo.test.js.snap b/src/calendar/__test__/__snapshots__/demo.test.js.snap
new file mode 100644
index 000000000..e914e880d
--- /dev/null
+++ b/src/calendar/__test__/__snapshots__/demo.test.js.snap
@@ -0,0 +1,80 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Calendar Calendar base demo works fine 1`] = `
+<base>
+  <t-calendar
+    visible="{{false}}"
+    bind:confirm="handleConfirm"
+  />
+  <t-cell
+    arrow="{{true}}"
+    title="单个选择日历"
+    bind:tap="handleCalendar"
+  />
+</base>
+`;
+
+exports[`Calendar Calendar custom-range demo works fine 1`] = `
+<custom-range>
+  <t-calendar
+    maxDate="{{1645891200000}}"
+    minDate="{{1643644800000}}"
+    value="{{1644854400000}}"
+    visible="{{false}}"
+    bind:confirm="handleConfirm"
+  />
+  <t-cell
+    arrow="{{true}}"
+    title="自定义区间"
+    bind:tap="handleCalendar"
+  />
+</custom-range>
+`;
+
+exports[`Calendar Calendar custom-text demo works fine 1`] = `
+<custom-text>
+  <t-calendar
+    format="{{[Function]}}"
+    maxDate="{{1647273600000}}"
+    minDate="{{1643644800000}}"
+    value="{{1644854400000}}"
+    visible="{{false}}"
+    bind:confirm="handleConfirm"
+  />
+  <t-cell
+    arrow="{{true}}"
+    title="自定义文案"
+    bind:tap="handleCalendar"
+  />
+</custom-text>
+`;
+
+exports[`Calendar Calendar multiple demo works fine 1`] = `
+<multiple>
+  <t-calendar
+    type="multiple"
+    visible="{{false}}"
+    bind:confirm="handleConfirm"
+  />
+  <t-cell
+    arrow="{{true}}"
+    title="多个选择日历"
+    bind:tap="handleCalendar"
+  />
+</multiple>
+`;
+
+exports[`Calendar Calendar range demo works fine 1`] = `
+<range>
+  <t-calendar
+    type="range"
+    visible="{{false}}"
+    bind:confirm="handleConfirm"
+  />
+  <t-cell
+    arrow="{{true}}"
+    title="区间选择日历"
+    bind:tap="handleCalendar"
+  />
+</range>
+`;
diff --git a/src/calendar/__test__/demo.test.js b/src/calendar/__test__/demo.test.js
new file mode 100644
index 000000000..32fc3993c
--- /dev/null
+++ b/src/calendar/__test__/demo.test.js
@@ -0,0 +1,19 @@
+/**
+ * 该文件为由脚本 `npm run test:demo` 自动生成，如需修改，执行脚本命令即可。请勿手写直接修改，否则会被覆盖
+ */
+
+import simulate from 'miniprogram-simulate';
+import path from 'path';
+
+const mapper = ['base', 'custom-range', 'custom-text', 'multiple', 'range'];
+
+describe('Calendar', () => {
+  mapper.forEach((demoName) => {
+    it(`Calendar ${demoName} demo works fine`, () => {
+      const id = load(path.resolve(__dirname, `../../calendar/_example/${demoName}/index`), demoName);
+      const container = simulate.render(id);
+      container.attach(document.createElement('parent-wrapper'));
+      expect(container.toJSON()).toMatchSnapshot();
+    });
+  });
+});
diff --git a/src/calendar/__test__/index.test.js b/src/calendar/__test__/index.test.js
index d2b005293..ae6a152bc 100644
--- a/src/calendar/__test__/index.test.js
+++ b/src/calendar/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('calendar', () => {
-  const calendar = simulate.load(path.resolve(__dirname, `../calendar`), 't-calendar', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const calendar = load(path.resolve(__dirname, `../calendar`), 't-calendar');
 
   it(':base', () => {
     const id = simulate.load({
diff --git a/src/cascader/__test__/__snapshots__/demo.test.js.snap b/src/cascader/__test__/__snapshots__/demo.test.js.snap
new file mode 100644
index 000000000..fd815585f
--- /dev/null
+++ b/src/cascader/__test__/__snapshots__/demo.test.js.snap
@@ -0,0 +1,173 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Cascader Cascader base demo works fine 1`] = `
+<base>
+  <t-cell
+    arrow="{{true}}"
+    note="请选择地址"
+    title="地址"
+    bind:click="showCascader"
+  />
+  <t-cascader
+    options="{{
+      Array [
+        Object {
+          "children": Array [
+            Object {
+              "children": Array [
+                Object {
+                  "label": "东城区",
+                  "value": "110101",
+                },
+                Object {
+                  "label": "西城区",
+                  "value": "110102",
+                },
+                Object {
+                  "label": "朝阳区",
+                  "value": "110105",
+                },
+                Object {
+                  "label": "丰台区",
+                  "value": "110106",
+                },
+                Object {
+                  "label": "石景山区",
+                  "value": "110107",
+                },
+                Object {
+                  "label": "海淀区",
+                  "value": "110108",
+                },
+                Object {
+                  "label": "门头沟区",
+                  "value": "110109",
+                },
+                Object {
+                  "label": "房山区",
+                  "value": "110111",
+                },
+                Object {
+                  "label": "通州区",
+                  "value": "110112",
+                },
+                Object {
+                  "label": "顺义区",
+                  "value": "110113",
+                },
+                Object {
+                  "label": "昌平区",
+                  "value": "110114",
+                },
+                Object {
+                  "label": "大兴区",
+                  "value": "110115",
+                },
+                Object {
+                  "label": "怀柔区",
+                  "value": "110116",
+                },
+                Object {
+                  "label": "平谷区",
+                  "value": "110117",
+                },
+                Object {
+                  "label": "密云区",
+                  "value": "110118",
+                },
+                Object {
+                  "label": "延庆区",
+                  "value": "110119",
+                },
+              ],
+              "label": "北京市",
+              "value": "110100",
+            },
+          ],
+          "label": "北京市",
+          "value": "110000",
+        },
+        Object {
+          "children": Array [
+            Object {
+              "children": Array [
+                Object {
+                  "label": "和平区",
+                  "value": "120101",
+                },
+                Object {
+                  "label": "河东区",
+                  "value": "120102",
+                },
+                Object {
+                  "label": "河西区",
+                  "value": "120103",
+                },
+                Object {
+                  "label": "南开区",
+                  "value": "120104",
+                },
+                Object {
+                  "label": "河北区",
+                  "value": "120105",
+                },
+                Object {
+                  "label": "红桥区",
+                  "value": "120106",
+                },
+                Object {
+                  "label": "东丽区",
+                  "value": "120110",
+                },
+                Object {
+                  "label": "西青区",
+                  "value": "120111",
+                },
+                Object {
+                  "label": "津南区",
+                  "value": "120112",
+                },
+                Object {
+                  "label": "北辰区",
+                  "value": "120113",
+                },
+                Object {
+                  "label": "武清区",
+                  "value": "120114",
+                },
+                Object {
+                  "label": "宝坻区",
+                  "value": "120115",
+                },
+                Object {
+                  "label": "滨海新区",
+                  "value": "120116",
+                },
+                Object {
+                  "label": "宁河区",
+                  "value": "120117",
+                },
+                Object {
+                  "label": "静海区",
+                  "value": "120118",
+                },
+                Object {
+                  "label": "蓟州区",
+                  "value": "120119",
+                },
+              ],
+              "label": "天津市",
+              "value": "120100",
+            },
+          ],
+          "label": "天津市",
+          "value": "120000",
+        },
+      ]
+    }}"
+    title="请选择地址"
+    visible="{{false}}"
+    bind:change="onChange"
+  />
+</base>
+`;
diff --git a/src/cascader/__test__/demo.test.js b/src/cascader/__test__/demo.test.js
new file mode 100644
index 000000000..75dd610a1
--- /dev/null
+++ b/src/cascader/__test__/demo.test.js
@@ -0,0 +1,19 @@
+/**
+ * 该文件为由脚本 `npm run test:demo` 自动生成，如需修改，执行脚本命令即可。请勿手写直接修改，否则会被覆盖
+ */
+
+import simulate from 'miniprogram-simulate';
+import path from 'path';
+
+const mapper = ['base'];
+
+describe('Cascader', () => {
+  mapper.forEach((demoName) => {
+    it(`Cascader ${demoName} demo works fine`, () => {
+      const id = load(path.resolve(__dirname, `../../cascader/_example/${demoName}/index`), demoName);
+      const container = simulate.render(id);
+      container.attach(document.createElement('parent-wrapper'));
+      expect(container.toJSON()).toMatchSnapshot();
+    });
+  });
+});
diff --git a/src/cascader/cascader.json b/src/cascader/cascader.json
index b4d79de06..bfb1d8b12 100644
--- a/src/cascader/cascader.json
+++ b/src/cascader/cascader.json
@@ -3,9 +3,6 @@
   "usingComponents": {
     "t-icon": "tdesign-miniprogram/icon/icon",
     "t-popup": "tdesign-miniprogram/popup/popup",
-    "t-radio": "tdesign-miniprogram/radio/radio",
-    "t-radio-group": "tdesign-miniprogram/radio-group/radio-group",
-    "t-swiper": "tdesign-miniprogram/swiper/swiper",
-    "t-swiper-item": "tdesign-miniprogram/swiper/swiper-item"
+    "t-radio-group": "tdesign-miniprogram/radio-group/radio-group"
   }
 }
diff --git a/src/cascader/cascader.wxml b/src/cascader/cascader.wxml
index 17c90e606..6f2262400 100644
--- a/src/cascader/cascader.wxml
+++ b/src/cascader/cascader.wxml
@@ -9,7 +9,6 @@
       <t-icon wx:if="{{closeBtn}}" size="24" name="close" />
     </view>
     <view class="{{name}}__content">
-      <!-- <cascader-steps value="{{stepIndex}}" items="{{steps}}" bind:change="onStepsChange" /> -->
       <view wx:if="{{steps && steps.length}}" class="{{name}}__steps">
         <view wx:for="{{steps}}" wx:key="index" class="{{name}}__step" bind:tap="onStepClick" data-index="{{index}}">
           <view
@@ -35,25 +34,8 @@
             icon="stroke-line"
             borderless
           >
-            <!-- <t-radio wx:for="{{options}}" wx:key="index" icon="stroke-line"  borderless
-              >{{item.label}}</t-radio
-            > -->
           </t-radio-group>
         </scroll-view>
-
-        <!-- <view wx:for="{{items}}" wx:key="index" style="width: 100%">
-          <transition appear name="slide">
-            <view v-show="stepIndex === index" style="width: 100%">
-              <cascader-item
-                v-for="(item, idx) in options"
-                :key="item.value"
-                v-bind="item"
-                :active="selectedIndexes[index] === idx"
-                @click="onPick(item, idx, index, $event)"
-              />
-            </view>
-          </transition>
-        </view> -->
       </view>
     </view>
   </view>
diff --git a/src/cell/__test__/demo.test.js b/src/cell/__test__/demo.test.js
index f874e5543..9392b7ccb 100644
--- a/src/cell/__test__/demo.test.js
+++ b/src/cell/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'multiple'];
 describe('Cell', () => {
   mapper.forEach((demoName) => {
     it(`Cell ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../cell/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../cell/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/checkbox/__test__/demo.test.js b/src/checkbox/__test__/demo.test.js
index d5b437b6a..447d372a3 100644
--- a/src/checkbox/__test__/demo.test.js
+++ b/src/checkbox/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['all', 'base', 'num', 'right', 'size', 'status', 'type'];
 describe('Checkbox', () => {
   mapper.forEach((demoName) => {
     it(`Checkbox ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../checkbox/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../checkbox/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/collapse/__test__/demo.test.js b/src/collapse/__test__/demo.test.js
index f87f2adf6..3826b8f59 100644
--- a/src/collapse/__test__/demo.test.js
+++ b/src/collapse/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['accordion', 'action', 'base'];
 describe('Collapse', () => {
   mapper.forEach((demoName) => {
     it(`Collapse ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../collapse/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../collapse/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/collapse/__test__/index.test.js b/src/collapse/__test__/index.test.js
index c5f4dac3b..acb85e763 100644
--- a/src/collapse/__test__/index.test.js
+++ b/src/collapse/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('collapse', () => {
-  const id = simulate.load(path.resolve(__dirname, `./index`), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, `./index`));
 
   it(':base', () => {
     const comp = simulate.render(id);
diff --git a/src/count-down/__test__/demo.test.js b/src/count-down/__test__/demo.test.js
index e15c447ad..0b789387b 100644
--- a/src/count-down/__test__/demo.test.js
+++ b/src/count-down/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'sizeCountDown'];
 describe('CountDown', () => {
   mapper.forEach((demoName) => {
     it(`CountDown ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../count-down/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../count-down/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/count-down/__test__/index.test.js b/src/count-down/__test__/index.test.js
index b42e3f71b..a65e804ee 100644
--- a/src/count-down/__test__/index.test.js
+++ b/src/count-down/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('countdown', () => {
-  const countdown = simulate.load(path.resolve(__dirname, `../count-down`), 't-count-down', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const countdown = load(path.resolve(__dirname, `../count-down`), 't-count-down');
 
   it(':base', async () => {
     const id = simulate.load({
diff --git a/src/date-time-picker/__test__/demo.test.js b/src/date-time-picker/__test__/demo.test.js
index 424def84e..70f6d58c2 100644
--- a/src/date-time-picker/__test__/demo.test.js
+++ b/src/date-time-picker/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['date-all', 'time-min', 'year-month', 'year-month-date'];
 describe('DateTimePicker', () => {
   mapper.forEach((demoName) => {
     it(`DateTimePicker ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../date-time-picker/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../date-time-picker/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/date-time-picker/__test__/index.test.js b/src/date-time-picker/__test__/index.test.js
index 948f04699..ab9b36503 100644
--- a/src/date-time-picker/__test__/index.test.js
+++ b/src/date-time-picker/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('date-time-picker', () => {
-  const dateTimePicker = simulate.load(path.resolve(__dirname, `../date-time-picker`), 't-date-time-picker', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const dateTimePicker = load(path.resolve(__dirname, `../date-time-picker`), 't-date-time-picker');
   const handler = (dom) => {
     const trigger = (action, x, y) =>
       dom.dispatchEvent(`touch${action}`, {
diff --git a/src/dialog/__test__/demo.test.js b/src/dialog/__test__/demo.test.js
index f2ba40888..79910ddfd 100644
--- a/src/dialog/__test__/demo.test.js
+++ b/src/dialog/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'button', 'command', 'confirm', 'inputDialog'];
 describe('Dialog', () => {
   mapper.forEach((demoName) => {
     it(`Dialog ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../dialog/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../dialog/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/dialog/__test__/index.test.js b/src/dialog/__test__/index.test.js
index 0bf8c2771..379489301 100644
--- a/src/dialog/__test__/index.test.js
+++ b/src/dialog/__test__/index.test.js
@@ -4,10 +4,7 @@ import Dialog from '../index';
 import * as Util from '../../common/utils';
 
 describe('dialog', () => {
-  const dialog = simulate.load(path.resolve(__dirname, `../dialog`), 't-dialog', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const dialog = load(path.resolve(__dirname, `../dialog`), 't-dialog');
 
   it(':base', async () => {
     const id = simulate.load({
diff --git a/src/divider/__test__/demo.test.js b/src/divider/__test__/demo.test.js
index 3b2613f70..12b9a58c4 100644
--- a/src/divider/__test__/demo.test.js
+++ b/src/divider/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'text-line', 'text-only'];
 describe('Divider', () => {
   mapper.forEach((demoName) => {
     it(`Divider ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../divider/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../divider/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/divider/__test__/index.test.js b/src/divider/__test__/index.test.js
index c51ccf3e5..2b89ced86 100644
--- a/src/divider/__test__/index.test.js
+++ b/src/divider/__test__/index.test.js
@@ -8,10 +8,7 @@ const textAlign = ['left', 'center', 'right'];
 const layout = ['horizontal', 'vertical'];
 
 describe('Divider', () => {
-  const divider = simulate.load(path.resolve(__dirname, `../divider`), 't-divider', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const divider = load(path.resolve(__dirname, `../divider`), 't-divider');
 
   it(`:base`, () => {
     const id = simulate.load({
diff --git a/src/drawer/__test__/demo.test.js b/src/drawer/__test__/demo.test.js
index 4308234aa..fabcd12bc 100644
--- a/src/drawer/__test__/demo.test.js
+++ b/src/drawer/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'icon-drawer'];
 describe('Drawer', () => {
   mapper.forEach((demoName) => {
     it(`Drawer ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../drawer/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../drawer/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/dropdown-menu/__test__/demo.test.js b/src/dropdown-menu/__test__/demo.test.js
index 66c0f29a5..4d6f9b2fc 100644
--- a/src/dropdown-menu/__test__/demo.test.js
+++ b/src/dropdown-menu/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['multi', 'single', 'tree'];
 describe('DropdownMenu', () => {
   mapper.forEach((demoName) => {
     it(`DropdownMenu ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../dropdown-menu/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../dropdown-menu/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/dropdown-menu/__test__/index.test.js b/src/dropdown-menu/__test__/index.test.js
index 344cbe3f9..06a2f9934 100644
--- a/src/dropdown-menu/__test__/index.test.js
+++ b/src/dropdown-menu/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('dropdown-menu', () => {
-  const id = simulate.load(path.resolve(__dirname, `./index`), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, `./index`));
 
   it(':base', async () => {
     const comp = simulate.render(id);
diff --git a/src/empty/__test__/demo.test.js b/src/empty/__test__/demo.test.js
index 129bad13d..4133d7fc3 100644
--- a/src/empty/__test__/demo.test.js
+++ b/src/empty/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'buttonEmpty', 'imageEmpty', 'pageEmpty'];
 describe('Empty', () => {
   mapper.forEach((demoName) => {
     it(`Empty ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../empty/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../empty/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/fab/__test__/demo.test.js b/src/fab/__test__/demo.test.js
index ece056829..997860d21 100644
--- a/src/fab/__test__/demo.test.js
+++ b/src/fab/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['advance', 'base'];
 describe('Fab', () => {
   mapper.forEach((demoName) => {
     it(`Fab ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../fab/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../fab/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/fab/__test__/index.test.js b/src/fab/__test__/index.test.js
index 80bb1c8a1..ecd0d8ee8 100644
--- a/src/fab/__test__/index.test.js
+++ b/src/fab/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('fab', () => {
-  const fab = simulate.load(path.resolve(__dirname, `../fab`), 't-fab', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../../'),
-  });
+  const fab = load(path.resolve(__dirname, `../fab`), 't-fab');
   it(`fab :base`, async () => {
     const id = simulate.load({
       template: `<t-fab class="fab" text="{{text}}"></fab>`,
diff --git a/src/footer/__test__/demo.test.js b/src/footer/__test__/demo.test.js
index a4d4f8af8..e0e9f471e 100644
--- a/src/footer/__test__/demo.test.js
+++ b/src/footer/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'link'];
 describe('Footer', () => {
   mapper.forEach((demoName) => {
     it(`Footer ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../footer/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../footer/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/grid/__test__/demo.test.js b/src/grid/__test__/demo.test.js
index 4320b56a3..68e620ee1 100644
--- a/src/grid/__test__/demo.test.js
+++ b/src/grid/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['badge', 'border', 'five', 'four', 'three', 'three-des', 'two-de
 describe('Grid', () => {
   mapper.forEach((demoName) => {
     it(`Grid ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../grid/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../grid/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/grid/__test__/index.test.js b/src/grid/__test__/index.test.js
index 0951c56af..d6bc45c73 100644
--- a/src/grid/__test__/index.test.js
+++ b/src/grid/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('grid', () => {
-  const id = simulate.load(path.resolve(__dirname, './index'), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, './index'));
 
   it(':base', () => {
     const comp = simulate.render(id);
diff --git a/src/icon/__test__/demo.test.js b/src/icon/__test__/demo.test.js
index 2b990883b..e0545f9a7 100644
--- a/src/icon/__test__/demo.test.js
+++ b/src/icon/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'custom', 'iconImage'];
 describe('Icon', () => {
   mapper.forEach((demoName) => {
     it(`Icon ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../icon/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../icon/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/image-viewer/__test__/demo.test.js b/src/image-viewer/__test__/demo.test.js
index d33cb91d5..c630259cd 100644
--- a/src/image-viewer/__test__/demo.test.js
+++ b/src/image-viewer/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'delete', 'over-height', 'over-width'];
 describe('ImageViewer', () => {
   mapper.forEach((demoName) => {
     it(`ImageViewer ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../image-viewer/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../image-viewer/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/image-viewer/__test__/index.test.js b/src/image-viewer/__test__/index.test.js
index f81229b70..fdee8d92e 100644
--- a/src/image-viewer/__test__/index.test.js
+++ b/src/image-viewer/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('image-viewer', () => {
-  const imageViewer = simulate.load(path.resolve(__dirname, `../image-viewer`), 't-image-viewer', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const imageViewer = load(path.resolve(__dirname, `../image-viewer`), 't-image-viewer');
 
   it(':base', async () => {
     const id = simulate.load({
diff --git a/src/image/__test__/demo.test.js b/src/image/__test__/demo.test.js
index fbfe79f04..d354e9677 100644
--- a/src/image/__test__/demo.test.js
+++ b/src/image/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['custom-error-loading', 'custom-loading', 'error-loading', 'imag
 describe('Image', () => {
   mapper.forEach((demoName) => {
     it(`Image ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../image/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../image/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/image/__test__/index.test.js b/src/image/__test__/index.test.js
index 893213e8f..a190b7752 100644
--- a/src/image/__test__/index.test.js
+++ b/src/image/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('image', () => {
-  const image = simulate.load(path.resolve(__dirname, `../image`), 't-image', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const image = load(path.resolve(__dirname, `../image`), 't-image');
 
   it(':base', () => {
     const id = simulate.load({
diff --git a/src/indexes/__test__/demo.test.js b/src/indexes/__test__/demo.test.js
index f6e9b94c3..642c81263 100644
--- a/src/indexes/__test__/demo.test.js
+++ b/src/indexes/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['display'];
 describe('Indexes', () => {
   mapper.forEach((demoName) => {
     it(`Indexes ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../indexes/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../indexes/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/indexes/__test__/index.test.js b/src/indexes/__test__/index.test.js
index 23d87118e..970ea0ebb 100644
--- a/src/indexes/__test__/index.test.js
+++ b/src/indexes/__test__/index.test.js
@@ -3,10 +3,7 @@ import path from 'path';
 import EXAMPLE from './contant';
 
 describe('indexes', () => {
-  const indexes = simulate.load(path.resolve(__dirname, `../indexes`), 't-indexes', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const indexes = load(path.resolve(__dirname, `../indexes`), 't-indexes');
 
   const id = simulate.load({
     template: `<t-indexes class="indexes" height={{height}} list={{list}}></t-indexes>`,
diff --git a/src/input/__test__/__snapshots__/demo.test.js.snap b/src/input/__test__/__snapshots__/demo.test.js.snap
index 25d9ad63e..66aa5fd32 100644
--- a/src/input/__test__/__snapshots__/demo.test.js.snap
+++ b/src/input/__test__/__snapshots__/demo.test.js.snap
@@ -136,7 +136,7 @@ exports[`Input Input special demo works fine 1`] = `
     placeholder="0.00"
     suffix="元"
     tClassErrorMsg="error-msg"
-    vlaue="10.2"
+    value="10.2"
     bind:change="onPriceInput"
   />
   <t-input
diff --git a/src/input/__test__/demo.test.js b/src/input/__test__/demo.test.js
index 5d1d2518c..7af5dbb74 100644
--- a/src/input/__test__/demo.test.js
+++ b/src/input/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['align', 'base', 'custom', 'maxlength', 'require', 'size', 'spec
 describe('Input', () => {
   mapper.forEach((demoName) => {
     it(`Input ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../input/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../input/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/input/__test__/index.test.js b/src/input/__test__/index.test.js
index b312e71de..712402aab 100644
--- a/src/input/__test__/index.test.js
+++ b/src/input/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('input', () => {
-  const input = simulate.load(path.resolve(__dirname, `../input`), 't-input', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const input = load(path.resolve(__dirname, `../input`), 't-input');
 
   describe('props', () => {
     it(': maxcharacter', async () => {
diff --git a/src/loading/__test__/demo.test.js b/src/loading/__test__/demo.test.js
index 502268ba5..8cdc90fa3 100644
--- a/src/loading/__test__/demo.test.js
+++ b/src/loading/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'duration', 'error', 'horizontal', 'loadingProgress', 's
 describe('Loading', () => {
   mapper.forEach((demoName) => {
     it(`Loading ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../loading/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../loading/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/loading/__test__/indx.test.js b/src/loading/__test__/indx.test.js
index 3d66e15f5..8f4d379de 100644
--- a/src/loading/__test__/indx.test.js
+++ b/src/loading/__test__/indx.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('loading', () => {
-  const loading = simulate.load(path.resolve(__dirname, `../loading`), {
-    rootPath: path.resolve(__dirname, `../../../src`),
-    less: true,
-  });
+  const loading = load(path.resolve(__dirname, `../loading`));
 
   describe('props', () => {
     it(`: loading`, async () => {
diff --git a/src/message/__test__/demo.test.js b/src/message/__test__/demo.test.js
index 15c72951d..52e30e188 100644
--- a/src/message/__test__/demo.test.js
+++ b/src/message/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'status-message'];
 describe('Message', () => {
   mapper.forEach((demoName) => {
     it(`Message ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../message/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../message/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/message/__test__/index.test.js b/src/message/__test__/index.test.js
index 713dc732f..b0a4e8627 100644
--- a/src/message/__test__/index.test.js
+++ b/src/message/__test__/index.test.js
@@ -16,16 +16,14 @@ mockGetRect.mockImplementation(() => {
 const mockInstance = jest.spyOn(Util, 'getInstance');
 
 describe('message', () => {
-  const message = simulate.load(path.resolve(__dirname, `../message`), 't-message', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const message = load(path.resolve(__dirname, `../message`), 't-message');
 
   jest.resetModules();
   const icon = simulate.load(path.resolve(__dirname, `../../icon/icon`), 't-icon', {
     less: true,
     rootPath: path.resolve(__dirname, '../..'),
   });
+
   describe('props', () => {
     it(': icon', async () => {
       const id = simulate.load({
diff --git a/src/navbar/__test__/demo.test.js b/src/navbar/__test__/demo.test.js
index 2bcb2f76b..554021897 100644
--- a/src/navbar/__test__/demo.test.js
+++ b/src/navbar/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['back', 'back-home', 'base', 'brand', 'brand-long', 'custom-caps
 describe('Navbar', () => {
   mapper.forEach((demoName) => {
     it(`Navbar ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../navbar/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../navbar/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/navbar/__test__/index.test.js b/src/navbar/__test__/index.test.js
index e33b558c8..ce0bfcdcc 100644
--- a/src/navbar/__test__/index.test.js
+++ b/src/navbar/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('navbar', () => {
-  const navbar = simulate.load(path.resolve(__dirname, `../navbar`), 't-navbar', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const navbar = load(path.resolve(__dirname, `../navbar`), 't-navbar');
 
   it(':base', async () => {
     const id = simulate.load({
diff --git a/src/notice-bar/__test__/demo.test.js b/src/notice-bar/__test__/demo.test.js
index 516d44d69..5efdfd97b 100644
--- a/src/notice-bar/__test__/demo.test.js
+++ b/src/notice-bar/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'custom', 'customization', 'event', 'iconDemo', 'scrolli
 describe('NoticeBar', () => {
   mapper.forEach((demoName) => {
     it(`NoticeBar ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../notice-bar/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../notice-bar/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/notice-bar/__test__/index.test.js b/src/notice-bar/__test__/index.test.js
index d27ca7619..b39974677 100644
--- a/src/notice-bar/__test__/index.test.js
+++ b/src/notice-bar/__test__/index.test.js
@@ -30,10 +30,7 @@ mockGetRect.mockImplementationOnce(() => {
 });
 
 describe('notice-bar', () => {
-  const noticeBar = simulate.load(path.resolve(__dirname, `../notice-bar`), 't-notice-bar', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const noticeBar = load(path.resolve(__dirname, `../notice-bar`), 't-notice-bar');
   jest.resetModules();
   const icon = simulate.load(path.resolve(__dirname, `../../icon/icon`), 't-icon', {
     less: true,
diff --git a/src/overlay/__test__/demo.test.js b/src/overlay/__test__/demo.test.js
index 52ad345b1..7c6f64eea 100644
--- a/src/overlay/__test__/demo.test.js
+++ b/src/overlay/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base'];
 describe('Overlay', () => {
   mapper.forEach((demoName) => {
     it(`Overlay ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../overlay/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../overlay/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/overlay/__test__/index.test.js b/src/overlay/__test__/index.test.js
index f4dc0ebda..8e11037ec 100644
--- a/src/overlay/__test__/index.test.js
+++ b/src/overlay/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('overlay', () => {
-  const overlay = simulate.load(path.resolve(__dirname, `../overlay`), 't-overlay', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const overlay = load(path.resolve(__dirname, `../overlay`), 't-overlay');
 
   it(':base', () => {
     const id = simulate.load({
diff --git a/src/picker/__test__/demo.test.js b/src/picker/__test__/demo.test.js
index cc7fd80f6..cbeae8da6 100644
--- a/src/picker/__test__/demo.test.js
+++ b/src/picker/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base'];
 describe('Picker', () => {
   mapper.forEach((demoName) => {
     it(`Picker ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../picker/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../picker/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/picker/__test__/index.test.js b/src/picker/__test__/index.test.js
index 009f23ec6..3a4177be8 100644
--- a/src/picker/__test__/index.test.js
+++ b/src/picker/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('picker', () => {
-  const id = simulate.load(path.resolve(__dirname, `./index`), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, `./index`));
   const handler = (dom) => {
     const trigger = (action, x, y) =>
       dom.dispatchEvent(`touch${action}`, {
diff --git a/src/popup/__test__/demo.test.js b/src/popup/__test__/demo.test.js
index 2a5e60ce1..8f87336f7 100644
--- a/src/popup/__test__/demo.test.js
+++ b/src/popup/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['top'];
 describe('Popup', () => {
   mapper.forEach((demoName) => {
     it(`Popup ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../popup/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../popup/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/popup/__test__/index.test.js b/src/popup/__test__/index.test.js
index f7bb490eb..685aa2111 100644
--- a/src/popup/__test__/index.test.js
+++ b/src/popup/__test__/index.test.js
@@ -3,10 +3,7 @@ import simulate from 'miniprogram-simulate';
 
 // 因 popup 复用 transition，这里不重复测试 transition 逻辑
 describe('popup', () => {
-  const popupId = simulate.load(path.resolve(__dirname, '../../popup/popup'), 't-popup', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const popupId = load(path.resolve(__dirname, '../../popup/popup'), 't-popup');
 
   describe('props', () => {
     it(':position', () => {
diff --git a/src/progress/__test__/demo.test.js b/src/progress/__test__/demo.test.js
index 18a7f0d3a..0077b56f5 100644
--- a/src/progress/__test__/demo.test.js
+++ b/src/progress/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'custom', 'size', 'status', 'transition'];
 describe('Progress', () => {
   mapper.forEach((demoName) => {
     it(`Progress ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../progress/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../progress/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/pull-down-refresh/__test__/demo.test.js b/src/pull-down-refresh/__test__/demo.test.js
index 72db20929..60b9ef173 100644
--- a/src/pull-down-refresh/__test__/demo.test.js
+++ b/src/pull-down-refresh/__test__/demo.test.js
@@ -10,14 +10,7 @@ const mapper = ['base', 'refresh-timeout'];
 describe('PullDownRefresh', () => {
   mapper.forEach((demoName) => {
     it(`PullDownRefresh ${demoName} demo works fine`, () => {
-      const id = simulate.load(
-        path.resolve(__dirname, `../../pull-down-refresh/_example/${demoName}/index`),
-        demoName,
-        {
-          less: true,
-          rootPath: path.resolve(__dirname, '../..'),
-        },
-      );
+      const id = load(path.resolve(__dirname, `../../pull-down-refresh/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/pull-down-refresh/__test__/index.test.js b/src/pull-down-refresh/__test__/index.test.js
index 00dd39ea9..c472f8ac3 100644
--- a/src/pull-down-refresh/__test__/index.test.js
+++ b/src/pull-down-refresh/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('pull-down-refresh', () => {
-  const pullDownRefresh = simulate.load(path.resolve(__dirname, `../pull-down-refresh`), 't-pull-down-refresh', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const pullDownRefresh = load(path.resolve(__dirname, `../pull-down-refresh`), 't-pull-down-refresh');
 
   describe('props', () => {
     it(': maxBarHeight', async () => {
diff --git a/src/radio/__test__/demo.test.js b/src/radio/__test__/demo.test.js
index 6dbccd5d4..14b34e239 100644
--- a/src/radio/__test__/demo.test.js
+++ b/src/radio/__test__/demo.test.js
@@ -22,10 +22,7 @@ const mapper = [
 describe('Radio', () => {
   mapper.forEach((demoName) => {
     it(`Radio ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../radio/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../radio/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/rate/__test__/demo.test.js b/src/rate/__test__/demo.test.js
index 657cbccce..c23673a78 100644
--- a/src/rate/__test__/demo.test.js
+++ b/src/rate/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['allow-half', 'base', 'color', 'count', 'disabled', 'show-text',
 describe('Rate', () => {
   mapper.forEach((demoName) => {
     it(`Rate ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../rate/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../rate/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/result/__test__/demo.test.js b/src/result/__test__/demo.test.js
index fbe727a6f..115d01fb5 100644
--- a/src/result/__test__/demo.test.js
+++ b/src/result/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['custom', 'theme'];
 describe('Result', () => {
   mapper.forEach((demoName) => {
     it(`Result ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../result/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../result/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/result/__test__/index.test.js b/src/result/__test__/index.test.js
index 15dca4149..c29cec1e3 100644
--- a/src/result/__test__/index.test.js
+++ b/src/result/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('result', () => {
-  const result = simulate.load(path.resolve(__dirname, `../result`), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const result = load(path.resolve(__dirname, `../result`));
 
   it(':props', () => {
     const id = simulate.load({
diff --git a/src/search/__test__/demo.test.js b/src/search/__test__/demo.test.js
index d0400ea7f..60a2f9d33 100644
--- a/src/search/__test__/demo.test.js
+++ b/src/search/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'status'];
 describe('Search', () => {
   mapper.forEach((demoName) => {
     it(`Search ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../search/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../search/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/search/__test__/index.test.js b/src/search/__test__/index.test.js
index fb94d5d0c..ab21ea243 100644
--- a/src/search/__test__/index.test.js
+++ b/src/search/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('search', () => {
-  const search = simulate.load(path.resolve(__dirname, `../search`), 't-search', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const search = load(path.resolve(__dirname, `../search`), 't-search');
 
   describe('Props', () => {
     it(`:base`, () => {
diff --git a/src/skeleton/__test__/demo.test.js b/src/skeleton/__test__/demo.test.js
index e3fe682a1..43a3e2331 100644
--- a/src/skeleton/__test__/demo.test.js
+++ b/src/skeleton/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['animation', 'cell-group', 'grid', 'image-group', 'theme'];
 describe('Skeleton', () => {
   mapper.forEach((demoName) => {
     it(`Skeleton ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../skeleton/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../skeleton/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/skeleton/__test__/index.test.js b/src/skeleton/__test__/index.test.js
index 96c6c7177..47104d3ed 100644
--- a/src/skeleton/__test__/index.test.js
+++ b/src/skeleton/__test__/index.test.js
@@ -21,10 +21,7 @@ const textRowCol2 = [
 ];
 
 describe('skeleton', () => {
-  const skeleton = simulate.load(path.resolve(__dirname, `../skeleton`), 't-skeleton', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const skeleton = load(path.resolve(__dirname, `../skeleton`), 't-skeleton');
 
   describe('Props', () => {
     it(':text rowCol', () => {
diff --git a/src/slider/__test__/demo.test.js b/src/slider/__test__/demo.test.js
index f30ae7892..66a5d275e 100644
--- a/src/slider/__test__/demo.test.js
+++ b/src/slider/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'disabled', 'label', 'max', 'range', 'step', 'title'];
 describe('Slider', () => {
   mapper.forEach((demoName) => {
     it(`Slider ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../slider/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../slider/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/slider/__test__/index.test.js b/src/slider/__test__/index.test.js
index 0e0c54159..d91dce582 100644
--- a/src/slider/__test__/index.test.js
+++ b/src/slider/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('slider', () => {
-  const slider = simulate.load(path.resolve(__dirname, `../slider`), 't-slider', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const slider = load(path.resolve(__dirname, `../slider`), 't-slider');
 
   const left = 16;
   const right = 319;
diff --git a/src/stepper/__test__/demo.test.js b/src/stepper/__test__/demo.test.js
index 82be49d95..135045894 100644
--- a/src/stepper/__test__/demo.test.js
+++ b/src/stepper/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'input-width', 'min-max', 'other', 'status', 'step'];
 describe('Stepper', () => {
   mapper.forEach((demoName) => {
     it(`Stepper ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../stepper/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../stepper/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/stepper/__test__/index.test.js b/src/stepper/__test__/index.test.js
index 6de80ecf5..04213223a 100644
--- a/src/stepper/__test__/index.test.js
+++ b/src/stepper/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('stepper', () => {
-  const stepper = simulate.load(path.resolve(__dirname, `../stepper`), 't-stepper', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const stepper = load(path.resolve(__dirname, `../stepper`), 't-stepper');
 
   describe('props', () => {
     it(': disabled', () => {
diff --git a/src/steps/__test__/demo.test.js b/src/steps/__test__/demo.test.js
index a10c68a30..de2be0411 100644
--- a/src/steps/__test__/demo.test.js
+++ b/src/steps/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['customization', 'double', 'horizontal', 'readonly', 'theme', 'v
 describe('Steps', () => {
   mapper.forEach((demoName) => {
     it(`Steps ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../steps/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../steps/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/sticky/__test__/demo.test.js b/src/sticky/__test__/demo.test.js
index b65380ab5..e5e317c76 100644
--- a/src/sticky/__test__/demo.test.js
+++ b/src/sticky/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'container', 'offset'];
 describe('Sticky', () => {
   mapper.forEach((demoName) => {
     it(`Sticky ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../sticky/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../sticky/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/sticky/__test__/index.test.js b/src/sticky/__test__/index.test.js
index c9770335d..1919f14d4 100644
--- a/src/sticky/__test__/index.test.js
+++ b/src/sticky/__test__/index.test.js
@@ -12,10 +12,7 @@ beforeAll(() => {
 });
 
 describe('Sticky Props', () => {
-  const id = simulate.load(path.resolve(__dirname, './index'), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, './index'));
 
   it(':base', async () => {
     const comp = simulate.render(id);
diff --git a/src/swipe-cell/__test__/demo.test.js b/src/swipe-cell/__test__/demo.test.js
index 75eff38d6..4816e3d08 100644
--- a/src/swipe-cell/__test__/demo.test.js
+++ b/src/swipe-cell/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['left', 'right'];
 describe('SwipeCell', () => {
   mapper.forEach((demoName) => {
     it(`SwipeCell ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../swipe-cell/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../swipe-cell/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/swipe-cell/__test__/index.test.js b/src/swipe-cell/__test__/index.test.js
index fe509eefe..73efd2077 100644
--- a/src/swipe-cell/__test__/index.test.js
+++ b/src/swipe-cell/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('SwipeCell', () => {
-  const swipeCell = simulate.load(path.resolve(__dirname, '../swipe-cell'), {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const swipeCell = load(path.resolve(__dirname, '../swipe-cell'));
 
   it(':props data', async () => {
     const onActionClick = jest.fn();
diff --git a/src/swiper/__test__/__snapshots__/index.test.js.snap b/src/swiper/__test__/__snapshots__/index.test.js.snap
index e9e227867..dbffa7d9d 100644
--- a/src/swiper/__test__/__snapshots__/index.test.js.snap
+++ b/src/swiper/__test__/__snapshots__/index.test.js.snap
@@ -27,13 +27,13 @@ exports[`swiper props : direction 1`] = `
         class="t-swiper__container {{prefix}}-is-hidden"
         currentInited="{{true}}"
         direction="vertical"
-        height="{{0}}"
+        height="{{200}}"
         id="swiperContainer"
-        offsetX="{{-0}}"
-        offsetY="{{-0}}"
+        offsetX="{{-375}}"
+        offsetY="{{-200}}"
         style="transition-duration: 0.1s;transition-timing-function:linear;"
         total="{{5}}"
-        width="{{0}}"
+        width="{{375}}"
       >
         <t-swiper-item
           id="number-0"
@@ -142,13 +142,13 @@ exports[`swiper props : direction 1`] = `
         class="t-swiper__container {{prefix}}-is-hidden"
         currentInited="{{true}}"
         direction="horizontal"
-        height="{{0}}"
+        height="{{200}}"
         id="swiperContainer"
-        offsetX="{{-0}}"
+        offsetX="{{-375}}"
         offsetY="{{0}}"
         style="transition-duration: 0.3s;transition-timing-function:linear;"
         total="{{2}}"
-        width="{{0}}"
+        width="{{375}}"
       >
         <t-swiper-item
           id="number-0"
diff --git a/src/swiper/__test__/demo.test.js b/src/swiper/__test__/demo.test.js
index 56900f1bd..03822f916 100644
--- a/src/swiper/__test__/demo.test.js
+++ b/src/swiper/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'custom', 'fraction', 'nav-btn', 'vertical'];
 describe('Swiper', () => {
   mapper.forEach((demoName) => {
     it(`Swiper ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../swiper/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../swiper/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/swiper/__test__/index.test.js b/src/swiper/__test__/index.test.js
index d6afd7ecf..afc0f9391 100644
--- a/src/swiper/__test__/index.test.js
+++ b/src/swiper/__test__/index.test.js
@@ -2,10 +2,26 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('swiper', () => {
-  const swiperComplex = simulate.load(path.resolve(__dirname, `./base/index`), 't-swiper-complex', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const swiperComplex = load(path.resolve(__dirname, `./base/index`), 't-swiper-complex');
+
+  const createSelectorQuery = {
+    in() {
+      return this;
+    },
+    select() {
+      return this;
+    },
+    boundingClientRect(fn) {
+      fn({ width: 375, height: 200 });
+      return this;
+    },
+    exec() {
+      return this;
+    },
+  };
+  const mockFn = jest.spyOn(wx, 'createSelectorQuery');
+
+  mockFn.mockImplementation(() => createSelectorQuery);
 
   describe('props', () => {
     it(': navigation', async () => {
diff --git a/src/swiper/swiper.ts b/src/swiper/swiper.ts
index 981541543..97f9b7829 100644
--- a/src/swiper/swiper.ts
+++ b/src/swiper/swiper.ts
@@ -155,7 +155,8 @@ export default class Swiper extends SuperComponent {
   methods = {
     init() {
       if (this.hasInited) return;
-      this.createSelectorQuery()
+      wx.createSelectorQuery()
+        .in(this)
         .select('#swiper')
         .boundingClientRect((rect) => {
           if (rect.width === 0) return; // 在 wx:if == false 时也会执行 ready，导致无法获取 size
diff --git a/src/switch/__test__/demo.test.js b/src/switch/__test__/demo.test.js
index bcd7f80f4..7f84e2378 100644
--- a/src/switch/__test__/demo.test.js
+++ b/src/switch/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'status'];
 describe('Switch', () => {
   mapper.forEach((demoName) => {
     it(`Switch ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../switch/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../switch/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/switch/__test__/index.test.js b/src/switch/__test__/index.test.js
index d6ac518f3..791c3d558 100644
--- a/src/switch/__test__/index.test.js
+++ b/src/switch/__test__/index.test.js
@@ -5,10 +5,7 @@ import { hex2Rgb } from '../../../test/utils/colors';
 // TODO size 未实现 loading 未实现
 
 describe('switch', () => {
-  const switchComp = simulate.load(path.resolve(__dirname, `../switch`), 't-switch', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const switchComp = load(path.resolve(__dirname, `../switch`), 't-switch');
 
   describe('Props', () => {
     it(':base', () => {
diff --git a/src/tab-bar/__test__/demo.test.js b/src/tab-bar/__test__/demo.test.js
index 93c038c7b..2d945e6e6 100644
--- a/src/tab-bar/__test__/demo.test.js
+++ b/src/tab-bar/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['badge', 'base', 'custom', 'icon-only', 'sub', 'text-only'];
 describe('TabBar', () => {
   mapper.forEach((demoName) => {
     it(`TabBar ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../tab-bar/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../tab-bar/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/tab-bar/__test__/index.test.js b/src/tab-bar/__test__/index.test.js
index 3b43b90ee..1297f3e1e 100644
--- a/src/tab-bar/__test__/index.test.js
+++ b/src/tab-bar/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('tab-bar', () => {
-  const id = simulate.load(path.resolve(__dirname, `./index`), 't-tab-bar', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, `./index`), 't-tab-bar');
 
   it(':base', () => {
     const comp = simulate.render(id);
diff --git a/src/tabs/__test__/demo.test.js b/src/tabs/__test__/demo.test.js
index dafaab0b1..6b5e564fc 100644
--- a/src/tabs/__test__/demo.test.js
+++ b/src/tabs/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['adjust-time', 'base', 'scroll', 'size', 'status', 'unline', 've
 describe('Tabs', () => {
   mapper.forEach((demoName) => {
     it(`Tabs ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../tabs/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../tabs/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/tabs/__test__/index.test.js b/src/tabs/__test__/index.test.js
index f0a34c003..025245354 100644
--- a/src/tabs/__test__/index.test.js
+++ b/src/tabs/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('tabs', () => {
-  const id = simulate.load(path.resolve(__dirname, `./index`), 't-tabs', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const id = load(path.resolve(__dirname, `./index`), 't-tabs');
 
   it(':base', async () => {
     const comp = simulate.render(id);
diff --git a/src/tag/__test__/demo.test.js b/src/tag/__test__/demo.test.js
index 68cfbc052..dd3543e5b 100644
--- a/src/tag/__test__/demo.test.js
+++ b/src/tag/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['checkable', 'closable', 'ellipsis', 'iconDemo', 'shape', 'size'
 describe('Tag', () => {
   mapper.forEach((demoName) => {
     it(`Tag ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../tag/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../tag/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/textarea/__test__/demo.test.js b/src/textarea/__test__/demo.test.js
index a1f1ae133..5c478cd6d 100644
--- a/src/textarea/__test__/demo.test.js
+++ b/src/textarea/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['autosize', 'base', 'disabled', 'label', 'maxcharacter', 'maxlen
 describe('Textarea', () => {
   mapper.forEach((demoName) => {
     it(`Textarea ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../textarea/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../textarea/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/textarea/__test__/index.test.js b/src/textarea/__test__/index.test.js
index b51c3d0fe..e53257f49 100644
--- a/src/textarea/__test__/index.test.js
+++ b/src/textarea/__test__/index.test.js
@@ -2,10 +2,7 @@ import simulate from 'miniprogram-simulate';
 import path from 'path';
 
 describe('textarea', () => {
-  const textarea = simulate.load(path.resolve(__dirname, `../textarea`), 't-textarea', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const textarea = load(path.resolve(__dirname, `../textarea`), 't-textarea');
 
   describe('props', () => {
     it(': label', () => {
diff --git a/src/toast/__test__/demo.test.js b/src/toast/__test__/demo.test.js
index dac2893a0..b8db84628 100644
--- a/src/toast/__test__/demo.test.js
+++ b/src/toast/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['base', 'close', 'cover', 'display', 'normal'];
 describe('Toast', () => {
   mapper.forEach((demoName) => {
     it(`Toast ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../toast/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../toast/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/toast/__test__/index.test.js b/src/toast/__test__/index.test.js
index 51bb2c432..b9be48c2e 100644
--- a/src/toast/__test__/index.test.js
+++ b/src/toast/__test__/index.test.js
@@ -5,10 +5,7 @@ import { showToast, hideToast } from '../index';
 import * as Util from '../../common/utils';
 
 describe('toast', () => {
-  const toast = simulate.load(path.resolve(__dirname, `../toast`), 't-toast', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const toast = load(path.resolve(__dirname, `../toast`), 't-toast');
 
   it(':base', async () => {
     const close = jest.fn();
diff --git a/src/transition/__test__/demo.test.js b/src/transition/__test__/demo.test.js
index 7dde3d24a..b92b3b72d 100644
--- a/src/transition/__test__/demo.test.js
+++ b/src/transition/__test__/demo.test.js
@@ -10,10 +10,7 @@ const mapper = ['appear', 'base', 'custom', 'destroy'];
 describe('Transition', () => {
   mapper.forEach((demoName) => {
     it(`Transition ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../transition/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../transition/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/transition/__test__/index.test.js b/src/transition/__test__/index.test.js
index 72216f352..a1d84a06e 100644
--- a/src/transition/__test__/index.test.js
+++ b/src/transition/__test__/index.test.js
@@ -2,10 +2,7 @@ import path from 'path';
 import simulate from 'miniprogram-simulate';
 
 describe('transition', () => {
-  const transitionId = simulate.load(path.resolve(__dirname, '../../transition/transition'), 't-transition', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const transitionId = load(path.resolve(__dirname, '../../transition/transition'), 't-transition');
   beforeAll(() => {
     jest.useFakeTimers();
   });
diff --git a/src/upload/__test__/__snapshots__/demo.test.js.snap b/src/upload/__test__/__snapshots__/demo.test.js.snap
index eb8e383ea..ebeb5c109 100644
--- a/src/upload/__test__/__snapshots__/demo.test.js.snap
+++ b/src/upload/__test__/__snapshots__/demo.test.js.snap
@@ -1,5 +1,54 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Upload Upload messageFile demo works fine 1`] = `
+<messageFile>
+  <wx-view
+    class="wrapper"
+  >
+    <t-upload
+      addContent="slot"
+      config="{{
+        Object {
+          "count": 1,
+        }
+      }}"
+      files="{{
+        Array [
+          Object {
+            "name": "uploaded1.png",
+            "type": "image",
+            "url": "https://tdesign.gtimg.com/site/upload1.png",
+          },
+        ]
+      }}"
+      gridConfig="{{
+        Object {
+          "column": 4,
+          "height": 160,
+          "width": 160,
+        }
+      }}"
+      mediaType="{{
+        Array [
+          "video",
+          "image",
+        ]
+      }}"
+      source="messageFile"
+      bind:remove="handleRemove"
+      bind:success="handleSuccess"
+    >
+      <t-icon
+        color="rgba(0,0,0,0.26)"
+        name="add"
+        size="40rpx"
+        slot="add-content"
+      />
+    </t-upload>
+  </wx-view>
+</messageFile>
+`;
+
 exports[`Upload Upload multiple demo works fine 1`] = `
 <multiple>
   <wx-view
diff --git a/src/upload/__test__/demo.test.js b/src/upload/__test__/demo.test.js
index 06f8e75c4..c4e88c4cb 100644
--- a/src/upload/__test__/demo.test.js
+++ b/src/upload/__test__/demo.test.js
@@ -5,15 +5,12 @@
 import simulate from 'miniprogram-simulate';
 import path from 'path';
 
-const mapper = ['multiple', 'single'];
+const mapper = ['messageFile', 'multiple', 'single'];
 
 describe('Upload', () => {
   mapper.forEach((demoName) => {
     it(`Upload ${demoName} demo works fine`, () => {
-      const id = simulate.load(path.resolve(__dirname, `../../upload/_example/${demoName}/index`), demoName, {
-        less: true,
-        rootPath: path.resolve(__dirname, '../..'),
-      });
+      const id = load(path.resolve(__dirname, `../../upload/_example/${demoName}/index`), demoName);
       const container = simulate.render(id);
       container.attach(document.createElement('parent-wrapper'));
       expect(container.toJSON()).toMatchSnapshot();
diff --git a/src/upload/__test__/index.test.js b/src/upload/__test__/index.test.js
index a68889231..06750bdb7 100644
--- a/src/upload/__test__/index.test.js
+++ b/src/upload/__test__/index.test.js
@@ -70,15 +70,9 @@ global.wx = {
 };
 
 describe('upload', () => {
-  const upload = simulate.load(path.resolve(__dirname, `../upload`), 't-upload', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const upload = load(path.resolve(__dirname, `../upload`), 't-upload');
   jest.resetModules();
-  const icon = simulate.load(path.resolve(__dirname, `../../icon/icon`), 't-icon', {
-    less: true,
-    rootPath: path.resolve(__dirname, '../..'),
-  });
+  const icon = load(path.resolve(__dirname, `../../icon/icon`), 't-icon');
 
   describe('props', () => {
     it(': add-content', () => {