Jasmine测试中App的不同行为，基于设置窗口大小

Question

我正在使用这个教程http://ramonvictor.github.io/protractor/slides/#/37

到目前为止一切顺利。测试在测试中设置了窗口大小

此窗口大小设置效果良好

var width = 375; 
var height = 667;

 describe("login", function () {

    it("should go to login page", function () {
        writeTitleToLog('Login');
        writeToLog("resizing window and going to home page");
        browser.driver.manage().window().setSize(width, height);
        page.getPage('/');
        expect(browser.getTitle()).toEqual("My Title");
        page.takeAScreenShot("blahblahtestfolder/" + screencapCounter + "loginpage_" + width + "x" + height + ".png");
        screencapCounter++;
    });

我尝试在onPrepare()内设置屏幕大小并且测试失败..应用程序看起来未对齐。任何想法为什么不同的行为甚至具有完全相同的尺寸？

此窗口大小设置会破坏我的测试

onPrepare: function () {
    var path = require('path');
    var folderName = path.join(__dirname,"blahblahtests");
    var mkdirp = require('mkdirp');
    mkdirp(folderName, function(err) {
        if(err){
            console.error(err);
        } else {
            console.log("successfully created " + folderName);
        }
    });
    browser.driver.manage().window().setSize(375, 667);
}

使用此onPrepare()方法会使HTML / CSS意外执行..例如，我的菜单现在不在可见帧中，而使用第一种方法则可以正常工作。