Cypress 似乎停滞不前

Question

我是 cypress 的新手，喜欢它的架构方式。然而，我似乎很早就遇到了一个问题，因为我正在尝试做一件非常简单的事情。

我的工作流程是:1) 访问网站2)输入用户名和密码3) 在下一个屏幕上，键入一个数字并按提交，4) 在下一个屏幕上，从下拉列表中选择一个值，然后按回车键。5) 我到达我网站的着陆页。

在第 4 步之前，Cypress 工作得很好。它似乎在第 5 步停止。测试运行器突然停止并且没有警告或错误，显示“糟糕，没有要运行的测试。”

从这里，当我单击“查看所有测试”按钮时，它会将我带到运行器工具。在那里我看到有迹象表明某些东西仍在后台运行。我尝试等待超过 10 分钟，但在我点击“停止”操作之前没有任何反应。

我该如何调试它？我可以通过任何日志等查看发生了什么吗？

甚至我的网站也可能有问题，但没有任何日志信息，我无法继续进行。感谢您的帮助。

为了提供更多上下文，我不认为这是一个基于超时的问题，就好像是这样， Cypress 确实向我报告了这件事并停止了。然后我增加了超时时间。

我的规范文件

describe('My first test', function() {
    it('Visits  home page', function() {
        cy.visit('https://mywebsite.com:5800', {timeout: 400000}, {pageLoadTimeout: 400000}, {defaultCommandTimeout: 400000})


        cy.get('#USERNAME').type('myusername')
        cy.get('#PASSWORD').type('mypassword')

        cy.get('#loginbutton').click()

        cy.get('#SOMELEMENT_WHERE_I_TYPE_A_UNIQUE_NUMBER').type('8056')
        cy.get('#loginbutton').click()

        cy.get('#loginbutton').click()

    })
})

谢谢。

Answer 1

如果你运行 DEBUG=cypress:* cypress open在最初打开 Cypress 时从终端，当您运行测试时，那里会打印更多调试日志信息。

另外，search the issues 总是个好主意让项目看看是否有其他人遇到过这种情况。

出于某种原因， Cypress 自动化进入一种状态，它认为您没有规范文件。 Cypress 对 determine this is to see if there is a location.hash defined on the main window 所做的一切-> 通常会显示 https://localhost:2020/__/#tests/integration/my_spec.js。

这可能是由于应用程序中的安全机制阻止您的应用程序在 iframe 中运行(这是 Cypress 运行所有被测应用程序的方式)。也许在您的应用程序代码中它是这样的:

if (top !== self) {
  top.location.href = self.location.href;
} 

您可以在测试时简单地禁用这些检查，或者在 Cypress 中您可以添加到您的测试文件(或支持文件以使其适用于每个测试文件):

Cypress.on('window:before:load', (win) => {
  Object.defineProperty(win, 'self', {
    get: () => {
      return window.top
    }
  })
})