当前位置： 首页 > news >正文

Cypress安装使用

news 2026/5/19 3:31:27

node.js

安装使用Cypress总是会看见node.js，那就先看看node.js是什么。JavaScript以前运行需要在浏览器中（浏览器内置解释器），通过node.js框架内置v8引擎（也就是可以执行js脚本所需的工具），这样不在浏览器也可以直接运行js代码。

直接访问node.js官网 下载对应版本即可。下载安装好之后，windows可以打开cmd，执行node -version确认是否安装好。

npm 是node.js的包管理工具。

Cypress安装及简单使用

Cypress官网有文档介绍如何下载安装。简单介绍下实践过的安装方式。

方式一：npm install（前提是安装node.js）

1、新建文件夹，cmd切换到对应的目录，执行npm init -y

2、切换到对应的目录，cmd执行npm install cypress --save-dev

3、安装完成后，npx cypress open 打开cypress执行测试

方式二：安装包

1、官网下载安装包，解压后可以双击打开

2、Cypress中创建project即可

打开项目执行默认的.cy.js文件可以看到效果
在这里插入图片描述

E2E Testing or Component Testing

在这里插入图片描述

E2E Testing

1.选择E2E Testing， 第一次打开时，Cypress会引导你创建一些文件。
2.你点击过Continue后，Cypress会让你选择执行的浏览器（只能是Cypress支持的浏览器）。选择Chrome，然后点击那个“Start E2E Testing in Chrome”

3.因为我们什么测试用例都没建呢，所以我们选择上图的第一个“Scaffold example specs”，这个就是给你的一些现成的测试脚手架，让你快速了解下通过Cypress创建出来的测试用例是什么样子的。不得不说，前端开发就是比后端开发讲究。
继续点击“Okey”， 可以看到很多测试用例就生成好了。以后你写的新的测试用例，也会一并显示在这里。

这个时候，你切换到你项目根目录下，就会发现多了很多文件，这些文件就是运行一个Cypress测试的必要文件。

npm init 生成的package.json 包含了cypress安装的各项配置

fixtures 默认就在 cypress/fixtures 目录下，主要存放静态测试数据，实际场景例如：调用外部接口并依赖返回值，则可以使用fixtures，无法真正访问（类似mock）；静态的资源数据

e2e 默认位于 cypress/e2e，主要存放测试文件，cypress执行的也是这里面的js文件

所有在 integration 文件下，且文件格式是以下的文件都将被 Cypress 识别为测试文件

support 支持文件，主要放可重用配置，底层通用函数或者全局默认配置。我们看一下这2个文件里的内容。

先看command.js. Command 顾名思义就是命令。也可以理解为操作命令。比如Web浏览器里的单击，拖拽，登录，选择，下拉框，打开网址等这些操作都可以在这个文件里封装起来。再看一下e2e.js 里写了说这里是放全局配置或者修改cypress 行为的地方。有点类似你再执行所有脚本之前需要准备的东西。

cypress.config.js 存储任何Cypress特定的配置。

Component Testing

https://cloud.tencent.com/developer/article/2090262

cypress执行测试
cypress文件结构

相关文章：

Cypress安装使用

node.js 安装使用Cypress总是会看见node.js，那就先看看node.js是什么。JavaScript以前运行需要在浏览器中（浏览器内置解释器），通过node.js框架内置v8引擎（也就是可以执行js脚本所需的工具），这样…...

编程日记 2023/10/19 0:46:48

怎么把图片改成jpg格式？

怎么把图片改成jpg格式？大家都知道，随着计算机被发明到现在已经存在了很多年，在这么多的的技术发展过程中，也形成了种类非常多的图片文件格式，例如平时我们能接触到的图片格式有jpg、png、gif、bmp、heic、tiff、jfif、…...

编程日记 2023/10/19 0:45:46

[一带一路金砖 2023 CTF]Crypto

题1 题目描述： from Crypto.Util.number import * from flag import flag import gmpy2 assert(len(flag)38) flag bytes_to_long(flag)p getPrime(512) q getPrime(512)e 304 enc pow(flag,e,p*q) print(p) print(q) print(enc) #9794998439882070838464987…...

编程日记 2023/10/19 0:44:45

FPGA【Verilog语法】

关键字： and always assign begin buf bufif0 bufif1 case casex casez cmos deassign default defparam disable edge else end endcase endfunction endprimitive endmodule endspecify endtable …...

编程日记 2023/10/19 0:43:44

Flume 整合 Kafka

1.背景 先说一下，为什么要使用 Flume + Kafka？ 以实时流处理项目为例，由于采集的数据量可能存在峰值和峰谷，假设是一个电商项目，那么峰值通常出现在秒杀时，这时如果直接将 Flume 聚合后的数据输入到 Storm 等分布式计算框架中，可能就会超过集群的处理能力，这时采用 Kaf…...

编程日记 2023/10/19 0:42:43

VUE：侧边弹出栏组件，组件中有树状图，搜索框可筛选树状图节点，可收缩

作者：CSDN @ _乐多_ 本文记录了一个侧边弹出栏组件代码。代码即插即用。 弹出栏中有树状图，搜索框，可收缩。 其中，搜索框可筛选树状图节点。点击右侧小按钮可以收缩弹出框，点击X号也可以收缩弹出框。 文章目录 一、组件代码代码依赖element-plus库。且需要下载几个svg图…...

编程日记 2023/10/19 0:39:39

如何使用pytorch定义一个多层感知神经网络模型——拓展到所有模型知识

# 导入必要的库 import torch import torch.nn as nn import torch.optim as optim from torch.utils.data import DataLoader, random_split import torchvision.transforms as transforms import torchvision.datasets as datasets# 定义MLP模型 class MLP(nn.Module):def __…...

编程日记 2023/10/19 0:38:38

为什么引入SVG文件，给它定义属性不生效原理分析

背景&#xff1a; 我使用antd 的Icon组件引入SVG图片&#xff0c;但给svg图片定义styles样式时&#xff0c;不生效&#xff0c;为什么呢&#xff1f; 我们平时用antd组件库的 < ArrowRightOutlined style{{color: red }}>时为什么会生效呢&#xff0c;但我图一这样定义就…...

编程日记 2023/10/19 0:37:37

Integer包装类常用方法和属性

包装类 什么是包装类Integer包装类常用方法和属性 什么是包装类 Java 包装类是指为了方便处理基本数据类型而提供的对应的引用类型。Java 提供了八个基本数据类型&#xff08;boolean、byte、short、int、long、float、double、char&#xff09;&#xff0c;每个基本数据类型对…...

编程日记 2023/10/19 0:36:36

基于Spring boot轻松实现一个多数据源框架

Spring Boot 提供了 Data JPA 的包&#xff0c;允许你使用类似 ORM 的接口连接到 RDMS。它很容易使用和实现&#xff0c;只需要在 pom.xml 中添加一个条目&#xff08;如果使用的是 Maven&#xff0c;Gradle 则是在 build.gradle 文件中&#xff09;。 <dependencies>&l…...

编程日记 2023/10/19 0:34:33

vue前端实现打印功能并约束纸张大小---调用浏览器打印功能打印页面部分元素并固定纸张大小

需求是打印指定div实现小票打印功能。调用浏览器的自带打印功能只能实现打印可视区域&#xff0c;所以这里采用截图新窗口打开打印去实现此需求。 1.安装html2canvas库实现截图功能 npm install html2canvas --save2.在需要进行截图和打印的组件中&#xff0c;引入html2canvas…...

编程日记 2023/10/19 0:33:31

音乐播放器蜂鸣器ROM存储歌曲verilog,代码/视频

名称&#xff1a;音乐播放器蜂鸣器ROM存储歌曲 软件&#xff1a;Quartus 语言&#xff1a;Verilog 代码功能&#xff1a; 设计音乐播放器&#xff0c;要求至少包含2首歌曲&#xff0c;使用按键切换歌曲&#xff0c;使用开发板的蜂鸣器播放音乐&#xff0c;使用Quartus内的RO…...

编程日记 2023/10/19 0:32:30

Arduino Nano 引脚复用分析

近期开发的项目为气体传感器采集仪&#xff0c;综合需求&#xff0c;选取NANO作为主控&#xff0c;附属设备有 oled、旋转编码器、H桥板、蠕动泵、开关、航插等&#xff0c;主要是用现有接口怎么合理配置实现功能。 不管stm32 还是 Arduino 都要看清引脚图 D2 D3 引脚是两个外…...

编程日记 2023/10/19 0:30:27

Go 函数多返回值错误处理与error 类型介绍

Go 函数多返回值错误处理与error 类型介绍 文章目录 Go 函数多返回值错误处理与error 类型介绍一、error 类型与错误值构造1.1 Error 接口介绍1.2 构造错误值的方法1.2.1 使用errors包1.2.2 自定义错误类型 二、error 类型的好处2.1 第一点&#xff1a;统一了错误类型2.2 第二点…...

编程日记 2023/10/19 0:29:26

数论分块

本质就是利用取整分数值的块状分布。 UVA11526 H(n) 题意&#xff1a; 求 ∑ i 1 n n i \sum_{i1}^{n} \frac {n}{i} ∑i1n​in​。 解析&#xff1a; ⌊ n i ⌋ \lfloor \frac{n}{i} \rfloor ⌊in​⌋ 只有 O ( n ) O(\sqrt n) O(n ​) 种取值&#xff0c;考虑将相同值同…...

编程日记 2023/10/19 0:28:26

宏任务与微任务，代码执行顺序

js引擎工作进程是同步的。事件循环机制&#xff0c;事件队列。 脚本代码执行顺序&#xff0c;是先执行同步代码&#xff0c;遇到微任务&#xff0c;就把它推进任务队列中。每个宏任务完成后&#xff0c;再执行下一个宏任务。 宏任务有哪些&#xff1a; i/o读写 定时器setTi…...

编程日记 2023/10/19 0:27:24

正方形（Squares, ACM/ICPC World Finals 1990, UVa201）rust解法

有n行n列&#xff08;2≤n≤9&#xff09;的小黑点&#xff0c;还有m条线段连接其中的一些黑点。统计这些线段连成了多少个正方形&#xff08;每种边长分别统计&#xff09;。 行从上到下编号为1&#xff5e;n&#xff0c;列从左到右编号为1&#xff5e;n。边用H i j和V i j表示…...

编程日记 2023/10/19 0:26:23

【算法设计与分析qwl】伪码——顺序检索，插入排序

伪代码&#xff1a; 例子&#xff1a; 改进的顺序检索 Search(L,x)输入&#xff1a;数组L[1...n]&#xff0c;元素从小到大排序&#xff0c;数x输出&#xff1a;若x在L中&#xff0c;输出x位置下标 j ,否则输出0 j <- 1 while j<n and x>L[j] do j <- j1 if x<…...

编程日记 2023/10/19 0:25:21

Uniapp路由拦截-自定义路由白名单

步骤一：新建routerIntercept.js文件 步骤二：routerIntercept文件中写入：（根据自己需要修改whiteList白名单中的页面路径和自己的逻辑处理） import Vue from vue // 白名单 const whiteList = [/pages/public/login,/pages/public/privacyAgreement, ]export default asy…...

编程日记 2023/10/19 0:24:21

在中国可以使用 HubSpot 吗？

当谈到市场营销和客户关系管理工具时&#xff0c;HubSpot通常是一家企业的首选。然而&#xff0c;对于许多中国的企业来说&#xff0c;一个重要的问题是&#xff1a;在中国可以使用HubSpot吗&#xff1f;这个问题涉及到不同的方面&#xff0c;包括政策法规、社交媒体平台、语言…...

编程日记 2023/10/19 0:23:18

别再只用人体红外了！聊聊24.125GHz微波模块在智能家居中的另类玩法与局限

24.125GHz微波传感模块的智能家居创新应用与工程实践 在智能家居领域&#xff0c;人体感应技术早已从简单的红外探测走向多传感器融合时代。当大多数开发者还在依赖传统PIR红外传感器时&#xff0c;一种成本仅20元左右的24.125GHz微波模块正在小众硬件圈引发讨论。这种原本用于…...

编程新知 2026/5/19 3:07:02

阿里2026最新Spring全家桶学习笔记全网首次公开！

最近小伙伴在我后台留言是这样的&#xff1a; 现在就这光景&#xff0c;不比以前&#xff0c;会个CRUD就有人要&#xff0c;即使大部分公司依然只需要做CRUD的事情......现在去面试&#xff0c;只会CRUD还要被吐槽&#xff1a; 面试造火箭&#xff0c;工作拧螺丝&#xff0c;就…...

编程新知 2026/5/19 2:43:11

WarcraftHelper：魔兽争霸3终极兼容性增强插件完整指南

WarcraftHelper&#xff1a;魔兽争霸3终极兼容性增强插件完整指南 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper WarcraftHelper是一款专为《魔兽争霸…...

编程新知 2026/5/19 2:32:45

国产多模态大模型崛起：技术、场景与未来挑战全解析

国产多模态大模型崛起&#xff1a;技术、场景与未来挑战全解析 引言 在人工智能浪潮席卷全球的背景下&#xff0c;多模态大模型已成为技术竞争的新高地。以GPT-4V、Gemini为代表的国际巨头展现了强大的图文理解与生成能力&#xff0c;而国产模型正凭借对中文场景的深度优化、独…...

编程新知 2026/5/19 2:18:56

第5章（补充） 张量宇宙学对黑洞奇点的解释——兼论奇点与大爆炸的统一机制

第5章&#xff08;补充&#xff09; 张量宇宙学对黑洞奇点的解释——兼论奇点与大爆炸的统一机制 摘要 黑洞奇点是广义相对论最著名的困境之一。奥本海默和斯奈德从爱因斯坦场方程出发&#xff0c;严格推导出大质量恒星引力塌缩会形成密度无穷大的奇点。然而&#xff0c;奇点的…...

编程新知 2026/5/19 2:07:43

3分钟终极解决方案：一键将XAPK文件高效转换为通用APK

3分钟终极解决方案&#xff1a;一键将XAPK文件高效转换为通用APK 【免费下载链接】xapk-to-apk A simple standalone python script that converts .xapk file into a normal universal .apk file 项目地址: https://gitcode.com/gh_mirrors/xa/xapk-to-apk 还在为安卓设…...

编程新知 2026/5/19 0:41:26

基于MCP协议构建安全AI支付工具：从原理到实践

1. 项目概述与核心价值最近在折腾AI智能体开发&#xff0c;特别是想给Claude Desktop这类工具增加点“超能力”&#xff0c;比如让它能直接帮我处理支付、查询订单状态&#xff0c;甚至自动对账。这想法听起来挺酷&#xff0c;但真动手去实现&#xff0c;发现最大的拦路虎不是写…...

编程新知 2026/5/19 0:26:24

2026届必备的五大AI科研神器实际效果

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 人工智能技术迅猛发展&#xff0c;论文AI工具在学术研究领域正慢慢变成重要辅助&#xff0c…...

编程新知 2026/5/18 23:57:23

JVM性能调优实战：从GC日志分析到内存泄漏排查的完整工具链

1. 项目概述&#xff1a;从“感觉卡顿”到“数据说话”的JVM调优之路在电商大促、金融交易峰值或者物联网设备海量上报的瞬间&#xff0c;后台服务的响应延迟哪怕增加几十毫秒&#xff0c;都可能直接转化为用户流失或交易失败。作为一线开发者&#xff0c;我们常常会收到“系统…...

编程新知 2026/5/18 23:07:30

机器学习中的视觉与自然语言处理

一两个月前看了李飞飞老师的自传&#xff0c;看第一页就觉得 这是对A国的表白。当然也会遗憾&#xff0c;希望她小时候遇到的老师是更好的老师&#xff0c;她家周围遇到的人是更好的人。这是概率问题&#xff0c;在过去可能不够好今天会更好。 重点是当我看到她在思考智能的起源…...

编程新知 2026/5/18 22:34:49