在前端开发中，我们经常需要规范我们的代码，以确保代码的可读性、可维护性和可扩展性。ESLint是目前最流行的JavaScript代码规范工具之一。它提供了一种自定义配置，以使我们可以编写符合我们团队特定需求的规范，并且强制执行它们。在这里，我们将介绍一个npm包，名为eslint-config-brainbits-jest，这个包可以帮助我们快速地配置ESLint规范来符合我们在Jest测试框架中写测试所需的规范。
安装与使用
要使用这个包，首先需要安装它。我们可以使用以下命令来安装：
npm install --save-dev eslint-config-brainbits-jest
然后，在我们的项目中创建一个.eslintrc文件，并将以下内容添加到其中：
{
"extends": "eslint-config-brainbits-jest"
}这将继承eslint-config-brainbits-jest中的所有规则并应用于我们的项目。现在我们可以在测试文件中使用这些规则了！
规则
以下是此包中包含的一些规则，以及它们是如何帮助我们符合Jest测试框架的规范的：
测试描述符( Test Descriptors )
- jest/no-focused-tests：禁用在测试过程中使用
.only和.skip。这可以防止意外地跳过某些测试或在使用.only时在代码库中留下测试残留。
显示名称( Display Name )
- jest/valid-describe：确保我们的测试“描述”是字符串和非空的。这可以帮助我们更好地阐述我们正在测试什么，有助于我们和其他团队成员在讨论时更好地理解测试场景。
生命周期函数( Lifecycle Functions )
- jest/no-hooks：如果您使用了beforeEach，afterEach，beforeAll或afterAll，请确保它们被定义在describe块中。这可以避免在重构测试时产生怪异行为。
匹配器( Matchers )
- jest/prefer-expect-assertions：推荐使用
.assertions作为更改异步代码的方式，而不是使用.resolves和.rejects。这可以让我们更好地控制我们的测试内容并增加代码的可读性。
文档化(Documentation)
- jest/prefer-to-have-length：推荐使用
.toHaveLength而不是.toHaveLength()。这对于我们的代码库中的任何读取的可测试数组或字符串的长度的人来说，更具有描述性和易读性。
示例代码
以下是一些示例代码，展示了在使用eslint-config-brainbits-jest`规则的情况下，如何编写Jest测试：
-- -------------------- ---- -------
------------ ------ -- -- -
------------- -- -
-- --- --
---
------------ -- -
-- ----- --
---
------------ --- - - - -- ----- --- -- -- -
-------- - -----------
---
------------ ------ ---- ---- ------ - ------ ---------- --- ---- ------------- -- -- -
----- -------- - ----------------- ------ -------- --- ---- --------------
------------------------------
---
------------ ------ -- ----- -- -------- ---- ---------- --- ---- ------------- -- -- -
----- -------- - ------------------------ --- --------- -- ---- ----- ---- -------
---------------------------------
-------------------------------------------
---
---总结
通过使用eslint-config-brainbits-jest，我们可以更快速地符合Jest测试框架中的规范。规范对于项目的可读性和可维护性来说都是极为重要的。希望这篇文章能够帮助您更好地使用ESLint和Jest！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/73163