自动化测试框架[Cypress持续集成之Circle CI]

2024-02-02 09:59

本文主要是介绍自动化测试框架[Cypress持续集成之Circle CI],希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

典型的CI/CD流程包括

  • 构建阶段:开发工程师提交代码后,由CI工具触发自动构建,打包
  • 自动测试:主要UT,起到门禁作用,构建完成后,通过webhook或者其他方式触发自动测试
  • 自动部署:部署到测试环境,测试用过后,自动部署到测试环境进行进一步测试
  • 自动测试:主要是集成测试和e2e测试,通过自动化集成测试或者端到端验收测试,来验证包括功能、性能在内的各项功能,在此阶段还有大量的手动测试工作
  • 自动发布:测试成功后通过蓝绿部署、灰度发布等方式发布,同时执行生产环境监控,直到所有服务器发布至最新版本

Cypress并行执行测试

现代Web应用的业务复杂度越来越高,自动化用例也随之水涨船高,这势必会带来效率问题,也势必会对CI/CD流水线的交付效率产生影响,因此并行执行测试任务就成为一个必备选项,当测试用例在持续集成中运行时,Cypress可以把测试用例分发到不同的测试机器上运行,从而达到提升执行效率的目的

  • Cypress并行执行是用过--parallel这个参数来控制的,这个参数仅仅在持续集成环境被指定的时候才生效,当持续集成环境搭建完毕后,Cypress通过负载均衡Load Balance策略将测试用例分发到不同的客户机上执行
  • Cypress在持续集成环境进行并行测试的时候,还需要指定与以--record方式运行,该参数能够确保Cypress并行运行的数据被正确收集到,使用该参数后还可以在Dashboard Service中查看测试执行记录,以及详细的报表

实际执行的过程如下:

  • CI机器跟Cypress看板服务交互以指示要运行的测试文件
  • 收到CI的请求后,Cypress将估算每个测试文件的测试i时间
  • Cypress根据估算,通过其负载均衡的策略把测试文件一一分发到空闲的CI客户机上,从而确保整个测试的执行过程的效率
  • 当CI客户机完成被分配的测试后,Cypress会继续分发测试文件,直到所有测试文件均被执行完毕
  • 当所有的测试文件都被执行完毕后,Cypress会等待一个配置的时间,然后将本次测试执行视为运行结束

Circle CI持续集成实践

Circle CI是一个开源的,基于云的系统,他提供了一个免费的企业级项目计划,可以使你无需专用服务器即可进行持续集成,并且他与GIthub、Bitbucket等代码管理工具紧密集成,实现一旦有代码变更,便可以根据项目配置自动提供运行环境,执行测试,构建和部署服务

Circle CI集成Github

创建项目

执行如下命令,在目标文件夹创建测试项目,并命名为CypressCIDemo

D:\mkdir CypressCIDemo
安装依赖

在执行测试前,首先要确保被测的服务是正确启动的,否则可能导致服务还未启动成功,测试已经开始执行了,Cypress提供了一个包可以确保测试在服务启动后执行,执行如下命令安装

D:\CypressCIDemo>npm install --save-dev start-server-and-test
配置并运行项目

安装好依赖后,更新package.json文件

//start部分的命令用于启动我们的服务
//test部分的命令确保服务启动后,再去执行cy:run命令
"scripts":{"cy:run":"yarn cypress run","debug":"yarn cypress open","start":"node server.js","test":"START_SERVER_AND_TEST_INSECURE=1 start-server-and-test start https-get://localhost:3002 cy:run"
}
本地运行测试

本地运行测试,验证服务和代码的正确性

//进入项目根目录,运行测试
D:\CypressCIDemo>yarn test
上传代码

将CypressCIDemo项目代码上传到Github

集成Github以及Circle Ci

首先访问CircleCI网站
在这里插入图片描述
然后使用Github账号登陆,并选择Authorize circleci
在这里插入图片描述
登陆成功后,Select an organization
在这里插入图片描述
然后Github中的项目就会被Loading进来
在这里插入图片描述
然后Set Up Project,会弹出提示窗,生成项目yml格式的配置文件模板,该文件用于对Circle CI的各项配置,当Github中的代码改变触发Circle CI时,Circle CI根据配置文件中的配置对代码进行部署、测试等操作
在这里插入图片描述
在这里插入图片描述

修改yml配置文件

将该文件复制下来,根据实际情况进行更改形成适合项目的yml配置文件并将其放入到Github项目中即可,具体步骤为:

  • 在项目的根目录下创建.circleci文件夹,并在其下创建名称为config.yml配置文件,根据实际情况编辑config.yml文件,如下样例所示
jobs:build:docker:#指定要使用的安装了Cypress的Docker镜像- image:cypress/base:10- image:circleci/node:10environment:# 配置输出时颜色区分TERM:xtermworking_directory:~/app#并行数目,此项的值决定了Circle CI为我们配置的客户机数量parallelism:2steps:- checkout- restore_cache:keys:- v2-deps-{{.Branch}}-{{checksum"package-lock.json"}}- v2-deps-{{.Branch}}-- v2-deps-- run:npm ci- save_cache:key:v2-deps-{{.Branch}}-{{checksum"package-lock.json"}}patchs:- ~/.npm- ~/.chche#安装依赖包- run:name:install dependencycommand:yarn#运行测试,command里定义的命令,对应package.json里相应部分- run:name:Running e2e testscommand:yarn test#测试结果- store_test_resultspath:junit-results#保存视频和截图- store_artifacts:path:cypress/videos- store_artifacts:path:cypress/screenshots

关于config.yml文件可以通过circleci的官方说明文档进行更多的配置
编辑好config.yml文件后,commit并push到Github项目中
在这里插入图片描述

配置Github Webhooks

根据实际情况配置哪些操作可以触发Circle CI的CI/CD过程,首先登陆Github账号,在需要配置的项目下单击Settings按钮,页面跳转后找到Webhooks选项
在这里插入图片描述
在这里插入图片描述
默认情况下,当代码有Pull requestsPush等操作时,会自动触发Webhooks执行相应任务

启动Build

在这里插入图片描述
到此,Circle CI和Github已经集成完毕,更多的Github的使用和Circle CI的使用,仍需通过官方文档深入学习

Circle CI集成Cypress

Test Runner中启动 “–record”

使用Cypress进行并行测试除了指定运行参数--parallel外,还需要设置Cypress以--record方式运行,首先在package.json中的scripts模块中添加"debug":"yarn cypress open"

{"name": "davieyang","version": "1.0.0","description": "davieyang trainning cypress","main": "index.js","dependencies": {"cypress": "^6.2.0"},"devDependencies": {"mocha": "^5.2.0","mocha-junit-reporter": "^2.0.0","mocha-multi-reporters": "^1.5.1"},"scripts": {"cypress:open": "cypress open","cypress:run": "cypress run","debug":"yarn cypress open","test": "echo \"Error: no test specified\" && exit 1"},"author": "davieyang","license": "ISC"
}

然后在命令行运行yarn debug

D:\Cypress>yarn debug
yarn run v1.22.5
$ yarn cypress open
$ D:\Cypress\node_modules\.bin\cypress open

然后点击Runs
在这里插入图片描述
然后点击Connect to Dashboard==>Log In to Dashboard,弹出浏览器,选择Log in with GitHub
在这里插入图片描述
然后授权即可
在这里插入图片描述
在这里插入图片描述
如果从来没在Cypress.io上创建过Organization,则需要新创建一个
在这里插入图片描述
如果已经创建过Organization,则选择合适的选项,点击Setup Project按钮即可
在这里插入图片描述
然后便会得到如下提示
在这里插入图片描述
根据提示修改项目的cypress.json文件

{"projectId": "gse28o"
}

然后修改package.json文件,在scripts模块中添加代码

"scripts":{"cy:run":"yarn cypress run","debug":"yarn cypress open","start":"node server.js","test":"START_SERVER_AND_TEST_INSECURE=1 start-server-and-test start https-get://localhost:3002 cy:run""cy:run":"cypress run --record --key cypress run --record --key a5004313-38e2-4b57-b0f6-2f7eda0c2b79"
}

保存并提交到Github,再次运行测试,运行完成后,通过命令执行yarn debug,再次打开Cypress Test Runner,并登录到Cypress的Dashboard,通过Cypress Dashboard Service便可以查看运行结果了,或者直接访问https://dashboard.cypress.io/test-runner-login
在这里插入图片描述
结果跟在Circle CI中看到的完全一致,但是通过Dashboard Service可以看到更多细节
在这里插入图片描述

设置Cypress并行运行

修改.circleci文件夹下的config.yml文件,在 working_directory:~/app下增加parallelism:2配置项,同时更改package.json文件,加入--parallel参数

"scripts":{"cy:run":"yarn cypress run","debug":"yarn cypress open","start":"node server.js","test":"START_SERVER_AND_TEST_INSECURE=1 start-server-and-test start https-get://localhost:3002 cy:run""cy:run":"cypress run --record --key cypress run --record --key a5004313-38e2-4b57-b0f6-2f7eda0c2b79 --parallel"
}

然后提交到Github,再次执行测试,在Dashboard上便可以查看到并行执行的结果
Cypress还提供了分组功能,通过加标签的形式,多次运行后便可以通过标签在Dashboard中进行分组筛选,语法很简单,在运行中添加参数--group即可

//将login模块的所有用例分为Login组
cypress run --record --group Login --spec 'cypress/integration/login//*.js'

也可以通过配置文件进行分组设置,修改package.json文件

"scripts":{"ModuleRun":"node moduleRunIndex.js","debug":"yarn cypress open","start":"node server.js","test":"START_SERVER_AND_TEST_INSECURE=1 start-server-and-test start https-get://localhost:3002 cy-run","cy-run":"yarn cy:run1 && yarn cy:run2","cy:run1":"yarn cypress run --record --key a5004313-38e2-4b57-b0f6-2f7eda0c2b79 --group group1 --spec \"cypress/integration/first-spec.js\" --parallel","cy:run2":"yarn cypress run --record --key a5004313-38e2-4b57-b0f6-2f7eda0c2b79 --group group2 --spec \"cypress/integration/third-spec.js\" --parallel",}

然后在Dashboard中便是如下结果
在这里插入图片描述

这篇关于自动化测试框架[Cypress持续集成之Circle CI]的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/670346

相关文章

性能测试介绍

性能测试是一种测试方法,旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试,可以确定系统是否能够满足预期的性能要求,找出性能瓶颈和潜在的问题,并进行优化和调整。 发现性能瓶颈:性能测试可以帮助发现系统的性能瓶颈,即系统在高负载或高并发情况下可能出现的问题

字节面试 | 如何测试RocketMQ、RocketMQ?

字节面试:RocketMQ是怎么测试的呢? 答: 首先保证消息的消费正确、设计逆向用例,在验证消息内容为空等情况时的消费正确性; 推送大批量MQ,通过Admin控制台查看MQ消费的情况,是否出现消费假死、TPS是否正常等等问题。(上述都是临场发挥,但是RocketMQ真正的测试点,还真的需要探讨) 01 先了解RocketMQ 作为测试也是要简单了解RocketMQ。简单来说,就是一个分

【测试】输入正确用户名和密码,点击登录没有响应的可能性原因

目录 一、前端问题 1. 界面交互问题 2. 输入数据校验问题 二、网络问题 1. 网络连接中断 2. 代理设置问题 三、后端问题 1. 服务器故障 2. 数据库问题 3. 权限问题: 四、其他问题 1. 缓存问题 2. 第三方服务问题 3. 配置问题 一、前端问题 1. 界面交互问题 登录按钮的点击事件未正确绑定,导致点击后无法触发登录操作。 页面可能存在

业务中14个需要进行A/B测试的时刻[信息图]

在本指南中,我们将全面了解有关 A/B测试 的所有内容。 我们将介绍不同类型的A/B测试,如何有效地规划和启动测试,如何评估测试是否成功,您应该关注哪些指标,多年来我们发现的常见错误等等。 什么是A/B测试? A/B测试(有时称为“分割测试”)是一种实验类型,其中您创建两种或多种内容变体——如登录页面、电子邮件或广告——并将它们显示给不同的受众群体,以查看哪一种效果最好。 本质上,A/B测

【区块链 + 人才服务】区块链集成开发平台 | FISCO BCOS应用案例

随着区块链技术的快速发展,越来越多的企业开始将其应用于实际业务中。然而,区块链技术的专业性使得其集成开发成为一项挑战。针对此,广东中创智慧科技有限公司基于国产开源联盟链 FISCO BCOS 推出了区块链集成开发平台。该平台基于区块链技术,提供一套全面的区块链开发工具和开发环境,支持开发者快速开发和部署区块链应用。此外,该平台还可以提供一套全面的区块链开发教程和文档,帮助开发者快速上手区块链开发。

cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个?

跨平台系列 cross-plateform 跨平台应用程序-01-概览 cross-plateform 跨平台应用程序-02-有哪些主流技术栈? cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个? cross-plateform 跨平台应用程序-04-React Native 介绍 cross-plateform 跨平台应用程序-05-Flutte

【Linux 从基础到进阶】Ansible自动化运维工具使用

Ansible自动化运维工具使用 Ansible 是一款开源的自动化运维工具,采用无代理架构(agentless),基于 SSH 连接进行管理,具有简单易用、灵活强大、可扩展性高等特点。它广泛用于服务器管理、应用部署、配置管理等任务。本文将介绍 Ansible 的安装、基本使用方法及一些实际运维场景中的应用,旨在帮助运维人员快速上手并熟练运用 Ansible。 1. Ansible的核心概念

Spring框架5 - 容器的扩展功能 (ApplicationContext)

private static ApplicationContext applicationContext;static {applicationContext = new ClassPathXmlApplicationContext("bean.xml");} BeanFactory的功能扩展类ApplicationContext进行深度的分析。ApplicationConext与 BeanF

数据治理框架-ISO数据治理标准

引言 "数据治理"并不是一个新的概念,国内外有很多组织专注于数据治理理论和实践的研究。目前国际上,主要的数据治理框架有ISO数据治理标准、GDI数据治理框架、DAMA数据治理管理框架等。 ISO数据治理标准 改标准阐述了数据治理的标准、基本原则和数据治理模型,是一套完整的数据治理方法论。 ISO/IEC 38505标准的数据治理方法论的核心内容如下: 数据治理的目标:促进组织高效、合理地

如何使用Ansible实现CI/CD流水线的自动化

如何使用Ansible实现CI/CD流水线的自动化 持续集成(CI)和持续交付(CD)是现代软件开发过程中的核心实践,它们帮助团队更快地交付高质量的软件。Ansible,作为一个强大的自动化工具,可以在CI/CD流水线中发挥关键作用。本文将详细介绍如何使用Ansible实现CI/CD流水线的自动化,包括设计流水线的结构、配置管理、自动化测试、部署、以及集成Ansible与CI/CD工具(如Jen