### 彪哥

爱好前端

- 初识 TypeScript

- TypeScript 常用语法

- ts-axios 项目初始化

- ts-axios 基础功能实现

- ts-axios 异常情况处理

- ts-axios 接口扩展

- ts-axios 拦截器实现

- ts-axios 配置化实现

- ts-axios 取消功能实现

- ts-axios 更多功能实现

- ts-axios 单元测试

  - 前言
  - Jest 安装和配置
  - 辅助模块单元测试
  - 请求模块单元测试
  - headers 模块单元测试
  - Axios 实例模块单元测试
  - 拦截器模块单元测试
  - mergeConfig 模块单元测试
    - 测试代码编写
  - 请求取消模块单元测试
  - 剩余模块单元测试

- ts-axios 部署与发布

- 《TypeScript 从零实现 axios》
- ts-axios 单元测试

HuangYi
2020-01-05
目录

# mergeConfig 模块单元测试

# # mergeConfig 模块单元测试

合并配置是 `ts-axios` 核心流程中非常重要的一个环节，我们需要为它的各种情况去编写测试。

## # 测试代码编写

`test/mergeConfig.spec.ts`：

    import axios from '../src/index'
    import mergeConfig from '../src/core/mergeConfig'

    describe('mergeConfig', () => {
      const defaults = axios.defaults

      test('should accept undefined for second argument', () => {
        expect(mergeConfig(defaults, undefined)).toEqual(defaults)
      })

      test('should accept an object for second argument', () => {
        expect(mergeConfig(defaults, {})).toEqual(defaults)
      })

      test('should not leave references', () => {
        const merged = mergeConfig(defaults, {})
        expect(merged).not.toBe(defaults)
        expect(merged.headers).not.toBe(defaults.headers)
      })

      test('should allow setting request options', () => {
        const config = {
          url: '__sample url__',
          params: '__sample params__',
          data: { foo: true }
        }
        const merged = mergeConfig(defaults, config)
        expect(merged.url).toBe(config.url)
        expect(merged.params).toBe(config.params)
        expect(merged.data).toEqual(config.data)
      })

      test('should not inherit request options', () => {
        const localDefaults = {
          url: '__sample url__',
          params: '__sample params__',
          data: { foo: true }
        }
        const merged = mergeConfig(localDefaults, {})
        expect(merged.url).toBeUndefined()
        expect(merged.params).toBeUndefined()
        expect(merged.data).toBeUndefined()
      })

      test('should return default headers if pass config2 with undefined', () => {
        expect(
          mergeConfig(
            {
              headers: 'x-mock-header'
            },
            undefined
          )
        ).toEqual({
          headers: 'x-mock-header'
        })
      })

      test('should merge auth, headers with defaults', () => {
        expect(
          mergeConfig(
            {
              auth: undefined
            },
            {
              auth: {
                username: 'foo',
                password: 'test'
              }
            }
          )
        ).toEqual({
          auth: {
            username: 'foo',
            password: 'test'
          }
        })
        expect(
          mergeConfig(
            {
              auth: {
                username: 'foo',
                password: 'test'
              }
            },
            {
              auth: {
                username: 'baz',
                password: 'foobar'
              }
            }
          )
        ).toEqual({
          auth: {
            username: 'baz',
            password: 'foobar'
          }
        })
      })

      test('should overwrite auth, headers with a non-object value', () => {
        expect(
          mergeConfig(
            {
              headers: {
                common: {
                  Accept: 'application/json, text/plain, */*'
                }
              }
            },
            {
              headers: null
            }
          )
        ).toEqual({
          headers: null
        })
      })

      test('should allow setting other options', () => {
        const merged = mergeConfig(defaults, {
          timeout: 123
        })
        expect(merged.timeout).toBe(123)
      })
    })

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

运行测试后我们发现 `mergeConfig.ts` 文件的分支覆盖率并未达到 100%，提示是 23 行，打开文件后发现最后一个 `else` 逻辑并未走到，也就是 `val1` 为 `undefined` 的情况。但实际上即使 `val1` 为 `undefined`，我们也是返回 `undefined`，也就是返回 `val1`，所以这块代码的逻辑可以优化。

    function deepMergeStrat(val1: any, val2: any): any {
      if (isPlainObject(val2)) {
        return deepMerge(val1, val2)
      } else if (typeof val2 !== 'undefined') {
        return val2
      } else if (isPlainObject(val1)) {
        return deepMerge(val1)
      } else {
        return val1
      }
    }

1
2
3
4
5
6
7
8
9
10
11

2 个分支可以合并到一个分支，这样我们再次跑测试，分支覆盖率就可以达到 100% 了。

至此我们完成了 `ts-axios` 库对 `mergeConfig` 模块的测试，下一节课我们来测试取消模块相关代码。

编辑
(opens new window)
#TypeScript
上次更新: 2022/12/14, 19:36:42
拦截器模块单元测试
请求取消模块单元测试

← 拦截器模块单元测试 请求取消模块单元测试→

最近更新

  01
Git修改分支名
08-11

  02
CSS给table的tbody添加滚动条
06-29

  03
我做了一个手写春联小网页，祝大家虎年暴富 原创
01-28

更多文章>

Copyright © 2016-2022 Hesb | MIT License

- 跟随系统
- 浅色模式
- 深色模式
- 阅读模式