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

最新推荐文章于 2023-06-16 09:54:58 发布
最新推荐文章于 2023-06-16 09:54:58 发布
阅读量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
    评论
专栏目录
cucumber测试_从Cucumber开始进行端到端测试
dlz00001的博客
07-08 545
cucumber测试 本周，我的团队决定围绕我们的Web应用程序创建烟雾测试工具 ，以避免最愚蠢的回归。 我不赞成这样做，因为我以前对端到端测试的脆弱性有经验。 但是由于我们的团队没有足够的测试人员，所以这是唯一明智的选择。 我前去开发该套件。 一个简单的TestNG MVP 首先，我想制作一个简单的工作测试工具，所以我选择了我熟悉的技术： Selenium来管理浏览器的交互。...
Cucumber--基于vue前端的自动化测试（四）
Fiona_AmyZhang的博客
08-20 529
cucumber是BDD (Behavior-driven development，行为驱动开发)的一个自动化测试的副产品。它使用自然语言来描述测试，使得非程序员可以理解他们。Gherkin是这种自然语言测试的简单语法，而Cucumber是可以执行它们的工具。 cucumber本质上是使用根据正则表达式匹配自然语言，然后依次执行对应的方法，以达到测试的目的。 Gherkin是自然语言测试的简单语法，一个完整的测试由多个step组成，step是最小单元，多个step组成一个scenario，多个scenari
Vue中如何进行自动化测试与端到端测试（E2E测试）
IT徐师兄
06-16 2309
Vue.js是一种流行的前端JavaScript框架，用于构建现代的单页应用程序。在Vue.js中，测试是一个非常重要的主题。测试可以确保代码的正确性，使代码更加可靠和可维护。在这篇文章中，我们将讨论Vue.js中的自动化测试和端到端测试（E2E测试）。
VUE项目的e2e自动化测试超详细安装过程（保姆级）
PIOnly的博客
02-21 2815
目录 一、创建测试项目 二、配置Nightwatch（以chrome为演示） 一、创建测试项目 首先通过@vue/cli创建一个基于nightwatch的测试项目。（我这里使用的是@vue/cli 3.x的版本） vue create your_project（你的项目名） 因为我们要选择e2e功能所以不采用第一种的默认预设，通过方向键选择： Manually select features（手动选择功能），然后回车 这里选择项目所需的功能特性，空格键确定。 其他功能我这里..
【测试与自动化】介绍-框架-Jest-覆盖率-异步代码-e2e-Vue测试
Write less，do more
11-09 1409
什么是软件测试？定义：目的：本质：常用测试方法：黑盒测试：主要以用户的视角来测试程序的功能，所以也称功能测试白盒测试：主要测试程序的代码逻辑，所以也称代码测试什么是自动化测试？早先的软件测试工作大都由人来手工完成，其过程极度重复、枯燥、易出错。而自动化测试则利用程序来模拟人工操作，有效规避了以上问题。自动化测试的分类：单元测试：属于一种白盒测试，即编写代码来对项目中的小部件代码进行测试（比如一个函数）集成测试：属于一种白盒测试，即在单元测试基础上，将模块按设计要求组装为子系统或完整系统进行测试e2e测试：属
Cucumber 经验总结
Galina1988的专栏
04-19 1870
背景 使用一段时间cucumber了，也看过一些书 The cucumber book, rspec book, 翻过一些github上开源项目的cucumber，再结合自己项目和团队项目的经验做个总结 Process 流程 是否采用 不是必须，看实际情况。我个人是非常推荐使用。总要考虑几个问题 投入成本，包括编写，和维护（保持更新），运行时间 效果，是否需要持续集成
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运行命令...
FuncUnit 和 Cucumber —— 前端测试的最佳搭档
weixin_34221775的博客
06-02 139
这周我花了些时间研究FuncUnit 和Cucumber. 本文中我将说明为啥要联合使用这两个框架及使用它们进行前端测试. Cucumber 这是 Cucumber wiki: Cucumber 可以执行基于文本描述的功能自动化测试 Cucumber 可以运行根据基于文本定义的自动化测试.它是基于BDD开发模式的，他方面了非技术人员的测试用例开发. ...
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测试实践
量子前端的博客
07-17 896
基于尤雨溪在Vue中的e2e测试方法，在Concis组件库中实践。
脚手架vue-cli系列五：基于Nightwatch的端到端测试环境
weixin_30593261的博客
09-30 166
不同公司和组织之间的测试效率迥异。在这个富交互和响应式处理随处可见的时代，很多组织都使用敏捷的方式来开发应用，因此测试自动化也成为软件项目的必备部分。测试自动化意味着使用软件工具来反复运行项目中的测试，并为回归测试提供反馈。 端到端测试又简称E2E（End-To-End test）测试，它不同于单元测试侧重于检验函数的输出结果，端到端测试将尽可能从用户的视角，对真实系统的访问行为进行仿真。对于W...
【重点】Selenium + Nightwatch 自动化测试环境搭建
jj2772367224的博客
02-15 661
我们接下来将要告诉 Nightwatch 我们的 Selenium 安装在哪里，启动浏览器的 Driver 程序在哪里，然后建立 Selenium 的安装脚本与手工启动脚本，以便不时之需 ~~同时像之前提到的，如果您在使用 Vue 构建您的项目，您可以使用 Vue-cli 来生成已经包含 Selenium 与 Nightwatch 的 Vue 种子项目，您可以在。如果您在进行模拟鼠标的测试，您的鼠标指针可能会干扰您的测试，因此建议运行测试后将您的指针移动至屏幕外部，以避免干扰到浏览器测试。
e2e测试
SongGuoQ的博客
08-30 2727
e2e测试及cypress工具使用
nightwatch 自定义断言
wsl的专栏
05-09 778
1、配置自定义断言的文件路径修改文件：nightwatch.json增加： "custom_assertions_path" : ["tests/custom-assertions"], 2、创建自定义断言的文件夹tests/custom-assertions3、自定义断言文件elementCount.js文件内容如下：exports.assertion = function (selector,...
selenium、nightwatchjs环境搭建
wsl的专栏
03-21 480
需要的软件：nodejsselenium-server-standalone  与jdk版本要对应ChromeDriver                        需要与google chrome浏览器版本对应项目目录结构：1、安装nodejs2、安装nightwatch3、新建工程1、新建文件夹test2、新建工程cd testnpm init -ytest文件夹下自动生成package....
vue e2e 测试
iceice_L的博客
04-18 6277
1、vue e2e测试概述 e2e 测试 端对端测试，属于黑盒测试，通过编写测试用例，自动化模拟用户操作，确保组件间通信正常，程序流数据传递如预期。 典型 e2e 测试框架对比 名称 断言 是否跨浏览器支持 实现 官网 是否开源 nightwatch assert和 chai expect 是 selenium http://ni...
vue3 e2e testing
最新发布
07-31
Vue 3支持E2E测试。在Vue 3中进行E2E测试的一种常见方法是使用Nightwatch.js。Nightwatch.js是一个基于Node.js的自动化测试框架，可以用于编写端到端（E2E）测试。 要在Vue 3中进行E2E测试，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Nightwatch.js。你可以使用npm全局安装Nightwatch.js：npm install -g nightwatch。 2. 在你的Vue 3项目中创建一个spec文件夹，用于存放测试文件。 3. 在spec文件夹中创建一个.js文件，例如first.js。在这个文件中，你可以编写你的E2E测试代码。 4. 在测试文件中，你可以使用Nightwatch.js提供的API来编写测试用例。例如，你可以使用.browser.url()方法来访问你的Vue应用的URL，使用.assert.elementPresent()方法来断言页面上是否存在某个元素，使用.assert.containsText()方法来断言页面上是否包含特定的文本等等。你可以根据你的需求编写自己的测试用例。 5. 运行E2E测试。你可以使用命令nightwatch来运行Nightwatch.js测试。Nightwatch.js会自动查找你的spec文件夹中的测试文件，并执行其中的测试用例。 总结起来，要在Vue 3中进行E2E测试，你需要安装Nightwatch.js，并在你的项目中创建一个spec文件夹，然后在其中编写测试文件。你可以使用Nightwatch.js提供的API来编写测试用例，并使用nightwatch命令来运行测试。这样就可以进行Vue 3的E2E测试了。[1][2]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值