请问vitest这里配置context 的目的是什么呢？

Question

我见测试框架vitest使用中，有如下的示例：

import { beforeEach, it } from 'vitest'

beforeEach(async (context) => {
  // extend context
  context.foo = 'bar'
})

it('should work', (context) => {
  console.log(context.foo) //  'bar'
})

有2个问题想要咨询：
1）请问这里配置context 的目的是什么呢？

2）有报错：

类型“TaskContext<Test<object> | Custom<object>> & TestContext & object”上不存在属性“foo”。ts(2339)

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

关于你的问题：

1）配置context的目的： 在测试框架中，context（上下文）通常用于存储和传递测试相关的数据或配置。在Vitest中，通过配置context，你可以在测试前设置一些初始化的数据或者配置，然后在测试过程中使用这些数据或配置。这样做的好处是可以在多个测试之间共享数据或配置，避免重复的代码和设置。在你提供的例子中，使用context来设置'foo'的值，然后在测试过程中使用这个值。

2）关于报错的问题： 这个错误是因为TypeScript在编译时检查到了context对象上不存在foo属性。这可能是因为TypeScript的类型定义中没有包含foo属性。为了解决这个问题，你可以为context对象定义一个新的类型，其中包含foo属性，或者在现有的类型上使用类型断言来告诉TypeScript编译器这个属性是存在的。以下是一些可能的解决方案：

• 定义一个新的类型并扩展TestContext：

interface MyContext extends TestContext {
  foo: string;
}

beforeEach(async (context: MyContext) => {
  context.foo = 'bar';
});

• 使用类型断言： 在配置context时，使用类型断言告诉TypeScript编译器这个属性是存在的：

beforeEach(async (context: any) => {
  context.foo = 'bar';
});
```注意，使用`any`类型可能会带来一些类型安全的问题，因此在确定类型的情况下，最好还是定义具体的类型。如果无法确定具体的类型，可以使用接口或者类型别名来创建一个更通用的类型。这样既能保证类型安全，又能满足你的需求。