javascript - Cypress 任务失败，并提示任务事件尚未在插件文件中注册

我正在使用 Cypress 的 cy.task() 方法/函数将一个 csv 文件从一个目录复制到另一个目录。下面是我在 support/index.js 文件中编写的 cy.task('copycsvFile') 及相关代码。在运行时，它抛出以下错误；CypressError: cy.task('copycsvFile') 失败，错误如下：在插件文件

阅读更多 →

javascript - 在 Cypress 中，如何测试一个属性是否等于多个值之一？

我们正在使用 Cypress 对一个网站进行一些测试。在 Windows 的 Chrome 上，所有测试都通过。然而，在 Mac 上，一些元素的宽度比在 Windows 上宽 2px。我理解这不应该发生，我们会另外调查，但我想知道的是，你们如何测试一个值是否应该落在一系列值的范围内？

这是在 Windows 上通过的测试：

it('checks Headline container, width & horizontal spacing', () => { cy.get('[

阅读更多 →

javascript - 在 cypress.io 中运行动态文件的测试

我正在尝试使用 Cypress 测试我构建的一个大型 Angular 应用程序。我的要求是将一个期望文件加载到我的测试中，然后根据这个期望文件驱动测试。

到目前为止，我仍然无法通过使用 cy.readFile()、cy.fixture() 以及甚至 axios 通过 http 加载文件的各种组合来使其工作。

问题似乎在于我无法在 it() 之外使用这些方法，如果我不能这么做，就意味着我无法循环数据来创建 it。我正在尝试做如下事情……在 Cypress 中这甚至可能吗？我是不是漏掉了什么显而易见的东西？

假设我的期望是这样的：

{ "mainPage": [1, 2, 3], "otherPage": [4, 5, 6] }

我希望我的代码能够加载它并浏览各个页面：

describe(`Test the app `, function()

阅读更多 →

javascript - 在 Cypress.io 中监控网站的控制台输出

我正在使用 Cypress.io 测试我们的新应用程序（Node, React），但我希望能够监控并检查网站的 console.log 输出，以查找任何未通过我们标准测试明确捕获的错误。

我希望这不仅可以用来捕获不应添加到生产就绪代码中的零散 console.log 命令，还可以捕获我们任何依赖项的废弃提示和警告。

请你能告诉我这是否可行，如果可行，我该如何去做？

谢谢你，克里斯。

答案＃1

let spyErrorLog; before(() => { Cypress

阅读更多 →

javascript - 如何在 Cypress 中测试 Slate JS 的行为

如何在 Cypress 中向 Slate 编辑器插入文本？在使用 cy.type() 或 cy.clear() 输入时，Slate 的 onChange 处理程序似乎没有被调用。

答案＃1

Cypress 输入命令（例如 cy.type() 和 cy.clear()）通过触发 input 和 change 事件来工作——在 cy.type() 的情况下，每个字符触发一次

阅读更多 →

javascript - 无法在 cypress 中访问模态对话框

我正在尝试使用 Cypress 访问模态对话框，通常发生的情况是，当你访问基础 URL 后，大约 5-6 秒，它会将用户导航到模态对话框，在那里用户必须自己登录。

以下是对话框的类名：

<div class = "modal-dialog">

我正在尝试获取电子邮件地址字段的访问权限：

查看页面截图

使用以下代码时：

describe('Login', function(){ it('Login Successfully', function(){

阅读更多 →

typescript - cypress 覆盖率在 vue-property-decorator 中不起作用

我想在前端使用 Cypress 进行代码覆盖。目前 Cypress 推荐使用 Istanbul 来进行覆盖。不幸的是，我无法在下面的技术栈组合中使用它：

• vue属性装饰器
• 柏树
• Istanbul 代码覆盖率。
• TypeScript。

因为： - 我没有找到让 istanbul 与 ts-loader 一起工作的方式，因为 istanbul-instrumenter-loader 在底层使用了 babel - babel-loader 不以与 TypeScript 相同的方式支持装饰器，这会破坏 vue-property-decorator。在 TypeScript 中使用 Vue 而不使用 vue-property-decorator 并不那么整洁…

这里有一些有用的链接：

• 带有 Babel 覆盖的仓库示例
• 官方指南
• 面向 TypeScript 用户的官方 GitHub 仓库
• 赛柏氏问题

阅读更多 →

javascript - 在页面对象中使用 static（Cypress）

在浏览了各种在 Cypress 上实现端到端测试的示例后，我发现很多人使用创建新对象的方法，而不是使用 static。他们为什么这样做？为什么不对页面对象方法使用 static，因为我们并不修改类本身的任何数据，因此也不使用 this，而且也不需要拥有同一页面的多个实例（或者我没有看到使用它的场景）。我理解 Selenium 使用页面工厂，因此需要创建新对象，但在 Cypress 中我没有找到类似的情况。

创建新对象的示例：

import { BasePage } from './BasePageClass' import {

阅读更多 →

node.js - 如何在 TypeScript 中从 Cypress 自定义命令返回对象列表

我正在使用 Cypress 进行端到端的集成测试。我有一个用例涉及从 Cypress 自定义命令返回对象列表，但我在实现时遇到了困难。以下是我的代码示例：

index.ts

declare global { namespace Cypress { interface Chainable<Subject> { getTestDataFromElmoDynamoDB

阅读更多 →

javascript - 如何在 TypeScript 中使用 Cypress 监视导入的函数

在 Cypress 中监听函数时，语法是 cy.spy(object, method)，但我想要监听从另一个文件导入的、不是对象的函数。这可能吗？

注意：我也尝试了以下方法，但似乎不奏效。

//import { func } from 'src/file'; import * as funcObj from 'src/file'; describe('test', () => { it('test', () => { cy.spy(funcObj, 'func'); }) })

阅读更多 →