Docker 容器中的 Headless Cypress 分辨率始终为 1280x1024答案

【问题标题】：Headless Cypress in docker container resolution always 1280x1024Docker 容器中的 Headless Cypress 分辨率始终为 1280x1024
【发布时间】：2021-06-28 13:40:24
【问题描述】：

当我在官方 docker 容器（图片cypress/included:7.5.0）中运行我的测试时，浏览器总是只有 1280x1024。在主机上运行相同的配置、相同的规格等时，我得到了所需的 1920x1080。

我的 cypress.json：

{
    "viewportHeight": 1080,
    "viewportWidth": 1920,
    "chromeWebSecurity": false,
    "baseUrl": "http://phoenix:4000",
    "watchForFileChanges": false,
    "requestTimeout": 40000,
    "defaultCommandTimeout": 40000,
    "pageLoadTimeout": 80000,
    "video": false,
    "env": {
        "codeCoverage": {
            "url": "http://phoenix:4000/__coverage__",
            "expectBackendCoverageOnly": false
        }
    }

另外，我添加了一些类似的配置，你可以在这里找到它的解释：https://docs.cypress.io/api/plugins/browser-launch-api#See-all-Chrome-browser-switches

我的插件/index.js：

module.exports = (on, config) => {
    on('before:browser:launch', (browser, launchOptions) => {
        if (browser.name === 'chrome' && browser.isHeadless) {
            launchOptions.args.push('--window-size=1920,1080');
            launchOptions.args.push('--force-device-scale-factor=1');
            launchOptions.args.push('--start-fullscreen');
        }
        return launchOptions;
    });

    require('@cypress/code-coverage/task')(on, config);
    return config;
};

为什么我在 docker 容器 (./node_modules/.bin/cypress run --browser chrome) 中运行时仍然获得 1280x1024 分辨率？

【问题讨论】：

标签： docker cypress resolution

【解决方案1】：

我明白了，我需要先启动我自己的 Xvfb 服务器： Xvfb -screen 0 1920x1080x24 :99 & export DISPLAY=:99 && ./node_modules/.bin/cypress run --browser chrome && pkill Xvfb 来源：https://docs.cypress.io/guides/continuous-integration/introduction#Xvfb

【讨论】：