如何连接Electron应用

一，背景

基于Electron的桌面应用，要做UI自动化。

二，过程

方案一：

众所周知，electron是基于chromium的，且支持chrome的启动参数启动。那么，咋们同样可通过devtools协议实现与应用页面中的element交互，话不多，应用加上启动参数 --remote-debugging-port=9223 启动

const puppeteer = require('puppeteer-core');
let request = require('request-promise-native');

var browser = {};

(async () => {
    let version = await request({
        uri:  "http://127.0.0.1:9223/json/version",
        json: true
    });
    // connect by cdp.
    browser = await puppeteer.connect({
        browserWSEndpoint: version.webSocketDebuggerUrl
    });
    const page1 = (await browser.pages())[0];
    console.log(page1);
})();

总是坎坷，有如下报错：

从puppeteer官方了解到，是Electron未实现该getBrowserContexts方法

Support Electron and other content embedders · Issue #4283 · puppeteer/puppeteer · GitHub

方案二：

采用纯CDP协议，通过pychrome工具包连接webview页面，但是进行元素操作需要用底层的CDP协议，有成本。

方案三：

采用chromedriver方案。上code。此种方式，可复用之前基于chromedriver编写的元素操作代码。

from selenium.webdriver import Chrome
from selenium.webdriver import ChromeOptions

if __name__ == "__main__":
    # path_application 为.exe文件的路径
    path_application = r'C:/postman.exe'
    options1 = ChromeOptions()
    options1.add_experimental_option('binary',path_application)
    options1.add_experimental_option('windowTypes',['webview'])
    driver = Chrome(
        executable_path = "./test/chromedriver.exe",
        options=options1
    )

 以上各chromedriver的参数的含义可查阅该文中提及的官方文档

WebView自动化总结_HamburgerZRH的博客-CSDN博客