webdriverio+chrome自动化测试

环境准备

1. 安装 Appium Desktop
2. 启动 Appium Desktop Server
3. yarn add webdriverio
4. 使用chrome开发者工具获取元素选择器
5. 编写测试代码

示例

1. 自动打开chrome
2. 打开指定网页
3. 执行指定动作

const webdriverio = require('webdriverio')
let options = {
    port: 4723,
    desiredCapabilities: {
        'platformName': 'Android',
        'deviceName': 'Redmi', // 此处写设备名或设备的UDID
        'browserName': 'Chrome',
        'fullReset': false,
        'noReset': true
    }
}
const isPc = false
if (isPc) {
    // 使用 pc 的 chrome，需要先运行"selenium-server-standalone-3.5.3.jar"
    // 下载"selenium-server-standalone-3.5.3.jar"
    // 执行"java -jar selenium-server-standalone-3.5.3.jar"
    options = {
        desiredCapabilities: {
            'browserName': 'Chrome',
            'fullReset': false,
            'noReset': true,
            chromeOptions: {
                mobileEmulation: { 'deviceName': 'iPhone 6/7/8' },
                args: [], // chrome 启动参数写在此处
            },
        }
    }
}
const driver = webdriverio.remote(options)
process.on('exit', () => {
    console.log(`程序已退出`)
})
process.on('SIGINT', () => {
    driver.end()
})

async function main () {
    try {
        await driver.init()
            .url('https://www.baidu.com')
            .setValue('#index-kw', '测试')
            .click('#index-bn')
            .saveScreenshot('./snapshot.png')
            .pause(4000)
    } catch (e) {
        console.error(e)
    } finally {
        driver.end()
    }
}

main().then(() => {
})