Nightwatch + Cucumber的E2E自动化测试--基于vue前端的自动化测试（五）

最新推荐文章于 2024-05-27 10:05:06 发布
最新推荐文章于 2024-05-27 10:05:06 发布
阅读量367 收藏
点赞数
分类专栏： 笔记 文章标签： vue 软件测试 cucumber javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fiona_amyzhang/article/details/119866631
版权

nightwatch是轻量级的，基于Node.js的End-to-End 测试框架。Cucumber是Javascript实现的BDD（Behavior Driven Development）框架。本文通过Nightwatch结合cucumber创建自动化测试的例子来阐述Vue项目的E2E自动化测试步骤。

一、安装依赖
npm install --save-dev nightwatch-api nightwatch cucumber chromedriver cucumber-pretty
二、Nightwatch.js配置

在这里插入图片描述

三、cucumber配置

在这里插入图片描述
下面是测试抓图配置：
在这里插入图片描述

四、编写cucumber feature文件

在这里插入图片描述

五、编写step定义

在这里插入图片描述

六、创建npm脚本

在这里插入图片描述

七、执行测试

在这里插入图片描述

八、查看测试报告

在这里插入图片描述

静水深流花开无声
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue e2e 测试
iceice_L的博客
04-18 6277
1、vue e2e测试概述 e2e 测试 端对端测试，属于黑盒测试，通过编写测试用例，自动化模拟用户操作，确保组件间通信正常，程序流数据传递如预期。 典型 e2e 测试框架对比 名称 断言 是否跨浏览器支持 实现 官网 是否开源 nightwatch assert和 chai expect 是 selenium http://ni...
Cucumber--基于vue前端的自动化测试（四）
Fiona_AmyZhang的博客
08-20 529
cucumber是BDD (Behavior-driven development，行为驱动开发)的一个自动化测试的副产品。它使用自然语言来描述测试，使得非程序员可以理解他们。Gherkin是这种自然语言测试的简单语法，而Cucumber是可以执行它们的工具。 cucumber本质上是使用根据正则表达式匹配自然语言，然后依次执行对应的方法，以达到测试的目的。 Gherkin是自然语言测试的简单语法，一个完整的测试由多个step组成，step是最小单元，多个step组成一个scenario，多个scenari
vue项目的自动化测试
weixin_41722909的博客
06-09 284
参考kukuv2大神的讲解整了个新项目搞了一下，只跑起了unit tests，e2e还是不行。报错：Error retrieving a new session from the selenium server。重新装了chromedriver也不行，弃了，人间不值得。有了解的大神可以指导一下初入坑的我，还想拯救一下。 ...
Vue测试 - e2e测试调研
weixin_34128411的博客
01-04 176
测试框架 NightWatch 0.9 version 依赖selenium(vue-cli正在使用版本) 1.0 version 跳过selenium，直接驱动webdriver 能力： 驱动浏览器 Cypress 能力： 驱动浏览器 TestCafe 能力： 驱动浏览器 Protractor 能力： Angular专用e2e测试框架 WebdriverIO 能力： 驱动浏览器...
VUE项目的e2e自动化测试超详细安装过程（保姆级）
PIOnly的博客
02-21 2815
目录 一、创建测试项目 二、配置Nightwatch（以chrome为演示） 一、创建测试项目 首先通过@vue/cli创建一个基于nightwatch的测试项目。（我这里使用的是@vue/cli 3.x的版本） vue create your_project（你的项目名） 因为我们要选择e2e功能所以不采用第一种的默认预设，通过方向键选择： Manually select features（手动选择功能），然后回车 这里选择项目所需的功能特性，空格键确定。 其他功能我这里..
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
10-17
主要介绍了vue-cli 脚手架基于Nightwatch的端到端测试环境的过程,需要的朋友可以参考下
Node.js-Nightwatch.js-基于Node.js和Webdriver的自动化测试与持续集成框架
08-10
Nightwatch.js - 基于Node.js和Webdriver的自动化测试与持续集成框架
nightwatch-commonjs-expect：使用CommonJS和EXPECT的夜表端到端测试自动化样板
02-13
Nightwatch端到端测试自动化样板，使用和Expect。 克隆或派生此存储库。 入门 1. git clone git@github.com:e2e-boilerplate/nightwatch-commonjs-expect.git 2. cd nightwatch-commonjs-expect 3. npm install ...
nightwatch-teamcity:Nightwatch.js测试TeamCity的格式化程序
04-29
Nightwatch.js测试TeamCity的格式化程序 端到端测试框架的TeamCity格式化程序。安装npm install nightwatch-teamcity --save-dev 用法将--reporter node_modules/nightwatch-teamcity/index.js到Nightwatch运行命令...
基于Vue源码中e2e测试实践
量子前端的博客
07-17 896
基于尤雨溪在Vue中的e2e测试方法，在Concis组件库中实践。
cucumber-vue-nuxt
05-22
Cucumber味 请注意，如果您遇到问题，此自述文件可能有误，请尝试在回购中学习文件，然后按下面的链接进行操作。 npm i // to test vue components npm run test:unit // to test nuxt npm run test:acceptance 安装Cucumber npm i --save-dev @cucumber/cucumber @babel/core @babel/register @babel/preset-env 根据Cucumber官方指南制作目录结构和package.json。 在step_definitions/steps.js ， import替换为require 。 为了支持package.json “ es6 import”更新scripts.test ：将"test": "cucumber-js"替换为
vue项目接入e2e自动化测试
暗影刀客的博客
08-24 3975
文章目录1.安装night-watch2.安装浏览器驱动3.关于Selenium（音译：斯利涅姆） Server4.配置文件5.修改配置文件5.1 更新默认使用chromedriver5.2 配置测试文件路径5.3 配置runner.js 项目开发到一定阶段，需要接入自动化测试，调研了一线现有的自动化测试方案，以为vue-cli默认使用的night watcher的0.9+的版本，其适用的chrome的版本很低，我们自己的浏览器早都80+了，他还适用70多，所以没有采用默认的，同时我们的项目是开始没有采用脚
FuncUnit 和 Cucumber —— 前端测试的最佳搭档
weixin_34221775的博客
06-02 139
这周我花了些时间研究FuncUnit 和Cucumber. 本文中我将说明为啥要联合使用这两个框架及使用它们进行前端测试. Cucumber 这是 Cucumber wiki: Cucumber 可以执行基于文本描述的功能自动化测试 Cucumber 可以运行根据基于文本定义的自动化测试.它是基于BDD开发模式的，他方面了非技术人员的测试用例开发. ...
【重点】Selenium + Nightwatch 自动化测试环境搭建
jj2772367224的博客
02-15 661
我们接下来将要告诉 Nightwatch 我们的 Selenium 安装在哪里，启动浏览器的 Driver 程序在哪里，然后建立 Selenium 的安装脚本与手工启动脚本，以便不时之需 ~~同时像之前提到的，如果您在使用 Vue 构建您的项目，您可以使用 Vue-cli 来生成已经包含 Selenium 与 Nightwatch 的 Vue 种子项目，您可以在。如果您在进行模拟鼠标的测试，您的鼠标指针可能会干扰您的测试，因此建议运行测试后将您的指针移动至屏幕外部，以避免干扰到浏览器测试。
【测试与自动化】介绍-框架-Jest-覆盖率-异步代码-e2e-Vue测试
Write less，do more
11-09 1409
什么是软件测试？定义：目的：本质：常用测试方法：黑盒测试：主要以用户的视角来测试程序的功能，所以也称功能测试白盒测试：主要测试程序的代码逻辑，所以也称代码测试什么是自动化测试？早先的软件测试工作大都由人来手工完成，其过程极度重复、枯燥、易出错。而自动化测试则利用程序来模拟人工操作，有效规避了以上问题。自动化测试的分类：单元测试：属于一种白盒测试，即编写代码来对项目中的小部件代码进行测试（比如一个函数）集成测试：属于一种白盒测试，即在单元测试基础上，将模块按设计要求组装为子系统或完整系统进行测试e2e测试：属
Vue中如何进行自动化测试与端到端测试（E2E测试）
IT徐师兄
06-16 2309
Vue.js是一种流行的前端JavaScript框架，用于构建现代的单页应用程序。在Vue.js中，测试是一个非常重要的主题。测试可以确保代码的正确性，使代码更加可靠和可维护。在这篇文章中，我们将讨论Vue.js中的自动化测试和端到端测试（E2E测试）。
vue前端怎么代码自测_怎么为大中型的vue.js项目编写e2e测试？
weixin_39530839的博客
12-19 254
我们的口号是：搞事！搞事！搞事！ —— 鲁迅不请自来。E2E测试E2E(end to end)测试是一个边界比较模糊的概念，大概有这样几个特征吧：把整个系统当作一个黑盒测试人员模拟真实用户在浏览器中操作UI测试出的问题可能是前端也可能是后端导致的因此，E2E测试一般是由测试工程师来做。稍小的项目可能根据测试用例(excel)操作一遍就完了，稍大一点的会写一些自动化测试的代码。稍微问了一下，这边的测...
引领自动化测试新时代：Nightwatch-Cucumber
最新发布
gitblog_00059的博客
05-27 269
引领自动化测试新时代：Nightwatch-Cucumber 项目地址:https://gitcode.com/mucsi96/nightwatch-cucumber 在软件开发的快节奏时代，自动化测试已经成为保证产品质量的重要手段。特别是对于Web应用，一个强大的自动化测试框架能够帮助我们快速验证功能的正确性，确保用户体验。今天，让我们一起探索一下Nightwatch-Cucumber，一个集成...
Cucumber测试框架应用介绍--黄瓜框架
热门推荐
talentxiet的博客
03-15 1万+
Cucumber这个测试框架，说是可以通过DSL来定义基于场景的验收级别测试，当然单元测试等测试也可以实现。由于中文文档很多都没有细致的对Cucumber进行讲解，我就以一篇国外博客中的例子来讲一下Cucumber的基本用法吧！
vue3 e2e testing
07-31
Nightwatch.js是一个基于Node.js的自动化测试框架，可以用于编写端到端（E2E）测试。 要在Vue 3中进行E2E测试，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Nightwatch.js。你可以使用npm全局安装...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值