From b6381a0b319029458724c5f6dcfa1827818c7dc6 Mon Sep 17 00:00:00 2001
From: nemo-shen <kienshin626@gmail.com>
Date: Thu, 2 Dec 2021 13:23:14 +0800
Subject: [PATCH] test(Col): add demo test

---
 example/app.json                              |   1 +
 example/pages/col/index.wxml                  |  25 +--
 packages/col/demo/index.json                  |   8 +
 .../col/demo/index.less                       |   0
 packages/col/demo/index.ts                    |   5 +
 packages/col/demo/index.wxml                  |  24 +++
 .../col/test/__snapshots__/demo.spec.ts.snap  | 146 ++++++++++++++++++
 packages/col/test/demo.spec.ts                |  11 ++
 8 files changed, 196 insertions(+), 24 deletions(-)
 create mode 100644 packages/col/demo/index.json
 rename example/pages/col/index.wxss => packages/col/demo/index.less (100%)
 create mode 100644 packages/col/demo/index.ts
 create mode 100644 packages/col/demo/index.wxml
 create mode 100644 packages/col/test/__snapshots__/demo.spec.ts.snap
 create mode 100644 packages/col/test/demo.spec.ts

diff --git a/example/app.json b/example/app.json
index 3ad883ba..60d28a40 100644
--- a/example/app.json
+++ b/example/app.json
@@ -78,6 +78,7 @@
     "van-checkbox-demo": "./dist/checkbox/demo/index",
     "van-checkbox-group": "./dist/checkbox-group/index",
     "van-col": "./dist/col/index",
+    "van-col-demo": "./dist/col/demo/index",
     "van-count-down": "./dist/count-down/index",
     "van-dialog": "./dist/dialog/index",
     "van-divider": "./dist/divider/index",
diff --git a/example/pages/col/index.wxml b/example/pages/col/index.wxml
index f91b4773..e2008cfa 100644
--- a/example/pages/col/index.wxml
+++ b/example/pages/col/index.wxml
@@ -1,24 +1 @@
-<demo-block title="基础用法" padding>
-  <van-row>
-    <van-col span="8" custom-class="dark">span: 8</van-col>
-    <van-col span="8" custom-class="light">span: 8</van-col>
-    <van-col span="8" custom-class="dark">span: 8</van-col>
-  </van-row>
-
-  <van-row>
-    <van-col span="4" custom-class="dark">span: 4</van-col>
-    <van-col span="10" offset="4" custom-class="light">offset: 4, span: 10</van-col>
-  </van-row>
-
-  <van-row>
-    <van-col offset="12" span="12" custom-class="dark">offset: 12, span: 12</van-col>
-  </van-row>
-</demo-block>
-
-<demo-block title="在列元素之间增加间距" padding>
-  <van-row gutter="20">
-    <van-col span="8" custom-class="dark">span: 8</van-col>
-    <van-col span="8" custom-class="light">span: 8</van-col>
-    <van-col span="8" custom-class="dark">span: 8</van-col>
-  </van-row>
-</demo-block>
+<van-col-demo />
diff --git a/packages/col/demo/index.json b/packages/col/demo/index.json
new file mode 100644
index 00000000..8addcef1
--- /dev/null
+++ b/packages/col/demo/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-row": "../../row/index",
+    "van-col": "../../col/index",
+    "demo-block": "../../../example/components/demo-block/index"
+  }
+}
diff --git a/example/pages/col/index.wxss b/packages/col/demo/index.less
similarity index 100%
rename from example/pages/col/index.wxss
rename to packages/col/demo/index.less
diff --git a/packages/col/demo/index.ts b/packages/col/demo/index.ts
new file mode 100644
index 00000000..a32755a5
--- /dev/null
+++ b/packages/col/demo/index.ts
@@ -0,0 +1,5 @@
+import { VantComponent } from '../../common/component';
+
+VantComponent({
+  data: {},
+});
diff --git a/packages/col/demo/index.wxml b/packages/col/demo/index.wxml
new file mode 100644
index 00000000..f91b4773
--- /dev/null
+++ b/packages/col/demo/index.wxml
@@ -0,0 +1,24 @@
+<demo-block title="基础用法" padding>
+  <van-row>
+    <van-col span="8" custom-class="dark">span: 8</van-col>
+    <van-col span="8" custom-class="light">span: 8</van-col>
+    <van-col span="8" custom-class="dark">span: 8</van-col>
+  </van-row>
+
+  <van-row>
+    <van-col span="4" custom-class="dark">span: 4</van-col>
+    <van-col span="10" offset="4" custom-class="light">offset: 4, span: 10</van-col>
+  </van-row>
+
+  <van-row>
+    <van-col offset="12" span="12" custom-class="dark">offset: 12, span: 12</van-col>
+  </van-row>
+</demo-block>
+
+<demo-block title="在列元素之间增加间距" padding>
+  <van-row gutter="20">
+    <van-col span="8" custom-class="dark">span: 8</van-col>
+    <van-col span="8" custom-class="light">span: 8</van-col>
+    <van-col span="8" custom-class="dark">span: 8</van-col>
+  </van-row>
+</demo-block>
diff --git a/packages/col/test/__snapshots__/demo.spec.ts.snap b/packages/col/test/__snapshots__/demo.spec.ts.snap
new file mode 100644
index 00000000..2339a35b
--- /dev/null
+++ b/packages/col/test/__snapshots__/demo.spec.ts.snap
@@ -0,0 +1,146 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render demo and match snapshot 1`] = `
+<main>
+  <demo-block>
+    <wx-view
+      class="custom-class demo-block van-clearfix demo-block--padding"
+    >
+      <wx-view
+        class="demo-block__title"
+      >
+        基础用法
+      </wx-view>
+      <van-row>
+        <wx-view
+          class="van-row custom-class"
+          style=""
+        >
+          <van-col
+            customClass="dark"
+          >
+            <wx-view
+              class="custom-class van-col van-col--8 "
+              style=""
+            >
+              span: 8
+            </wx-view>
+          </van-col>
+          <van-col
+            customClass="light"
+          >
+            <wx-view
+              class="custom-class van-col van-col--8 "
+              style=""
+            >
+              span: 8
+            </wx-view>
+          </van-col>
+          <van-col
+            customClass="dark"
+          >
+            <wx-view
+              class="custom-class van-col van-col--8 "
+              style=""
+            >
+              span: 8
+            </wx-view>
+          </van-col>
+        </wx-view>
+      </van-row>
+      <van-row>
+        <wx-view
+          class="van-row custom-class"
+          style=""
+        >
+          <van-col
+            customClass="dark"
+          >
+            <wx-view
+              class="custom-class van-col van-col--4 "
+              style=""
+            >
+              span: 4
+            </wx-view>
+          </van-col>
+          <van-col
+            customClass="light"
+          >
+            <wx-view
+              class="custom-class van-col van-col--10 van-col--offset-4"
+              style=""
+            >
+              offset: 4, span: 10
+            </wx-view>
+          </van-col>
+        </wx-view>
+      </van-row>
+      <van-row>
+        <wx-view
+          class="van-row custom-class"
+          style=""
+        >
+          <van-col
+            customClass="dark"
+          >
+            <wx-view
+              class="custom-class van-col van-col--12 van-col--offset-12"
+              style=""
+            >
+              offset: 12, span: 12
+            </wx-view>
+          </van-col>
+        </wx-view>
+      </van-row>
+    </wx-view>
+  </demo-block>
+  <demo-block>
+    <wx-view
+      class="custom-class demo-block van-clearfix demo-block--padding"
+    >
+      <wx-view
+        class="demo-block__title"
+      >
+        在列元素之间增加间距
+      </wx-view>
+      <van-row>
+        <wx-view
+          class="van-row custom-class"
+          style="margin-right:-10px;margin-left:-10px"
+        >
+          <van-col
+            customClass="dark"
+          >
+            <wx-view
+              class="custom-class van-col van-col--8 "
+              style="padding-right:10px;padding-left:10px"
+            >
+              span: 8
+            </wx-view>
+          </van-col>
+          <van-col
+            customClass="light"
+          >
+            <wx-view
+              class="custom-class van-col van-col--8 "
+              style="padding-right:10px;padding-left:10px"
+            >
+              span: 8
+            </wx-view>
+          </van-col>
+          <van-col
+            customClass="dark"
+          >
+            <wx-view
+              class="custom-class van-col van-col--8 "
+              style="padding-right:10px;padding-left:10px"
+            >
+              span: 8
+            </wx-view>
+          </van-col>
+        </wx-view>
+      </van-row>
+    </wx-view>
+  </demo-block>
+</main>
+`;
diff --git a/packages/col/test/demo.spec.ts b/packages/col/test/demo.spec.ts
new file mode 100644
index 00000000..4c3798cb
--- /dev/null
+++ b/packages/col/test/demo.spec.ts
@@ -0,0 +1,11 @@
+import path from 'path';
+import simulate from 'miniprogram-simulate';
+
+test('should render demo and match snapshot', () => {
+  const id = simulate.load(path.resolve(__dirname, '../demo/index'), {
+    rootPath: path.resolve(__dirname, '../../'),
+  });
+  const comp = simulate.render(id);
+  comp.attach(document.createElement('parent-wrapper'));
+  expect(comp.toJSON()).toMatchSnapshot();
+});