Test/form (#1820)

* feat: set default stackblitz url

* test: add form test

* fix: getComputedStyle error

* chore: remove useless log

* test: add form test

* test: add grid test

* test: add layout test

* test: message plugin test

* test: add rate test

* test: add space test

* test: add steps test

* feat: update common

script/test/setup.js

@@ -2,6 +2,11 @@ import Vue from 'vue';
 import VueCompositionAPI from '@vue/composition-api';
 import TDesign from '@/src/index';
 
+// https://github.com/nickcolley/jest-axe/issues/147#issuecomment-758804533
+// fix error when call computedStyle(elt, pseudoElt)
+const { getComputedStyle } = window;
+window.getComputedStyle = (elt) => getComputedStyle(elt);
+
 Vue.config.productionTip = true;
 Vue.config.devtools = false;
 

src/drawer/__tests__/index.test.jsx

@@ -202,7 +202,6 @@ describe('Drawer', () => {
       });
       await nextTick();
       const btn = wrapper.find('.t-drawer__confirm');
-      console.log('onConfirm', btn);
       await btn.trigger('click');
       expect(fn).toBeCalled();
     });

src/form/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,118 @@
+// Vitest Snapshot v1
+
+exports[`Form > @event > validate 1`] = `
+{
+  "firstError": "姓名必填",
+  "validateResult": {
+    "age": [
+      {
+        "message": "age必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+    "name": [
+      {
+        "message": "姓名必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+  },
+}
+`;
+
+exports[`Form > @event > validate 2`] = `
+{
+  "firstError": "姓名必填",
+  "validateResult": {
+    "age": [
+      {
+        "message": "age必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+    "name": [
+      {
+        "message": "姓名必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+  },
+}
+`;
+
+exports[`Form > @event > validate 3`] = `
+{
+  "firstError": "姓名必填",
+  "validateResult": {
+    "age": [
+      {
+        "message": "age必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+    "name": [
+      {
+        "message": "姓名必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+  },
+}
+`;
+
+exports[`Form > @event > validate 4`] = `
+{
+  "firstError": "姓名必填",
+  "validateResult": {
+    "age": [
+      {
+        "message": "age必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+    "name": [
+      {
+        "message": "姓名必填",
+        "required": true,
+        "result": false,
+      },
+    ],
+  },
+}
+`;
+
+exports[`Form > function > validate 1`] = `
+{
+  "age": [
+    {
+      "message": "age必填",
+      "required": true,
+      "result": false,
+      "trigger": "blur",
+    },
+  ],
+  "name": [
+    {
+      "message": "姓名必填",
+      "required": true,
+      "result": false,
+      "trigger": "blur",
+    },
+  ],
+}
+`;
+
+exports[`Form > function > validate 2`] = `
+WrapperArray {
+  "selector": ".t-input__extra",
+}
+`;
+
+exports[`Form > function > validate 3`] = `true`;