Cypress截图控制大小、像素

背景:基于前端自动化测试框架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" });
  });
});

截取图片如下:

img