javascript - 从命令行使用 headless chrome 执行单个 Javascript 文件

Question

我们使用 PhantomJS 作为简单的测试运行器，如下所示:

phantomjs path/to/test.js

headless chrome 有类似的方法吗？

Answer 1

Selenium WebDriver是一个 NPM 包，可以帮助您运行 headless 浏览器。

试试下面的例子:

const chrome = require('selenium-webdriver/chrome');
const {Builder, By, Key, until} = require('selenium-webdriver');

const width = 640;
const height = 480;

let driver = new Builder()
    .forBrowser('chrome')
    .setChromeOptions(
        new chrome.Options().headless().windowSize({width, height}))
    .build();

driver.get('http://www.google.com/ncr')
    .then(_ =>
        driver.findElement(By.name('q')).sendKeys('webdriver', Key.RETURN))
    .then(_ => driver.wait(until.titleIs('webdriver - Google Search'), 1000))
    .then(
        _ => driver.quit(),
        e => driver.quit().then(() => { throw e; }));

根据API ，驱动程序方法返回 Promises，因此，可以使用 async/await 语法调用:

const chrome = require('selenium-webdriver/chrome');
const {Builder, By, Key, until} = require('selenium-webdriver');

async function test() {
    const width = 640;
    const height = 480;

    let driver = new Builder()
        .forBrowser('chrome')
        .setChromeOptions(
            new chrome.Options().headless().windowSize({width, height}))
        .build();

    await driver.get('http://www.google.com/ncr')
    await driver.findElement(By.name('q')).sendKeys('webdriver', Key.RETURN))
    await driver.wait(until.titleIs('webdriver - Google Search'), 1000))
    await driver.quit()
}

test();