CSS 在 saucelabs 上运行量角器搞砸了

Question

我有一个 angular 应用程序，我使用量角器为其编写了 e2e 测试。我正在运行测试 saucelabs。例如，我的页面存在一个小问题。如果我的浏览器没有最大化，一些 css 会搞砸（我确实计划在未来修复这个问题），这肯定会使我写的一些测试用例失败。

但是，如果我的浏览器最大化，一切都完美。现在的问题是当我运行我在 saucelabs 上的测试时，即使浏览器看起来最大化（根据 saucelab 屏幕截图）我的 css 看起来很乱，就像我的浏览器没有在本地最大化时一样。

我做了一些研究，发现我可以使用

browser.driver.manage().window().maximize();

但是在我的情况下，因为浏览器已经最大化，我是否需要增加屏幕分辨率或其他什么？请提供建议

Answer 1

实际上我认为您可能通过提高分辨率的建议自己回答了这个问题。因为您本地机器上的分辨率可能与 saucelabs 机器上的分辨率不同。我不确定默认分辨率是多少，但 here 是您可以指定的不同分辨率。

我可能会匹配你知道在你的机器上工作的分辨率以及 window 的最大化。

编辑： 我用分辨率选项添加了你的配置

exports.config = {
    framework: 'jasmine2',
    sauceUser: 'blahblhablah',
    sauceKey: 'xyzabcdxyzabac',
    capabilities :  {
            screenResolution: "1280x1024",
        },
    multiCapabilities: multiCapabilities,
    specs: ['e2e/main.spec.js'],
    jasmineNodeOpts: {
        showColors: true,
        defaultTimeoutInterval: 30000
    },

CSS 在 saucelabs 上运行量角器搞砸了

CSS is messed up while running protractor on saucelabs

angularjs

saucelabs

protractor

CSS 在 saucelabs 上 运行 量角器搞砸了

CSS is messed up while running protractor on saucelabs

angularjs

saucelabs

protractor

CSS 在 saucelabs 上运行量角器搞砸了