如何使用 Cypress 获取窗口大小？

Question

我"cypress": "2.1.0"用于网站功能测试。

我在测试中也有条件：

if (WIDTH < 1025 && WIDTH > 480) {
  it('Open search sidebar', function () {
    cy.wait(500);
    cy.get('.FilterStroke_resultsLabel_7gBlM').safeClick();
  });
}

我的问题是如何获得屏幕尺寸(WIDTH, HEIGHT)？

Answer 1

这取决于您如何使用视口。如果您使用的是cy.viewport(...)命令，那么您可以轻松地将参数存储到变量中。

但是，我假设您试图在测试前没有明确设置视口的情况下获取浏览器的宽度和高度。通过这种方式，cypress 从配置中获取默认的窗口宽度和高度。

您可以通过全局变量访问配置Cypress，例如：

Cypress.config("viewportWidth") // => 800

OR

Cypress.config().viewportWidth // => 800