Cypress截图控制大小、像素

Question

背景：基于前端自动化测试框架Cypress，实现对产品页面的自动化截图
问题：执行cy.screenshot()时，无论capture配置为viewport\fullPage\runner中的任何一个，都没有效果，始终无法截取完整的界面，配置scale或clip均未能实现预期效果，网上资料千篇一律，基本是几个方案拷贝再拷贝，下方贴出代码，麻烦帮忙捋捋解题思路~~感谢

describe('虚拟机', () => {
  beforeEach(() => {
    cy.visit('http://127.0.0.1:8080/index.html');
  })

  it('登录', () => {
    cy.get("input[name=username]").type("admin");
    cy.get("input[name=password]").type("admin");
    cy.viewport(2560, 1440)
    cy.screenshot("login", { capture: "fullPage" });
  });
});

截取图片如下：

Answer 1

• 看下这篇博客，也许你就懂了，链接：cypress教程（一）