วิธีตั้งค่าขนาดหน้าต่างเบราว์เซอร์เริ่มต้นใน Protractor / WebdriverJS

ด้วยเหตุผลบางประการเมื่อฉันทำการทดสอบในที่ทำงานเบราว์เซอร์จะขยายใหญ่สุด แต่เมื่อฉันเรียกใช้ที่บ้านมันจะเปิดหน้าต่างเบราว์เซอร์ที่มีความกว้างประมาณ 50% เท่านั้น สิ่งนี้ทำให้เกิดความคลาดเคลื่อนในการเลื่อนลง ฯลฯ ดังนั้นฉันจึงอยากให้เปิดหน้าต่างเบราว์เซอร์ที่มีขนาดเท่ากันในทุกเครื่องที่ทำการทดสอบ วิธีใดดีที่สุดในการทำเช่นนี้ (ฉันพบคำตอบสำหรับภาษาอื่น ๆ แต่ไม่สามารถปรับให้เข้ากับจาวาสคริปต์ได้)

การเพิ่ม

browser.executeScript('window.moveTo(0,0);'+
    'window.resizeTo(screen.width, screen.height);');

ไม่ทำอะไรเลย (เห็นได้ชัดwindow.moveToและwindow.resizeToยังไม่ได้รับการสนับสนุนโดยโครเมี่ยม)

คุณสามารถกำหนดขนาดเบราว์เซอร์เริ่มต้นได้โดยเรียกใช้:

var width = 800;
var height = 600;
browser.driver.manage().window().setSize(width, height);

ในการขยายหน้าต่างเบราว์เซอร์ให้ใหญ่ที่สุด:

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

ในการกำหนดตำแหน่งการทำงาน:

var x = 150;
var y = 100;
browser.driver.manage().window().setPosition(x, y);

หากคุณได้รับข้อผิดพลาด:

WebDriverError: unknown error: operation is unsupported with remote debugging

ไม่รองรับการทำงานเมื่อใช้การดีบักระยะไกลคำสั่ง WebDriver บางคำสั่ง (เช่นการปรับขนาดหน้าต่างเบราว์เซอร์) จำเป็นต้องโหลดส่วนขยายของ Chrome ลงในเบราว์เซอร์ โดยปกติ ChromeDriver จะโหลด "ส่วนขยายอัตโนมัติ" นี้ทุกครั้งที่เปิดเซสชัน Chrome ใหม่

อย่างไรก็ตาม ChromeDriver สามารถได้รับคำสั่งให้เชื่อมต่อกับเซสชัน Chrome ที่มีอยู่แทนที่จะเปิดตัวใหม่ ทำได้โดยใช้ 'debuggerAddress' ในออบเจ็กต์ Capabilities (aka ChromeOptions) เนื่องจากส่วนขยายระบบอัตโนมัติจะโหลดเมื่อเริ่มต้นเท่านั้นจึงมีบางคำสั่งที่ ChromeDriver ไม่รองรับเมื่อทำงานกับเซสชันที่มีอยู่ผ่านการดีบักระยะไกล

หากคุณเห็นข้อผิดพลาด "ไม่รองรับการดำเนินการเมื่อใช้การดีบักระยะไกล" ให้ลองเขียนการทดสอบใหม่เพื่อเปิดเซสชัน Chrome ใหม่ ซึ่งสามารถทำได้โดยการลบ 'debuggerAddress' ออกจากวัตถุ Capabilities

ที่มา: https://sites.google.com/a/chromium.org/chromedriver/help/operation-not-supported-when-using-remote-debugging

คุณยังสามารถใช้config.jsเพื่อตั้งค่าขนาดหน้าต่าง:

// config.js
specs: [
    ...
],
capabilities: {
    browserName: 'chrome',
    chromeOptions: {
        args: ['--window-size=800,600'] // THIS!
    }
}
// ....

หากวิธีการที่ต้องการ:

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

ไม่ได้ผลสำหรับคุณ (เช่นเรียกใช้การทดสอบไม้โปรแทรกเตอร์ใน Xvfb) จากนั้นคุณสามารถขยายหน้าต่างให้ใหญ่ที่สุดด้วยวิธีนี้ (protractor.conf.js):

onPrepare: function() {
    setTimeout(function() {
        browser.driver.executeScript(function() {
            return {
                width: window.screen.availWidth,
                height: window.screen.availHeight
            };
        }).then(function(result) {
            browser.driver.manage().window().setSize(result.width, result.height);
        });
    });
},

เวอร์ชัน TypeScript:

import {Config, browser} from "protractor";

export let config: Config = {
    ...
    onPrepare: () => {
        setTimeout(() => {
            browser.driver.executeScript<[number, number]>(() => {
                return [
                    window.screen.availWidth,
                    window.screen.availHeight
                ];
            }).then((result: [number, number]) => {
                browser.driver.manage().window().setSize(result[0], result[1]);
            });
        });
    }
};

ฉันเพิ่งเพิ่มรหัสด้านล่างในไฟล์ protractor.conf.js ของฉันและมันก็ใช้งานได้ดี

onPrepare: function() {
    var width = 1600;
    var height = 1200;
    browser.driver.manage().window().setSize(width, height);
},

setTimeout และ executeScript ทำหน้าที่อะไรในคำตอบของคุณ? ฉันพยายามหาแนวทางปฏิบัติที่ดีที่สุดในเอกสารไม้โปรแทรกเตอร์ ...

ในใจของฉันการใช้ maximize โดยตรง () เป็นความคิดที่ไม่ดีและไม่ควรเป็นวิธีที่ต้องการเนื่องจากจะไม่กำหนดขนาดเดียวกันในทุกเครื่องที่ดำเนินการทดสอบและอาจทำลายพฤติกรรมการตอบสนอง

ในซีลีเนียม 4 (ไม้โปรแทรกเตอร์ 6) setRectแทนที่setSizeและsetPosition

ตัวอย่างเช่น,

browser.driver.manage().window().setRect({height: 600, width: 800});

ในไฟล์ Protractor.conf.js ให้เพิ่มการกำหนดค่าต่อไปนี้

ความสามารถ: {'browserName': 'chrome', chromeOptions: {args: ['start-maximized']}}

แก้ไขไฟล์ config.js ของคุณตามด้านล่าง

 onPrepare: function () {
      browser.driver.manage().window().setSize(1280, 1024); //width , height

       }, 
 capabilities: {
browserName: 'chrome',
chromeOptions: {
args: [ "--start-maximized" ] // to start browser as maximixed 
         }
    },

เพิ่มโค้ดด้านล่างซึ่งจะขยายหน้าต่างเบราว์เซอร์ให้ใหญ่ที่สุด

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