Cách đặt kích thước cửa sổ trình duyệt mặc định trong Protractor / WebdriverJS

Vì một số lý do khi tôi chạy các bài kiểm tra của mình tại nơi làm việc, trình duyệt được phóng to tối đa, nhưng khi tôi chạy chúng ở nhà, nó chỉ mở ra một cửa sổ trình duyệt có chiều rộng khoảng 50%. Điều này gây ra một số khác biệt khi cuộn xuống, v.v., vì vậy tôi muốn để nó mở một cửa sổ trình duyệt có cùng kích thước trên mọi máy chạy thử nghiệm. Cách tốt nhất để làm điều này là gì? (Tôi đã tìm thấy một số câu trả lời cho các ngôn ngữ khác nhưng không thể điều chỉnh chúng thành javascript)

Thêm

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

không làm gì cả, (dường như window.moveTovà window.resizeTokhông được chrome hỗ trợ).

Bạn có thể đặt kích thước trình duyệt mặc định bằng cách chạy:

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

Để tối đa hóa cửa sổ trình duyệt, hãy chạy:

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

Để đặt vị trí chạy:

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

Nếu bạn gặp lỗi:

WebDriverError: unknown error: operation is unsupported with remote debugging

Thao tác không được hỗ trợ khi sử dụng gỡ lỗi từ xa Một số lệnh WebDriver (ví dụ: thay đổi kích thước cửa sổ trình duyệt) yêu cầu phải tải tiện ích mở rộng Chrome vào trình duyệt. ChromeDriver thường tải "tiện ích mở rộng tự động hóa" này mỗi khi khởi chạy một phiên Chrome mới.

Tuy nhiên, ChromeDriver có thể được hướng dẫn kết nối với phiên Chrome hiện có thay vì khởi chạy phiên mới. Điều này được thực hiện bằng cách sử dụng 'debuggerAddress' trong đối tượng Khả năng (hay còn gọi là ChromeOptions). Vì tiện ích mở rộng tự động hóa chỉ được tải khi khởi động, nên có một số lệnh mà ChromeDriver không hỗ trợ khi làm việc với các phiên hiện có thông qua gỡ lỗi từ xa.

Nếu bạn thấy lỗi "hoạt động không được hỗ trợ khi sử dụng gỡ lỗi từ xa", hãy thử viết lại bài kiểm tra để nó khởi chạy phiên Chrome mới. Điều này có thể được thực hiện bằng cách xóa 'debuggerAddress' khỏi đối tượng Khả năng.

Nguồn: https://sites.google.com/a/chromium.org/chromedriver/help/operation-not-supported-when-using-remote-debugging

Bạn cũng có thể sử dụng của bạn config.jsđể đặt kích thước cửa sổ:

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

Nếu phương pháp ưu tiên:

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

không phù hợp với bạn (ví dụ: chạy thử nghiệm Thước đo trong Xvfb), thì bạn cũng có thể tối đa hóa cửa sổ theo cách này (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);
        });
    });
},

Phiên bản 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]);
            });
        });
    }
};

Tôi chỉ cần thêm mã bên dưới vào tệp protractor.conf.js của mình và nó hoạt động tốt.

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

Mục đích của setTimeout và executeScript trong câu trả lời của bạn là gì? Tôi đấu tranh để tìm các phương pháp hay nhất trong tài liệu về thước đo góc ...

Theo suy nghĩ của tôi, sử dụng trực tiếp tối đa hóa () là một ý tưởng tồi và không phải là phương pháp ưa thích, vì nó sẽ không đặt cùng kích thước trên mọi máy nơi các thử nghiệm được thực hiện và có thể phá vỡ các hành vi đáp ứng.

Trong Selenium 4 (Thước đo góc 6), setRectthay thếsetSize vàsetPosition

Ví dụ,

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

Trong tệp Protractor.conf.js, thêm cấu hình sau

khả năng: {'browserName': 'chrome', chromeOptions: {args: ['start-maximized']}}

Sửa đổi tệp config.js của bạn như bên dưới.

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

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

Thêm mã bên dưới, điều này sẽ tối đa hóa cửa sổ trình duyệt

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