使用JEST - 项目配置的UI测试,解释(第2部分)

玛丽安FX.
5月1日 · 3.

本章介绍用于使Jest和React工作的配置的配置。其中一些是默认配置,其中一些是添加的,以使事情更顺畅并解决一系列常见问题。

拍摄者Sigmund.uns

NPM包装

预先安装的包装Create-React-App

  • 笑话+笑话-***:实际的图书馆及其扩展
  • Babel Core.Babel-Jest.+默认值Babel插件:要将代码转换为纯粹的JavaScript(请记住,Jest实际上用于测试核心JS)

然后,有一份可以沿着方式安装的软件包列表,使事情更平滑

图书馆有助于很多嘲笑事物:

  • Redux-Mock-Store→用来嘲笑店铺 (文件
  • jest-fetch-mock→用于模拟使用的HTTP调用拿来API在他们的核心(大多数人)(文件

键入更好的IntelliSensens的定义:

  • @类型/ jest→编写特定于此的代码的建议(预计
  • @ types / testing-library_jest-dom→使用JEST-DOM特定语法时的建议(Tobeindocument.

Babel转换插件(所需的插件数取决于所使用的花式语法的数量,有一个BABEL插件用于在JS中进行几乎做任何事情,这里只显示了一些):

  • @ Babel / Plugin-Proposal-可选 - 链接→允许使用这个?.syntax.(如果您喜欢来自C#的空条件运算符)
  • Babel-Plugin-Transform-Classity→允许类属性/内联方法

Jest的配置文件

.eslintrc.json.→配置eslint.文件

  • 更新env.进入包括笑话,所以本地开发环境理解Jest语法并知道如何跟踪错误
  • 更新插件进入包括jest-dom

.babelrc.→配置禁止禁忌文件

  • 包括插件测试项目所需的环境/条目'' 编码 ()在将它发送到Jest之前
  • 每次使用新的语言功能时都需要添加插件

jest.config.js.→配置特定于笑话文件

  • 试验:定义自动发现测试的模式(配置为搜索结尾的文件时.test.js.
  • 转换:Connects.禁止禁忌笑话通过Babel-Jest.适配器,并定义要转换的文件类型
  • reganceIgnorePatterns.:定义在“转换”过程中忽略的文件/文件夹;通常包含node_modules.
  • setupfilessafterenv.:定义测试ENV配置文件的入口点(例如,常见setuptests.js.定义全球导入和DOM文物)
  • modulenamemapper.:允许定义表达式以替换与其他内容的模块的到处替换()。这个非常强大和有用。

Jest只知道如何阅读/变换编译图书馆(从node_modules安装/使用)。

因此,例如,如果您在项目中使用a(由您的组织或自己定义)并直接导入源文件(mylib / src.-),您需要映射,仅用于测试,进口到编译的对应物中,否则测试赛跑者将失败错误遇到意外的令牌/syntaxError:意外的令牌导出

在上面的源代码中,从中映射导入@ my / custom-package / src(源文件路径)到@ my / custom-packic / dest(编译版本)允许Jest能够运行用于使用此库中导入的组件的测试。

笔记:每个工具(Babel,Jest,Eslint)都可以直接配置package.json.或来自专用配置文件。您不能同时具有同一工具的配置package.json.在一个单独的文件中(例如:不能有一个禁止禁忌进入package.json.还有一个'.babelrc.'文件在同一项目中)。

本系列的其他部分

mfx.ro.

Propozićiitehnice din ghiare artistice。

betway娱乐官网 是一个开放的平台,17亿读者来寻找洞察力和动态的思维。在这里,专家和未被发现的声音相似地潜入任何主题的核心,并将新的想法带到表面上。学到更多

遵循对您有关的作家,出版物和主题,您将在您的主页和收件箱中看到它们。betway娱乐官网探索

如果您有一个故事来讲述,知识分享,或者提供提供的视角 - 欢迎回家。betway娱乐官网很容易和免费发布您对任何主题的思考。写在betway娱乐官网

获取媒体应用程序betway娱乐官网

一个按钮,称“在App Store上下载”,如果点击它将导致您到iOS App Store
一个按钮说'获得它,Google Play',如果点击它将导致您进入Google Play商店