cypress - 如何使用 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

Answer 2

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

const WIDTH = window.innerWidth

这与我测试过的赛普拉斯显示的视口尺寸相匹配。如果需要，有一个匹配的innerHeight属性。