test: form form-page gallery

Author: Tidyzq

src/cells/__test__/__snapshots__/cells.test.js.snap

@@ -48,7 +48,7 @@ exports[`cells & cell basic cells & cell 1`] = `
         class="cell2"
       >
         <wx-view
-          class="weui-cell    "
+          class="weui-cell    weui-cell_wxss"
           hoverClass=""
           bind:tap="navigateTo"
         >

src/checkbox/__test__/__snapshots__/checkbox.test.js.snap

@@ -19,17 +19,24 @@ exports[`checkbox-group & checkbox basic checkbox 1`] = `
           bind:tap="checkedChange"
         >
           <wx-view
-            class="weui-cell   weui-check__label   ^weui-cell_checkbox "
+            class="weui-cell   weui-check__label   ^weui-cell_radio "
             hoverClass=""
             bind:tap="navigateTo"
           >
             <wx-view
-              class="weui-cell__hd "
+              class="weui-cell__bd "
+            >
+              <wx-view>
+                cell standard
+              </wx-view>
+            </wx-view>
+            <wx-view
+              class="weui-cell__ft "
             >
               <wx-view
-                slot="icon"
+                slot="footer"
               >
-                <wx-checkbox
+                <wx-radio
                   checked=""
                   class="weui-check"
                   color=""
@@ -41,13 +48,6 @@ exports[`checkbox-group & checkbox basic checkbox 1`] = `
                 />
               </wx-view>
             </wx-view>
-            <wx-view
-              class="weui-cell__bd "
-            >
-              <wx-view>
-                cell standard
-              </wx-view>
-            </wx-view>
           </wx-view>
         </mp-cell>
       </mp-checkbox>
@@ -58,17 +58,24 @@ exports[`checkbox-group & checkbox basic checkbox 1`] = `
           bind:tap="checkedChange"
         >
           <wx-view
-            class="weui-cell   weui-check__label   ^weui-cell_checkbox "
+            class="weui-cell   weui-check__label weui-cell_wxss  ^weui-cell_radio "
             hoverClass=""
             bind:tap="navigateTo"
           >
             <wx-view
-              class="weui-cell__hd "
+              class="weui-cell__bd "
+            >
+              <wx-view>
+                cell standard
+              </wx-view>
+            </wx-view>
+            <wx-view
+              class="weui-cell__ft "
             >
               <wx-view
-                slot="icon"
+                slot="footer"
               >
-                <wx-checkbox
+                <wx-radio
                   checked=""
                   class="weui-check"
                   color=""
@@ -80,13 +87,6 @@ exports[`checkbox-group & checkbox basic checkbox 1`] = `
                 />
               </wx-view>
             </wx-view>
-            <wx-view
-              class="weui-cell__bd "
-            >
-              <wx-view>
-                cell standard
-              </wx-view>
-            </wx-view>
           </wx-view>
         </mp-cell>
       </mp-checkbox>

src/form-page/__test__/__snapshots__/form-page.test.ts.snap

@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`form-page basic 1`] = `
+<main>
+  <wx-view
+    class="weui-form"
+  >
+    <wx-view
+      class="weui-form__text-area"
+    >
+      <wx-view
+        class="weui-form__title"
+      >
+        表单结构
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="weui-form__control-area"
+    >
+      阅读并同意
+      <wx-navigator>
+        《相关条款》
+      </wx-navigator>
+    </wx-view>
+    <wx-view
+      class="weui-form__tips-area"
+    />
+    <wx-view
+      class="weui-form__opr-area"
+    >
+      <wx-view
+        slot="button"
+      >
+        <wx-button
+          class="weui-btn"
+          type="primary"
+          bind:tap="submitForm"
+        >
+          确定
+        </wx-button>
+      </wx-view>
+    </wx-view>
+    <wx-view
+      class="weui-form__tips-area"
+    />
+    <wx-view
+      class="weui-form__extra-area"
+    >
+      <wx-view
+        class="weui-footer"
+      />
+    </wx-view>
+  </wx-view>
+</main>
+`;

src/form-page/__test__/form-page.test.ts

@@ -0,0 +1,29 @@
+import path from 'path'
+import simulate from 'miniprogram-simulate'
+
+describe('form-page', () => {
+    const formPage = simulate.load(path.resolve(__dirname, '../form-page'))
+
+    const id = simulate.load({
+        compiler: 'official',
+        rootPath: __dirname,
+        template: `
+            <mp-form-page title="表单结构" subtitle="展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。">
+                阅读并同意<navigator>《相关条款》</navigator>
+                <view slot="button">
+                    <button class="weui-btn" type="primary" bindtap="submitForm">确定</button>
+                </view>
+            </mp-form-page>
+        `,
+        usingComponents: {
+            'mp-form-page': formPage
+        }
+    })
+
+    test('basic', async () => {
+        const comp = simulate.render(id)
+        comp.attach(document.createElement('parent-wrapper'))
+        await simulate.sleep(0)
+        expect(comp.toJSON()).toMatchSnapshot()
+    })
+})