如何在TypeScript环境下的Mocha测试中获取当前测试名称？

你遇到的问题本质是TypeScript对this的严格类型检查，以及Mocha测试回调中this的绑定机制和箭头函数的冲突。下面是具体的解决办法：

核心原因 #

Mocha会在运行测试时，将测试回调函数的this绑定为Mocha的Context对象（包含title、fullTitle()等属性）。但箭头函数不会绑定自己的this，它会捕获外层作用域的this，导致你无法访问到Mocha上下文里的属性，同时TypeScript的类型检查也会因为无法推断this的类型而报错。

解决步骤 #

1. 确保安装Mocha的类型定义 #

首先要确保已经安装了@types/mocha，这样TypeScript才能识别Mocha上下文的类型：

npm install --save-dev @types/mocha

2. 使用普通函数替代箭头函数 #

把describe和it的回调改成普通函数，这样Mocha才能正确绑定上下文的this。同时，我们可以显式标注this的类型为Mocha.Context，让TypeScript明确知道this的结构：

import 'mocha';

// 给describe的回调显式指定this类型
describe("top", function(this: Mocha.Context) {
  console.log(this.title); // 输出 "top"
  console.log(this.fullTitle()); // 输出 "top"

  // 给it的回调也指定this类型
  it("test", function(this: Mocha.Context) {
    // 注意：test属性可能为undefined，所以用可选链操作符
    console.log(this.test?.title); // 输出 "test"
    console.log(this.test?.fullTitle()); // 输出 "top test"
  });
});

3. 可选：调整TypeScript配置（不推荐） #

如果你不想每次都标注this的类型，可以在tsconfig.json中把noImplicitThis设为false，这样TypeScript会放宽对this的类型检查：

{
  "compilerOptions": {
    "noImplicitThis": false,
    // 其他配置...
  }
}

不过这种方式会降低类型检查的严格性，可能隐藏其他潜在问题，所以更推荐显式标注this类型的方案。

内容的提问来源于stack exchange，提问作者shytikov