jest

Author: csxiaoyaojianxian

13-自动化测试&mock数据/jest-test/06-hook.js

@@ -9,7 +9,7 @@ export default class Counter {
         this.number = 0
     }
     addOne () {
-        this.number += 3
+        this.number += 1
     }
     minusOne () {
         this.number -= 1

13-自动化测试&mock数据/jest-test/07.mock.js 13-自动化测试&mock数据/jest-test/07-mock.js13-自动化测试&mock数据/jest-test/07.mock.js renamed to 13-自动化测试&mock数据/jest-test/07-mock.js

@@ -1,4 +1,4 @@
-import { runCallback, createObject, getData } from './07.mock'
+import { runCallback, createObject, getData } from './07-mock'
 import axios from 'axios'
 
 /**

13-自动化测试&mock数据/jest-test/07.mock.test.js 13-自动化测试&mock数据/jest-test/07-mock.test.js13-自动化测试&mock数据/jest-test/07.mock.test.js renamed to 13-自动化测试&mock数据/jest-test/07-mock.test.js

@@ -0,0 +1,10 @@
+import axios from 'axios'
+
+export const fetchData = () => {
+    // '(function(){return 123})()'
+    return axios.get('/api').then(res => res.data)
+}
+
+export const getNumber = () => {
+    return 123;
+}

13-自动化测试&mock数据/jest-test/08-mock2.js

@@ -0,0 +1,37 @@
+
+import { fetchData } from './08-mock2'
+
+// 【1】mock axios 方案
+/*
+import Axios from 'axios'
+jest.mock('axios');
+test('测试 fetchData', () => {
+    Axios.get.mockResolvedValue({
+        data: '(function(){return 123})()'
+    })
+    return fetchData().then(data => {
+        expect(eval(data)).toEqual(123);
+    })
+})
+*/
+
+// 【2】mock 对应方法 方案，异步变同步
+// 需要在 __mocks__ 文件夹下建立同名文件
+jest.mock('./08-mock2');
+// jest.unmock('./08-mock2'); // 取消模拟
+test('测试 fetchData', () => {
+    return fetchData().then(data => {
+        expect(eval(data)).toEqual(123);
+    })
+})
+
+// 【3】automock
+// jest.config.js 中打开 automock: true
+// 会自动在 __mocks__ 文件夹下找同名文件，省去了手动调用
+// jest.mock('./08-mock2');
+
+// 【4】使用 __mocks__ 时部分同步函数仍然使用原文件中的
+const { getNumber } = jest.requireActual('./08-mock2')
+test('测试 getNumber', () => {
+    expect(getNumber()).toEqual(123);
+})

13-自动化测试&mock数据/jest-test/08-mock2.test.js

@@ -0,0 +1,8 @@
+export default (callback) => {
+    setTimeout(() => {
+        callback();
+        setTimeout(() => {
+            callback();
+        }, 3000);
+    }, 3000);
+}

13-自动化测试&mock数据/jest-test/09-mock-timer.js

@@ -0,0 +1,35 @@
+import timer from './09-mock-timer'
+
+/**
+ * 需要等定时器执行，时间长
+ */
+// test('测试 timer', (done) => {
+//     timer(() => {
+//         expect(1).toBe(1)
+//         done()
+//     })
+// })
+
+/**
+ * 使用 useFakeTimers / runAllTimers / runOnlyPendingTimers / advanceTimersByTime
+ * 缩短 timers 时间
+ */
+// 各个用例之间定时器不影响
+beforeEach(() => {
+    jest.useFakeTimers()
+})
+test('测试 timer', () => {
+    const fn = jest.fn()
+    timer(fn)
+
+    // * 定时器立即执行
+    // jest.runAllTimers() // 执行2次
+    // * 只运行队列中的timer
+    // jest.runOnlyPendingTimers() // 执行1次
+    // * 快进x
+    jest.advanceTimersByTime(3000) // 快进3s
+
+    expect(fn).toHaveBeenCalledTimes(1)
+    jest.advanceTimersByTime(3000) // 再快进3s
+    expect(fn).toHaveBeenCalledTimes(2)
+})

13-自动化测试&mock数据/jest-test/09-mock-timer.test.js

@@ -0,0 +1,10 @@
+class Util {
+    a (a, b) {
+        // 复杂代码 ...
+        return a + b
+    }
+    b () {
+        // 复杂代码 ...
+    }
+}
+export default Util

13-自动化测试&mock数据/jest-test/10-es6-class.js

@@ -0,0 +1,14 @@
+import Util from './10-es6-class'
+
+/**
+ * 常规 es6-class 测试
+ * 重点关注 func.test.js 模拟 Util class
+ */
+let util = null
+beforeAll(() => {
+    util = new Util()
+})
+
+test('测试 a 方法', () => {
+    expect(util.a(1,2)).toBe(3)
+})

13-自动化测试&mock数据/jest-test/10-es6-class.test.js

@@ -0,0 +1,9 @@
+import Util from './10-es6-class'
+
+const demoFunction = (a, b) => {
+    const util = new Util()
+    util.a(a)
+    util.b(b)
+}
+
+export default demoFunction