• 2024-06-08cypress测试本地web应用
    Cypress是一个流行的前端测试框架,它提供了一套丰富的API来与web应用进行交互,并支持测试运行在浏览器中的任何内容。测试本地web应用是Cypress的强项之一,以下是如何使用Cypress测试本地web应用的一些关键步骤和概念:1.启动本地应用在测试之前,需要确保你的本地web
  • 2024-06-01Vue3的自动化测试怎么做?详细说明一下常用的测试工具和框架
    随着前端技术的飞速发展,Vue3作为一个优秀的前端框架,已经广泛应用于各类项目中。在开发过程中,为了提升代码质量、减少运维成本,自动化测试变得尤为重要。不仅可以提高开发效率,还能确保产品的稳定性。那么,Vue3自动化测试该怎么做呢?本文将详细介绍常用的测试工具和框架。为
  • 2024-05-31如何通过管道使用 yaml 将 Azure 库变量传递给 Cypress?
    我希望将Azure库中的变量传递给cypress,这样我就可以拥有多个阶段(暂存&生产)我尝试了以下方法:通过一个名为environment.json的文件使用固定装置,该文件看起来像这样:{WEB_APP_BASE_URL":"https://blight-town.com"//像我这样的迷失者的"默认"URL}在Azure中,我有一个包
  • 2024-04-02Cypress----常见元素定位
    一:常用方法和函数最常用的查找元素的命令有:get|contains|find|first等等//cy.get()根据元素属性查找元素//.last()查找到多个元素的情况下,选择最后一个元素//.first()查找到多个元素的情况下,选择第一个元素//.contains('XX')元素内容为XXcy.get('i[
  • 2024-01-19cypress实战
     安装环境npmconfigsetregistryhttps://registry.npm.taobao.orgnpminstallcnpmcnpminstallpnpm找到npm的安装目录,加到电脑环境变量里pnpminstallcypress--save-devcypressopen创建一个项目 spec888.cy.js文件/******/(()=>{//webpackBootst
  • 2024-01-05如何继续填写具有Vue日期选择器Cypress的表单
    在使用Cypress填写包含Vue日期选择器的表单时,可以尝试以下方法来解决下拉菜单覆盖表单的问题:使用.click()命令打开日期选择器:在使用cy.get('#dispatch-date').type('22-10-2022');填写日期之前,尝试使用.click()命令点击日期选择器,以确保下拉菜单打开并露出可选日期。例如:cy.get('#d
  • 2023-12-2930.Cypress测试框架介绍
    目录 cypress简介cypress与selenium对比cypress环境部署cypress框架基本用法cypress简介 基于JavaScript的前端测试工具可以对浏览器中运行的任何内容进行快速、简单、可靠的测试对每一步操作都支持回看覆盖了测试金字塔模型的所有测试类型【界面测试,集
  • 2023-11-22Web前端自动化测试Cypress实践总结
    本文主要首先主要介绍了什么是自动化测试,接着对常用的自动化测试框架进行了对比分析,最后,介绍了如果将自动化测试框架Cypress运用在项目中。一、自动化测试概述为了保障软件质量,并减少重复性的测试工作,自动化测试已经被广泛运用。在开始学习自动化测试之前,我们很有必要先搞清楚这
  • 2023-11-16浅谈仓储UI自动化之路
    1分层测试分层测试:就是不同的时间段,不同的团队或团队使用不同的测试用例对产品不同的关注点进行测试。一个系统/产品我们最先看到的是UI层,也就是外观或者说整体,这些是最上层,最上层依赖下面的服务层,也就是接口或者模块,最底层就是单元,这个单元是函数或者方法。按照这三层选择不同
  • 2023-11-03Playwright VS Selenium VS Puppeteer VS Cypress
    参考:https://www.testim.io/blog/puppeteer-selenium-playwright-cypress-how-to-choose/这四款自动化测试框架在我们的公众号都有介绍。上周介绍了新出Playwright,那这款工具有什么优点,是否值得我们投入精力学习。关键对比接下来,我会通过一些维度来进行对比。支持语言Playwright:
  • 2023-09-18webtest / autotest4 / uitest / cypress
    s前端开发:基于cypress的自动化实践,https://www.cnblogs.com/fnng/p/14583259.htmlUI自动化测试框架Cypress介绍和使用, https://www.cnblogs.com/5566yesongqiao/p/16202162.html # 引用官网的介绍语,快速、简单、可靠的在浏览器测试一切的工具。cypress是比较新的一个
  • 2023-08-09软件测试|Windows系统安装Cypress教程
    前言每当提起web自动化测试,大家首先想到的就是selenium,最近这两年时间,出现了playwright和cypress这两款新的工具,不过现在应用范围还是不如selenium,之前我们介绍了playwright的使用,现在开始,我们将介绍cypress工具。cypress是一款易于使用、快速稳定、可靠性高、全面性强的自动化测试
  • 2023-08-03playwright与cypress对比,各有什么优势与劣势
    Playwright和Cypress都是用于自动化测试的工具,但它们在一些方面有所不同。Playwright的优势:跨浏览器支持:Playwright支持多种浏览器,包括Chrome、Firefox和Safari等,可以在不同浏览器上运行测试,提高覆盖率。多语言支持:Playwright支持多种编程语言,包括JavaScript、Python和C#等,使
  • 2023-08-02工具 – Cypress
    介绍Cypress是一款e2e测试工具。每当我们写好一个组件或者一个页面之后,我们会想对整体做一个测试。在不使用工具的情况下,我们会开启browser,然后做一系列点击、滚动、填form等等交互,然后观察看看是否全部运行正常,这就是e2e测试。而借助Cypress,我们可以把这套测试流程写
  • 2023-06-17Cypress自动化测试
    基础知识Sypress是一个E2E测试框架使用的是流行的测试框架mocha(浏览器的操作)andchai(断言)不同于selenium,没有webdrive,而是直接通过devdrive调用浏览器,执行效率更高  功能时间旅行(TimeTravel) 可以重现运行场景,不用一直等在屏幕前进行操作,每一步都有截图sel
  • 2023-05-26cypress安装与使用
    官方文档:https://docs.cypress.io/guides/getting-started/installing-cypress结合git代码运行项目1.cd到指定目录路径,gitclone代码下来(eg我的路径是sy_cypress下)//没有的话忽略gitclone这一步2.根目录下cmd,输入命令安装cypress:npm install cypress--save-dev运行安装路
  • 2023-05-16Cypress 踩坑记 - DOM 遮挡
    Cypress是一个非常流行的测试工具,然而实际使用过程中发现一些问题,这里做些记录。问题发现在Cypress下click是非常常用的指令,然而在一些特殊场景下click并不能如想象中那般正常工作。比如现在有一个弹窗,我们需要测试在点击遮罩层时是否可以正常关闭弹窗。测试代码比
  • 2023-05-08Node.js躬行记(28)——Cypress自动化测试实践
    最近在研究如何提升项目质量,提炼了许多个用于自测的测试用例,但是每次修改后,都手工测试,成本太高,于是就想到了自动化测试。在一年前已将Cypress集成到管理后台的项目中,不过没有投入到实践中。今天在实践时发现,版本已经到了12.X,当时集成的版本是8.X。一、准备在
  • 2023-04-16Cypress运行机制
    Cypress运行机制运行机制运行测试时Cypress会使用网络包把所有的测试代码放到一个.js文件当中运行浏览器,将测试代码注入一个空白页,通过空白页在浏览器中运行测试代码运行过程实际加载Cypress时,Cypressweb应用程序先把自己托管到本地一个随机端口(如:`http://localhost:65
  • 2023-04-16初识Cypress
    初识Cypress框架简介一款基于Node.js的web自动化测试框架为什么是Cypress新使用的语言更加贴近前端-->javascript、typescript为主可以覆盖单元、接口、ui自动化测试环境准备Node.js设置全局node--->在node安装路径下创建node_global--->输入:npmconfigsetprefix
  • 2023-04-16Cypress依赖框架Mocha简介
    Cypress依赖框架Mocha简介什么是Mocha一个适用于Node.js和浏览器的测试框架,使异步测试变得简单、灵活JavaScript语言特点单线程异步执行坏处:无法像测试同步执行的代码那样直接判断函数的返回值是否符合预期要验证异步函数的正确性就需要测试框架支持回调Cypress的特点
  • 2023-04-16Cypress初体验
    Cypress初体验一个最简单的CypressTestCaseimportcypress=require("cypress");describe('TestLogin',()=>{beforeEach('AfterAll',()=>{cy.visit('https://xxx/login');});it('Loginbyus
  • 2023-04-16Cypress之与元素交互
    Cypress之与元素交互元素定位选择器页面元素交互定位元素辅助方法可操作类型模拟键盘操作在介绍元素交互之前需要介绍一下命令日志:作用:展示额外的Log信息cy.route()cy.spy()cy.stub()Cypress特有的定位器data-*data-cydata-testdata-testidCyp
  • 2023-04-16Cypress之断言
    Cypress之断言特点:Cypress支持多种风格断言,包括BDD和TDDBDD(行为驱动)、TDD(测试驱动)常见元素断言:针对长度断言cy.get('li.selected').should('have.length',3);--->BDD断言语法针对类断言cy.get('form').find('input').should('not.have.class',�
  • 2023-04-16Cypress之动态忽略测试用例
    Cypress之动态忽略测试用例示例代码:describe('Login',()=>{constusername='';constpassword='';context('TestLogin',()=>{if(Cypress.env('funFlag')==1){cy.visi