一、selenium IDE,selenium Grid, selenium Webdriver分别是什么？

selenium RC, selenium IDE,selenium Grid, selenium Webdriver分别是什么?

image.png
图取自 https://blog.csdn.net/qq_31524409/article/details/100725437

image.png
图截自官方文档 https://www.selenium.dev/documentation/zh-cn/getting_started/quick/

二、Selenium 入门例子

1、npm init
2、npm install selenium-webdriver
3、通过官网文档这里

image.png

下载谷歌、火狐和Edge对应的驱动，并放置在项目根目录下；或者你可以设置环境变量 https://www.selenium.dev/documentation/zh-cn/webdriver/driver_requirements/#adding-executables-to-your-path

4、在项目根目录新建example.js文件

const {Builder, By, Key, until} = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');
// chrome.setDefaultService(new chrome.ServiceBuilder('./chromedriver_win32').build());
const fs = require('fs');

(async function example() {
    const browserArray=['MicrosoftEdge','chrome','firefox'];
    async function startBrowserAndDoNext(BrowserName) {
        let driver = await new Builder().forBrowser(BrowserName).build();
        try {
            await driver.get('https://www.baidu.com');
            await driver.findElement(By.id('kw')).sendKeys(BrowserName, Key.RETURN);
            await driver.wait(until.titleIs(BrowserName+'_百度搜索'), 10000);
            //返回页面png截图
            await  driver.takeScreenshot().then((res)=>{
                // 写入文件
                let writerStream = fs.createWriteStream(BrowserName+'.png');
                writerStream.write(res.toString(), 'base64');
                writerStream.end();
                console.log('截图完毕')
            }).catch((err)=>{
                console.log('截图出现错误了'+err)
            })
            // await driver.quit();

        }catch (error){
            console.log('内部出错了'+error)
        }


    }


    browserArray.forEach((item)=>{
       startBrowserAndDoNext(item)
    })




})();

5、执行node example 即可看到自动打开谷歌、火狐及Edge浏览器，并在百度上输入对应的浏览器名字并截图相应的搜索结果至项目根目录；