【软测】node.js辅助生成测试报告

目录

node.js辅助生成测试报告

[安装 Newman 和报告插件](#安装 Newman 和报告插件)

执行测试并生成报告

[其他方法 Jest + jest-html-reporter(网页格式)](#其他方法 Jest + jest-html-reporter(网页格式))


说明:本系列软测基础实操内容网站等选用自黑马传智教育内的公开学习内容

传智 | 高校学习平台-首页

黑马在IT领域的教学内容非常丰富,使用入门、进阶等不同学习阶段的学习,推荐大家多多浏览学习

提要:

接口测试作用与意义:检测系统组件交互点,查数据交换等问题;能在底层发现 bug,降低修复成本;检查安全性、稳定性;应对系统复杂度上升,提升测试效率;易实现自动化,缩短测试周期。Postman 是支持 http 协议的接口调试测试工具 ,功能强大、易用,可方便发送请求、管理接口、生成报告等,是接口测试常用工具。

node.js 辅助 生成测试报告

Node.js --- 在任何地方运行 JavaScript

不是大软件,像这些解释器、插件等最好默认路径

勾上自动下载一些插件

在 Windows 系统上,若通过 MSI 安装包正常安装 Node.js ,一般安装程序会自动配置好环境变量,可在命令提示符中输入node -v和npm -v ,若能显示出版本号,就说明环境变量已配置好,无需手动操作

否则,添加系统环境变量

建NODE_PATH变量并编辑Path变量:

安装 Newman 和报告插件
复制代码
npm` `install -g newman newman-reporter-html`
`

从 Postman 导出测试用例

从postman中导出报告(json格式)

在 Postman 中选择 Collection → Export → V2.1 格式

保存为 JSON 文件

全选执行

导出结果:运行完成后,在 "Collection Runner" 窗口底部,点击 "Export results" 按钮 。在弹出的文件保存对话框中,找到桌面的 "测试报告" 文件夹,输入文件名,点击 "保存",即可将测试结果以 JSON 文件形式保存到该文件夹。

执行测试并生成报告
复制代码
newman run "D:\postman_test_run.json" -r html --reporter-html-export "D:\report.html"`
`

参数说明

newman run my-collection.json:执行指定的 Postman 集合文件

-e env.json:指定环境变量文件(可选)

-r html:生成 HTML 格式的测试报告

--reporter-html-export report.html:指定报告输出路径和文件名

其他 方法 Jest + jest-html-reporter 网页 格式)

Jest 是一款主流的测试框架,jest-html-reporter 能把测试结果转化为 HTML 报告。

首先,安装必要的依赖:

bash

复制代码
npm` `install --save-dev jest jest-html-reporter`
`

检验安装

接着,在package.json中添加测试脚本和报告配置:

json

复制代码
{`
  `"scripts":` `{`
    `"test":` `"jest --coverage"`
  `},`
  `"jest":` `{`
    `"reporters":` `[`
      `"default",`
      `["./node_modules/jest-html-reporter",` `{`
        `"pageTitle":` `"测试报告",`
        `"outputPath":` `"test-report.html"`
      `}]`
    `]`
  `}`
`}`
`

运行测试之后,就会在项目根目录生成test-report.html文件。

相关推荐
GISer_Jing7 小时前
前端构建工具(Webpack\Vite\esbuild\Rspack)拆包能力深度解析
前端·webpack·node.js
chxii9 小时前
1.11 HTTP 文件上传的核心协议
node.js
CRPER9 小时前
告别繁琐配置:一个现代化的 TypeScript 库开发模板,让你高效启动项目!
前端·typescript·node.js
测试199811 小时前
2025软件测试面试题汇总(接口测试篇)
自动化测试·软件测试·python·测试工具·面试·职场和发展·接口测试
SamHou012 小时前
手把手 Flexbox——从零开始的奶奶级 Web 开发教程3
前端·css·web
Q_Q51100828517 小时前
python+django/flask成都奥科厨具厂产品在线销售系统
vue.js·spring boot·python·django·flask·node.js·php
Westrious19 小时前
【JS里的小函数】帮助你在全局作用域中创建和访问对象的函数
前端·javascript·node.js
水冗水孚20 小时前
使用nodejs的express框架实现大文件上传的功能,附完整前后端github代码
javascript·node.js·express
Q_Q51100828521 小时前
python+django/flask+uniapp宠物中心信息管理系统app
spring boot·python·django·flask·uni-app·node.js·php