introduce vcr

.circleci/config.yml

@@ -13,12 +13,12 @@ jobs:
     steps:
       - checkout
       - run: npm install
-      - run: 
-          command : npm run test:all
+      - run:
+          command : npx vcr
           no_output_timeout : 30m
 workflows:
   version: 2
   build_and_test:
     jobs:
       - build
-      - test
\ No newline at end of file
+      - test

config/config.js

@@ -53,6 +53,10 @@ if (process.env.APP_TYPE === 'site') {
   ]);
 }
 
+if (process.env.NODE_ENV === 'development') {
+  plugins.push('umi-plugin-vcr');
+}
+
 export default {
   // add for transfer to umi
   plugins,

package.json

@@ -57,7 +57,9 @@
     "react-dom": "^16.5.1",
     "react-fittext": "^1.0.0",
     "react-media": "^1.8.0",
-    "react-router-dom": "^4.3.1"
+    "react-router-dom": "^4.3.1",
+    "umi-plugin-vcr": "^0.0.1-alpha.17",
+    "vcr-cli": "^0.0.1-alpha.19"
   },
   "devDependencies": {
     "@types/react": "^16.7.7",

tests/cassettes/login-fail.vc

+{
+  "pagePath": "/user/login",
+  "viewport": {
+    "width": 1440,
+    "height": 747
+  },
+  "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36",
+  "language": "zh-CN",
+  "events": [
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "",
+      "tagName": "INPUT",
+      "action": "click",
+      "keyCode": null,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 65,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "a",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 68,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "ad",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 77,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "adm",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 73,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "admi",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 78,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "admin",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 9,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #userName",
+      "value": "admin",
+      "tagName": "INPUT",
+      "action": "change",
+      "keyCode": null,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 56,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "8",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 56,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "88",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 56,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "888",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 56,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "8888",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 56,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "88888",
+      "tagName": "INPUT",
+      "action": "keydown",
+      "keyCode": 56,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-input-affix-wrapper > #password",
+      "value": "888888",
+      "tagName": "INPUT",
+      "action": "change",
+      "keyCode": null,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-row > .ant-form-item-control-wrapper > .ant-form-item-control > .ant-form-item-children > .ant-btn",
+      "value": "",
+      "tagName": "BUTTON",
+      "action": "click",
+      "keyCode": null,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-tabs > .ant-tabs-content > .ant-tabs-tabpane > .ant-alert > .ant-alert-message",
+      "tagName": "SPAN",
+      "action": "click",
+      "keyCode": null,
+      "href": null,
+      "coordinates": null
+    },
+    {
+      "selector": ".ant-tabs > .ant-tabs-content > .ant-tabs-tabpane > .ant-alert > .ant-alert-message",
+      "action": "snapshot",
+      "snapshot": "<span class=\"ant-alert-message\">账户或密码错误（admin/ant.design）</span>"
+    }
+  ],
+  "HTTPInteractions": []
+}
\ No newline at end of file

vcr.config.js

+module.exports = {
+  apiMatch: ['http://localhost:8000/api/*'],
+  server: {
+    command: 'PORT=8001 BROWSER=none MOCK=none npm start',
+    port: 8001,
+    launchTimeout: 40000,
+    debug: true,
+  },
+};