�jest 部署完成，并且完成react组件测试

NewPrototype · Aug 22, 2018 · 5682ebc · 5682ebc
1 parent b1cbee0
commit 5682ebc
Show file tree

Hide file tree

Showing 16 changed files with 524 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 bower_components/
 dist
+coverage
diff --git a/README.md b/README.md
@@ -19,4 +19,16 @@ jest 一个好的项目应该是存在大量测试代码，晋级必须要掌握
 - <del>antd 按需加载</del>
 
 
+#### 使用
+- 运行项目
+```
+cnpm install  ||npm install
+```
+- 启动测试
+- ```jest```   //单次运行
+- ```jest --watch```  //jest --watch  检测运行
+- ```jest -u```   //快照覆盖
+
+
+
 
diff --git a/__mocks__/styleMock.js b/__mocks__/styleMock.js
@@ -0,0 +1,2 @@
+
+module.exports = {};
diff --git a/__tests__/__snapshots__/react.components.List.test.tsx.snap b/__tests__/__snapshots__/react.components.List.test.tsx.snap
@@ -0,0 +1,331 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`React Components List init render  1`] = `
+<div
+  className="List"
+  onClick={[Function]}
+>
+  <div>
+    开始1
+  </div>
+  <div
+    className="ant-alert ant-alert-success ant-alert-no-icon"
+    data-show={true}
+  >
+    <span
+      className="ant-alert-message"
+    >
+      Success Text
+    </span>
+    <span
+      className="ant-alert-description"
+    />
+  </div>
+  ,
+  <ul
+    className="ant-timeline"
+  >
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Create a services site 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Solve initial network problems 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Technical testing 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item ant-timeline-item-last"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Network problems being solved 2015-09-01
+      </div>
+    </li>
+  </ul>
+  ,
+</div>
+`;
+
+exports[`React Components List onClick render 第一次点击 1`] = `
+<div
+  className="List"
+  onClick={[Function]}
+>
+  <div>
+    结束
+  </div>
+  <div
+    className="ant-alert ant-alert-success ant-alert-no-icon"
+    data-show={true}
+  >
+    <span
+      className="ant-alert-message"
+    >
+      Success Text
+    </span>
+    <span
+      className="ant-alert-description"
+    />
+  </div>
+  ,
+  <ul
+    className="ant-timeline"
+  >
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Create a services site 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Solve initial network problems 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Technical testing 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item ant-timeline-item-last"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Network problems being solved 2015-09-01
+      </div>
+    </li>
+  </ul>
+  ,
+</div>
+`;
+
+exports[`React Components List onClick render 第二次点击 1`] = `
+<div
+  className="List"
+  onClick={[Function]}
+>
+  <div>
+    开始1
+  </div>
+  <div
+    className="ant-alert ant-alert-success ant-alert-no-icon"
+    data-show={true}
+  >
+    <span
+      className="ant-alert-message"
+    >
+      Success Text
+    </span>
+    <span
+      className="ant-alert-description"
+    />
+  </div>
+  ,
+  <ul
+    className="ant-timeline"
+  >
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Create a services site 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Solve initial network problems 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Technical testing 2015-09-01
+      </div>
+    </li>
+    <li
+      className="ant-timeline-item ant-timeline-item-last"
+    >
+      <div
+        className="ant-timeline-item-tail"
+      />
+      <div
+        className="ant-timeline-item-head ant-timeline-item-head-blue"
+        style={
+          Object {
+            "borderColor": undefined,
+          }
+        }
+      />
+      <div
+        className="ant-timeline-item-content"
+      >
+        Network problems being solved 2015-09-01
+      </div>
+    </li>
+  </ul>
+  ,
+</div>
+`;
diff --git a/__tests__/index.test.ts b/__tests__/index.test.ts
@@ -0,0 +1,23 @@
+
+import {sum,isEmpty} from './../src/util/index'
+
+describe('util index.js',()=>{
+  it('sum 1 + 2 to equal 3', () => {
+    expect(sum(1, 2)).toBe(3);
+  });
+  it('isEmpty {a:1}',()=>{
+    expect(isEmpty({a:1})).toBeFalsy()
+  })
+  it('isEmpty {}',()=>{
+    expect(isEmpty({})).toBeTruthy()
+  })
+  it('isEmpty []',()=>{
+    expect(isEmpty([])).toBeTruthy()
+  })
+  it('isEmpty null',()=>{
+    expect(isEmpty(null)).toBeTruthy()
+  })
+  it('isEmpty',()=>{
+    expect(isEmpty(undefined)).toBeTruthy();
+  })
+})
diff --git a/__tests__/jest.md b/__tests__/jest.md
@@ -0,0 +1,4 @@
+###运行命令
+- jest   //单次运行
+- jest --watch  //jest --watch  检测运行
+- jest -u   //快照覆盖