在SharePoint Framework中配置jest进行单元测试

最新推荐文章于 2022-11-16 16:17:57 发布
最新推荐文章于 2022-11-16 16:17:57 发布
阅读量408 收藏
点赞数
分类专栏： SharePoint Framework TypeScript Office 365开发 SharePoint Framework 文章标签： sharepoint framework jest spfx 单元测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shrenk/article/details/85778433
版权
首先使用Yeoman创建一个webpart项目如下：使用Code打开项目，查看package.json文件如下：{ "name": "spfx-jest", "version": "0.0.1", "private": true, "engines": { "node": ">=0.10.0" }, "scripts": { "build...
摘要由CSDN通过智能技术生成

首先使用Yeoman创建一个webpart项目如下：

使用Code打开项目，查看package.json文件如下：

{
  "name": "spfx-jest",
  "version": "0.0.1",
  "private": true,
  "engines": {
    "node": ">=0.10.0"
  },
  "scripts": {
    "build": "gulp bundle",
    "clean": "gulp clean",
    "test": "gulp test"
  },
  "dependencies": {
    "react": "16.3.2",
    "react-dom": "16.3.2",
    "@types/react": "16.4.2",
    "@types/react-dom": "16.0.5",
    "@microsoft/sp-core-library": "1.7.0",
    "@microsoft/sp-webpart-base": "1.7.0",
    "@microsoft/sp-lodash-subset": "1.7.0",
    "@microsoft/sp-office-ui-fabric-core": "1.7.0",
    "@types/webpack-env": "1.13.1",
    "@types/es6-promise": "0.0.33"
  },
  "devDependencies": {
    "@microsoft/sp-build-web": "1.7.0",
    "@microsoft/sp-tslint-rules": "1.7.0",
    "@microsoft/sp-module-interfaces": "1.7.0",
    "@microsoft/sp-webpart-
最低0.47元/天 解锁文章
计算机器
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端自动化测试jest教程1-配置安装
Jsoning的博客
01-07 1175
前言 前端早已不在是简单的切图仔，web前端工程师也在逐渐淡出江湖。大前端的时代早已来临，面对日新月异的技术我们只能不断学习，逐个点亮技能点。 现在随处可见的单元测试，在主流框架以及UI组件中都可以见到，单元测试的优势就不言而喻了。本系列文章将带你学习前端自动化测试 jest框架 ，包括基本的配置、jest匹配器、异步代码测试、钩子函数、mock以及在vue项目中的实际应用等等，如果想继续学习后面...
sharepoint进行Unit Test的一个方案
weixin_34383618的博客
06-27 81
通常，因为我们在程序里面引用了SPSite/SPWeb/SPListItem等对象，SPSite需要通过context上下文来构造。我们开发WebPart很难构造出一个UnitTest的环境，因为不能构造context，但是如果我们使用下面的代码来构造： SPSite mySiteCollection = new SPSite("http://server/sites/mysite"); 就可...
用 jest 单元测试改善老旧的 Backbone.js 项目
weixin_34219944的博客
02-28 221
对于早期的前端 SPA 项目，Backbone.js + Require.js 是一种常见的技术组合，分别提供了基础的 MVC 框架和模块化能力。 对于这样的既有项目，在之前的文章中也进行过分析，常常面临依赖不清、封装混乱，以及缺乏测试等问题；对之进行维护和新需求开发时，结合其本身特点，在 TDD 的方式下进行渐进的改善，而非推倒重来，无疑是个可行的办法。 本文将尝试用一个重构实例来抛砖引玉，讲解...
单元测试（jest）：理解、安装、使用
snowball的博客
11-16 4404
2.1、Jest：Facebook 的一套开源的 JavaScript 测试框架， 它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，是一款几乎零配置的测试框架。终究会暴露，越早越好。从团队的角度讲，开发人员的代码经过完整的单元测试，可以有效的减少测试成本，维护成本，运维成本，运营成本。从技术的角度讲，有效的提高代码的健壮性，有效的增加代码的可维护性，对于后期的代码重构是必要条件。解：我理解，我项目是vite项目，不是vue-cli项目，不能使用这个命令安装jest。
使用Jest测试JavaScript (入门篇)
木贝西的博客
02-16 1106
1 什么是 Jest? Jest Jest是 Facebook 的一套开源的 JavaScript 测试框架， 它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，是一款几乎零配置的测试框架。并且它对同样是 Facebook 的开源前端框架 React 的测试十分友好。 2 安装Jest 2.1 初始化package.json 在shell中输入以下命令，初始化前端项目并生成package.json： npm init -y 2.2 安装Jest及相关依赖 在s
详解使用jest对vue项目进行单元测试
10-18
主要介绍了详解使用jest对vue项目进行单元测试，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
单元测试learn-jest.zip
12-09
Jest支持Promise和async/await语法进行异步测试，只需在测试函数前加上`async`关键字，然后使用`await`等待异步操作完成。 七、覆盖率报告 Jest内置了代码覆盖率报告，通过`jest --coverage`命令可以生成覆盖率报告...
jest-with-typescript:在Typescript项目中使用Jest进行单元测试的教程
05-27
开玩笑与打字稿 在Typescript项目中使用Jest进行单元测试的教程 快速开始 本指南向您展示如何运行单元测试。 有关设置的完整教程，请进入 安装 $ yarn install 建立和测试 $ yarn build && yarn test
jest单元测试教程
08-10
在现代 JavaScript 开发中，单元测试是保障代码质量、稳定性和可维护性的重要手段。Jest 是 Facebook 推出的一款功能强大的 JavaScript 测试框架，它以其易用性、全面的功能和良好的社区支持赢得了开发者们的青睐。...
关于前端大管家 package.json，你知道多少？
前端小白-Mr鹏帅
11-04 1237
今天来看看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！ 在每个前端项目中，都有package.json文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json文件是一个JSON对象，该对象的每一个成员就是当前项目的一项设置。package.json作为前端的大管家，到底有哪些配置和我们的日常开发密切相关？下面就来仔细剖析一下这个文件。 当我们搭建一个新项目时，往往
package.json 最全详解
热门推荐
qq_34703156的博客
11-18 4万+
今天来看看前端的大管家 package.json 文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建议先收藏在学习！ 在每个前端项目中，都有 package.json 文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json 文件是一个 JSON 对象，该对象的每一个成员就是当前项目的一项设置。package.json 作为前端的大管家，到底有哪些配置和我们的日常开发密切相关？下面就来仔细剖析一下这个文件。 当我们搭..
面试总结-测试篇2
yatou_li_的博客
10-22 1904
请你说一下如何写一个测试用例 1、测试人员应该尽早介入，彻底理解清楚需求，这个是写好测试用例的基础 2、如果以前有类似的需求，可以参考类似需求的测试用例，然后还需要看类似需求的bug情况 3、清楚输入输出的各种可能性，以及各种输入的之间的关联关系，理解清楚需求的执行逻辑，通过等价类、边界值、判定表等方法找出大部分用例 4、找到需求相关的一些特性，补充测试用例 5、根据自己的经验分析遗漏的测试场景 6、多总结类似功能点的测试点，才能够写出质量越来越高的测试用例 你觉得测试项目的具体工作是什么？ 测试需求分析
jest js 测试框架-简单方便人性化
weixin_33794672的博客
01-03 869
1. 安装 yarn global add jest-cli or npm install -g jest-cli 备注：可以安装为依赖不用全局安装 2. 项目代码 a. 项目初始化 yarn init -y ├── package.json ├── sum.js ├── sun.test.js └── yarn.lock b. packag...
如何在项目中安装使用jest?
zrq1210的博客
10-16 1001
内容导航最简可用安装jest依赖按需配置jest让jest可以识别es6, async等语法（babel):在webpack项目中使用jest 整体思路如图： 最简可用 1. 添加测试用例 在项目中你喜欢的任意路径下，创建sum.js和sum.test.js sum.js function sum (a, b) { return a + b; } module.exports = sum; sum.test.js const sum = require('../sum'); test('add
前端自动化测试框架Jest介绍和使用
主要分享测试的学习资源，帮助快速了解测试行业，帮助想转行、进阶、小白成长为高级测试工程师。
03-16 1711
在实际项目的自动化测试过程中，如果只有这两个方法，很显然，是远远不够的，这时候，就需要我们对之前的方法进行扩充，同时还有很多自动化的机制需要集成进去。这时候 Jest 闪亮登场！ Jest 框架介绍 一个优秀的自动化测试框架，在以下三个方面应该比较突出： 性能好 功能齐全 易用性很好 Jest 在这三个方面做的非常好（当然了，像Jasmine、mocha这些主流前端测试框架做的也不错）。 这些主流前端测试框架使用的方法、原理上都差不多，实际上，我们学会了一个，另外几个也就很容易的继续学习了，所以这篇文章
前端单元测试之Jest初体验
天问博客-专注于大前端技术
04-19 1540
Jest 是一个令人愉快的 JavaScript 测试框架，专注于简洁明快。Jest 拥有良好的文档，只需很少的配置，并能根据你的需求进行扩展。它能确保任何 JavaScript 代码的正确性。它为你提供了易于理解、熟悉且功能丰富的 API 来编写测试用例，并快速地反馈结果。
Deno 正式发布，彻底弄明白和 node 的区别
图灵教育
05-19 786
前言Deno 已经正式发布了????！我说这句话时候，是不是很多前端 和 NodeJS 工（码）程（农）师已经按不住自己的40米大刀了。心中的不仅感慨前端是真的会造轮子，有了 node ...
vue jest单元测试环境搭建
weixin_30791095的博客
04-25 571
温馨提示：vue-cli3版本已经自带了jest的单元测试环境。 开始搭建 安装依赖包 npm install babel-plugin-transform-vue-jsx jest jest-serializer-vue vue-test-utils babel-jest vue-jest 创建测试目录（一般习惯放在项目的根目录） mkdir test/unit c...
如何安全的升级SharePoint Framework版本
ave-mike的专栏
05-17 220
SharePoint Framework版本升级频率还是比较高的，这样就导致了我们本地的sharepoint webpart generator版本（@microsoft/sharepoint-generator）很可能比较低，无法使用SharePoint Framework中比较高级的功能，例如Teams相关的，这篇文章主要讲解如果安全的升级spfx的版本。 首先通过执行如下命令查看当前spfx的版本 从上面的截图可以看出spfx的版本是 1.7.0， 对应的最新版本是 1.10.0，下面是升级.
vue 使用jest进行单元测试模拟查询时，报token未定义的错误
最新发布
05-25
这个错误提示说明在单元测试中，token变量没有被定义。你需要在单元测试中定义token变量。 一般而言，token变量是在请求接口时从后端获取的，所以在单元测试中需要模拟一个后端请求，然后获取到token值。 具体操作可以参考以下步骤： 1. 在单元测试中模拟一个后端请求，获取到token值。 ```javascript const axios = require('axios') jest.mock('axios') const token = 'your_token_value' axios.get.mockImplementationOnce(() => Promise.resolve({ data: { token } })) ``` 2. 在需要使用token的地方引入定义的token变量。 ```javascript import { someApi } from './api' test('test api', async () => { const result = await someApi(token) expect(result).toEqual(expect.anything()) }) ``` 在上述代码中，someApi函数是需要token作为参数的。我们直接将之前定义的token变量传递给someApi即可。 希望这些能够帮助到你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值