Coding-everyday

# Jest配置文件

jest.config.js

const path = require('path');

module.exports = {
  rootDir: path.resolve(__dirname, './'),
  moduleFileExtensions: [
    'js', 
    'jsx', 
    'json', 
     // 告诉 Jest 处理 `*.vue` 文件
    'vue'
  ],
  transform: {
    // 用 `vue-jest` 处理 `*.vue` 文件
    '^.+\\.vue$': 'vue-jest',
    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
      'jest-transform-stub',
    '^.+\\.jsx?$': 'babel-jest',
    '^.+\\.js$': '<rootDir>/node_modules/babel-jest',

  },
  moduleNameMapper: {
    // 路径别名，@ => src
    '^@/(.*)$': '<rootDir>/src/$1',
    '^src/(.*)$': '<rootDir>/src/$1',
  },
  snapshotSerializers: ['jest-serializer-vue'],
  testMatch: [
    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)',
  ],
  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
  coverageDirectory: '<rootDir>/tests/unit/coverage',
  // 'collectCoverage': true,
  coverageReporters: [
    'lcov',
    'text-summary',
  ],
  testURL: 'http://localhost/',
};

  • transform 简单地说就是一种转换器配置

  • testEnvironment 测试环境。

"testEnvironment": "jsdom"

表示它是一个类浏览器的测试环境，我们可以使用浏览器环境中的一些 API。

  • testRegex 要测试文件的正则表达式，与 testMatch 互斥，不能同时写
"testRegex": "/test/.*\\.(test|spec)\\.(ts)$"

testRegex: "(/__tests__).*|(\\\\.|/)(test|spec))\\\\.jsx?$";
  • testMatch

设置识别哪些文件是测试文件（glob 形式），与 testRegex 互斥，不能同时写

testMatch: ["**/__tests__/**/*.js?(x)", "**/?(*.)(spec|test).js?(x)"];
  • moduleFileExtensions 模块文件扩展名，当你去引入一个模块并没有指定扩展名的时候，它会依次尝试去添加这些扩展名去找你引入的模块文件。
"moduleFileExtensions": [
  "ts",
  "tsx",
  "js"
]

表示优先找 .ts 的模块、然后是 .tsx，最后是 .js。

  • coverageThreshold 测试覆盖率的阈值设定，当我们的测试覆盖率达不到阈值的时候，测试会失败。
"coverageThreshold": {
  "global": {
    "branches": 90,
    "functions": 95,
    "lines": 95,
    "statements": 95
  }
}

表示全局的代码分支覆盖率要达到 90%，方法覆盖率要达到 95%，代码行数覆盖率达到 95%，声明覆盖率达到 95%。

  • collectCoverageFrom 收集指定文件的测试覆盖率(即使你没为这些文件编写测试)，它的值为 glob patterns 类型。
"collectCoverageFrom": [
  "src/*.{js,ts}",
  "src/**/*.{js,ts}"
]

表示收集 src 目录以及它的所有子目录中的 js 和 ts 文件的测试覆盖率。

  • setupFilesAfterEnv 测试框架安装后立即执行的代码文件列表。
"setupFilesAfterEnv": [
  "<rootDir>/test/boot.ts"
]

表示每次跑具体测试代码之前会先运行 <rootDir>/test/boot.ts 中的代码，<rootDir> 表示当前项目的根目录。这个配置在之后的章节我们会具体介绍。

babel.config.js

module.exports = {
  presets: [
    '@vue/app',
  ],
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true,
    }, 'vant'],
  ],
  env: {
    test: {
      presets: [['@babel/preset-env', {
        targets: {
          node: 'current',
        },
      }]],
      plugins: [
        ['import', {
          libraryName: 'vant',
          style: false,
        }, 'vant'],
      ],
    },
  },
};
  1. 如果报 import 导入错误的话，设置@babel/preset-env
  2. 如果报导入 vant 的 css 错误的话，配置babel-plugin-import，可能 jest 不支持 css 的按需加载。
  3. 如果Eslint报describe/it/expect这些函数都是undefined的话，.eslintrc.js文件添加如下设置：
env: {
  jest: true
}
  1. jest加载ts文件时，报语法错误，解决方法： 在jest.config.js的transform中加：
'^.+\\.ts?$': 'ts-jest',

# NodeJS 发送https请求，忽略校验证书

import * as https from "https";
import request from "axios";

const res = await request({
  baseURL: host,
  url,
  method,
  ...config,
  headers,
  httpsAgent: new https.Agent({
      rejectUnauthorized: false
  })
});

← K8s概念 →