如何使用 Cypress 获取 window 大小？

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 从配置中获取默认的 windows 宽度和高度。

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

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

OR

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

Answer 2

您还可以获得当时实际显示的内容，而不是全局默认配置：

const WIDTH = window.innerWidth

这与我测试过的 Cypress 显示的视口尺寸相匹配。如果需要，有匹配的 innerHeight 属性。

如何使用 Cypress 获取 window 大小？

How to get window size with Cypress?

cypress