首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

摆脱前端测试恶梦:摇摆不定的测试(2)

尽量保持测试的简单,避免在每个测试出现大量的逻辑。 当涉及到不假设数据的顺序时(例如,在UI测试处理列表的条目顺序时),我们可以设计一个测试来独立于任何顺序的功能。...我仍然认为,如果测试被盲目地重试直到成功,那是一种反模式。然而,有一个重要的例外。当你无法控制错误时,重试可以是最后的手段(例如,排除来自外部依赖的错误)。在这种情况下,我们不能影响错误的来源。...有趣的是,如果运行器系统中出现错误(例如,作业设置失败),可以重试。我们选择只在docker设置失败的情况下重试我们的作业。 注意,这将在触发时重试整个作业。...如果你在Cypress测试运行器中使用这种记录的可能性,你甚至可以在你选择的开发者工具检查输出。此外,当涉及到CICypress时,你可以通过使用一个插件在你的CI的日志检查这个输出。...始终关注你的测试框架的功能,以获得对日志的支持。在UI测试,大多数框架都提供截图功能--至少在失败时,会自动进行截图。有些框架甚至提供视频记录,这对深入了解测试中发生的情况有很大帮助。

1.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

Cypress你应该知道的一些不足之处

下面我们一起学习下Cypress的不足的地方,以便在进一步掌握Cypress,以便出现谜一样的自信。...对于失败的命令,不能添加.catch错误处理 上面3点意味着,我们在应用Cypress进行实践时,要失去一些控制性、一些灵活性。 为什么会有上述3点的限制呢?...我们看下Cypress为什么不能同时(并行地)运行多个命令? 在Cypress,为了保证确保每次都以相同的方式执行所有命令,很多Cypress命令都会以某种方式改变浏览器的状态。...我们看下对于失败命令,为什么不能添加.catch错误处理? 在Cypress,对于失败的命令,没有内置的错误恢复功能。...一个命令和它的断言最终都通过,或如果一个失败,则所有剩余的命令都不运行,测试失败

1.2K20

docker问题备忘:rpc error: code = 2 desc = containerd: container not found

container not found 以上错误是因为系统内存不足,导致OOM Killer杀掉elasticsearch进程,该进程就是上一步docker exec命令想作用到的容器; 请检查您的系统内存情况...; 问题复盘 收到同事反馈,说后台服务出现异常,定位后发现是应用连接elasticsearch server失败,于是用eshead去连接,还是失败; 我们的elasticsearch是运行在docker...,发现有不少人遇到了类似问题; 搜到的结果,有的说重启docker解决,有的说升级docker,也有不少是抛出问题没有解决的; 这个文章提供了有价值的信息,如下图,地址是:https://forums.docker.com...] [] out_of_memory+0x4b6/0x4f0 [245831.560791] Out of memory: Kill process 20406 (...>] out_of_memory+0x4b6/0x4f0 [267651.142104] Out of memory: Kill process 36316 (java) score 97 or sacrifice

2.5K60

Cypress系列(65)- 测试运行失败自动重试

(如,外部依赖项中断,随机网络错误等)而导致测试失败 其他导致不可靠测试的因素 前端动画 API 调用 测试服务器/数据库的可用性 依赖资源的可用性 网络问题 重试的优势 通过重试,Cypress 能够重试失败测试用例...,所有测试用例若失败都会自动重试 2 次 yarn retryCases Cypress 自带的重试功能介绍 前言 默认情况下,测试将在失败时不重试,需要在配置启用测试重试才能使用此功能 启用测试重试后...,可以将测试配置为具有 X 次重试次数 例如,测试重试配置了2次重试,则 Cypress 将最多重试2次(共运行3次),然后再标记为失败测试 注意 当再次运行每个测试时,以下 hook 函数也将重新运行...,则会重试运行第一次 重试运行第一次若成功,则继续往下运行其他的测试用例 若重试运行第一次还失败,则重试运行第二次 若重试运行第二次仍然失败,则将此 测试用例标记为失败 注:能够在命令日志查看尝试的次数...栗子1 重试 2 次,栗子2 重试 1次,测试不通过就会打 ×,点击可以查看详细错误信息 (不得不说,这按钮 UI 真好看...)

2.1K43

你不知道的Cypress系列(5) -- 眼瞎的TestRunner​

在跟同学们的交流,我也了解到, 原来除了国外优秀的公司(例如Adobe, 迪士尼,AutoDesk等等), 国内也有很多公司在尝试使用Cypress提升测试效率。...直到我发现我的测试用例还是会出现不稳定、随机失败的现象(Flaky Test)。怪了!不是说用了Cypress之后就不会有这种问题了么?于是我就寻仙访药啊,终于,找到了原因所在。...官网的一个用例,这个测试第一次成功,再次运行失败了。...果然目标一定,出现错误的次数就增加到过5次了。 那么我们确定,代码是有问题,再一眼一眼看吧。这个时候,有条件的你可能也要看下开发的代码如何写的。...05 — 结论 然后就是各种查资料, 最后发现Cypress早有结论: 1. 如果一个元素出现和消失的间隔在21ms内,那么大概率TestRunner会“瞎”。

2.2K40

Cypress系列(3)- Cypress 的初次体验

快速测试登录页面 首先,设计测试用例步骤 访问http://localhost:7077 输入用户名、密码,点击登录 如果用户名和密码正确,则登录成功,否则登录失败 接下来,我们来看看实现测试用例的步骤...调试测试用例 前言 测试用例运行时,难免会发生各种情况导致运行失败;快速定位发生错误的位置,了解错误信息,一直是自动化测试的痛点 而 Cypress 提供了多种 debug 能力,可以在测试运行错误时直达错误位置...,并支持回放错误发生时的上下文信息,可直接看到测试失败的原因 Cypress Debug 能力介绍 每个命令均有快照且支持回放 像下图,左侧就是测试步骤,右侧是测试页面 鼠标 hover 测试步骤,在右侧可以看到执行该命令时的页面效果...支持查看测试运行时发生的特殊页面事件 包括: 网络 XHR 请求 URL 哈希更改 页面加载 表单提交 例如,上面测试用例,点击【submit】后产生的就是提交表单的请求,看下图 可以看到一个 submit...因为定位表达式匹配到不止一个元素,所以执行 type() 方法时以失败告终 总结 这一节咱们以测试一个登录界面为需求,写了一个简单的测试用例来做栗子,后面将详细讲解 Cypress 的各部分内容哦

1.2K20

Cypress(二)Cypress相关介绍

功能特点: 1.时间旅游:测试的每一步都有 snapshot,只需将鼠标悬停在命令日志的命令上,就可以准确地查看每个步骤中发生了什么。...2.可调试:我们无需猜测测试用例为何失败,直接从熟悉的工具进行调试(例如:谷歌浏览器的开发者工具),可读错误和堆栈跟踪让调试更有效率。...3.自动等待:再也无需在测试用例代码添加 wait 或 sleep 代码,Cypress 会自动等待命令和断言完成。 4.函数间谍:响应劫持、时钟回拨:验证和控制函数、服务器响应和时钟。...fixtures:测试用例需要用到的资源,包括测试数据、图片、json信息等,可以使用cy.fixture读取 integration:测试脚本存放目录,允许多级目录,其下的example目录是官方提供的测试脚本样例...五.Cypress元素定位 [5fgsqu211s.png] 在脚本运行界面点击右边左上角定位的图标,这个时候你就可以选择你要定位的元素了,选择好要定位的元素,图3位置直接就会出现定位的代码了,你可以直接拷贝到你的项目里

1.1K20

你不知道的Cypress系列(13) -- 你真的需要多浏览器测试吗?

在自动化测试过程,特别是Web端UI自动化测试过程,发现很多同学对多浏览器测试/跨浏览器测试有很多误区, 今天来尝试解答下。...多浏览器测试 VS 跨浏览器测试 自动化测试过程,很少同学会去区分这两个概念,常将它们混为一谈。实际上,它们还是有些区别: 多浏览器测试是指在自动化测试的一次执行过程,使用多个浏览器进行测试。...跨浏览器测试、多浏览器测试解决方案 如果是分布式运行,则无论是跨浏览器测试,还是多浏览器测试,解决方案都很简单, 核心原理都一样: 将测试分发到不同的虚拟机/Docker下执行。...同一个虚拟机/Docker上仅有一个浏览器类型。 在实现上,最常见的有Selenium/WebDriver里的Selenium Grid,以及Cypress的DashBoard。...但是由于UI频繁变化是常规操作,这就导致自动化测试每天发现很多错误,调查下来发现都是UI自动化测试脚本引起的错误,真正的Bug反而追踪不到(Flaky Test迷雾)。

1.6K30

Cypress系列(11)- Cypress 编写和组织测试用例篇 之 动态生成测试用例

如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 前言 自动化测试,数据驱动是很重要的一个点...实际项目中,肯定会出现这种情况:多条测试用例的执行步骤,断言步骤完全一致,只有输入和输出数据不一样 这个时候依靠数据驱动(数据参数化)来解决这个问题可以提升我们的测试效率 在 Cypress,可以通过数据来动态生成测试用例...,以达到数据驱动的效果 动态生成测试用例的步骤 前提 这边用的还是 Cypress 提供的被测应用哦 # 进入被测应用的目录 cd C:\Users\user\Desktop\py\cypress-example-recipes...运行测试文件 进入 Cypress 安装文件夹,cmd执行命令 yarn cypress:open 单击 testLogin.js,Cypress 会启动 Test Runner 运行测试,运行成功后...可以看到第一条用例是测试通过,第二条用例是执行失败了(因为账号密码是错的,失败理所当然) 总结 根据测试数据动态生成测试用例,是一种数据驱动的做法 可以提升我们的测试效率,当我们测试数据本身改变时,无须更改测试代码

1K10

Cypress系列(41)- Cypress测试报告

内置的测试报告 内置的测试报告包括 Mocha 的内置测试报告和直接嵌入在 Cypress 测试报告,主要有以下几种 spec 格式报告 json 格式报告 junit 格式报告 准备工作 确保...,出现很古怪的错误,譬如 mkdirp 版本不行(如: ) mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported....用户自定义报告的步骤 第一步:配置 reporter 选项 文件配置 reporter 选项,指定 reporter 文件位置 cypress.json 在本栗子,把 reporter 定义在...生成混合测试报告 前言 Cypress 除了支持单个测试报告,还支持混合测试报告 老板或者管理者一般都喜欢看到多种不一样样式的报告,比如测试在 CI 运行时,又想生成 junit 格式的报告,又想在运行时实时看到测试输出...总结 当我们运行完一次测试(可能包含多个 spec),我们更希望看到一个完整的测试报告文件,而不是分开的独立文件 特别对于 HTML 格式报告来说,整合到同一个 HTML 报告是更加直观的 Cypress

1.9K10

从TechRadar看UI自动化测试的未来

在2017年第17期和2018年19期技术雷达,分别出现了两个新的工具——cypress,testcafe,之前只接触过webdriver框架的同学可能会有些陌生。...先来详细的介绍下cypress以及我所在项目使用踩过的坑,关于testcafe会在另外一篇文章中介绍,testcafe主要是用来做UI的回归测试,以及多浏览器测试cypress不足之处则是testcafe...之前我们说过cypress其实就是一个二次开发过的chrome,而且你所写的测试是在浏览器进程运行的,这也意味Cypress测试直接访问真实的DOM元素,而不是像webdriver一样通过json wire...坑一:除了cy对象外的所有操作都是同步的 这就意味着类似以下代码你必须用promise封装,否则将会出现错误永远拿不到正确值,因为Cypress....坑三:当元素不存在或者没有找到时,测试失败 这个坑貌似听起来很正确,但我们想一下这个场景:如果我们希望当某个元素不存在时,需要执行某个操作。但是因为以上默认的实现,没有找到元素,所以会直接报错。

2.2K20

Cypress初步使用

功能特点 【时间旅行】测试的每一步都有 snapshot,只需将鼠标悬停在命令日志的命令上,就可以准确地查看每个步骤中发生了什么。...【可调试】 我们无需猜测测试用例为何失败,直接从熟悉的工具进行调试(例如:谷歌浏览器的开发者工具),可读错误和堆栈跟踪让调试更有效率。...【自动等待】再也无需在测试用例代码添加 wait 或 sleep 代码,Cypress 会自动等待命令和断言完成。 【网络通信控制】无需涉及服务器即可控制、保存和测试边缘情况。...【视图快照和视频】从命令行运行测试时,我们可以查看失败用例的视图快照和整个测试过程的视频。...、失败数、未运行、耗时,以及自动滚屏和重新运行按钮 ?

1.4K40

Cypress 10.x 组件测试指南

一个人到底要走多少弯路,才能成为一名合格的测试开发工程师? Cypress又又又更新啦!我将讲解如何使用Cypress进行组件测试。...最近两年测试界最火的测试工具莫过于Cypress,作为测试工程师弯道超车必备、下一代UI自动化测试利器,Cypress开发团队也一直在拼命做事,这不,Cypress10.x重磅发布,将“Component...React APP,当然你也可以选择列表的其他选项。...查看Log得知: ”Relative imports outside of src/ are not supported“, 也就是说,我们的测试文件里,导入的相对路径超出了src文件夹,所以我们运行失败.../App 知道了错误就好办了。我们去更改项目结构,变成如下这个样子: 两个要点: 更改项目的cypress.config.js文件,将component下的specPattern加上。

1.1K20

深入浅出:一篇文章入门 Drone

有时,执行特定任务(例如:集成测试)需要支持服务,例如 redis 实例或 postgres 实例。任何使用 SaaS 服务的人都需要使用 docker-in-docker (dind) 功能。...测试测试报告 让我们回到管道测试阶段。如前所述,可以为单元和集成测试添加测试步骤。但是同样的策略也可以应用于添加执行其他类型测试的步骤,例如 cypress 测试、postman 测试等。...换一种说法, Drones 执行测试 Drone 将测试结果发送到 Allure Docker Service 通过访问 Allure Docker Service 提供的 Web GUI,工程团队可以使用测试...例如,在 cypress 测试的具体情况下,这是我们在管道中使用的代码片段 - name: cypress-run-test image: cypress/base:12.19.0 commands...大型应用程序(例如 Jenkins)在实施更改时可能会出现所有问题都崩溃的问题。同时,松散耦合的组件使得改变一个元素而不改变其他一切成为可能。

2.6K20

Cypress系列(72)- 详解 Module API

运行Cypress,这种方式可以更加灵活地定制测试行为 当想在运行后直接访问测试结果时,此功能很有用 如何有用 挑选测试用例运行 整合所有测试用例,提供一份完整HTML格式的测试报告 重新运行单个失败的...spec 文件 发送有关测试失败的通知,包括附带的屏幕截图 启动其他构建行为或脚本 重点 模块 API支持两个命令: cypress.run() 和 cypress.open() cypress.run...(results) }) .catch((err) => { // 抓取错误信息并打印 console.error(err) }) 运行命令 可以在 cmd 窗口或 npm 脚本运行下列命令...最终运行的是 actions.spec.js 这个测试用例文件 参数列表 和 cypress run 命令行运行的参数一样 ?...命令返回结果 cypress.run() 返回一个Promise对象,该 Promise 包含测试结果对象(类似 json 格式的数据),典型的运行可能会返回以下内容: { startedTestsAt

55841
领券