node创建typeScript项目，并引入selenium 进行E2E测试

 

1，创建node项目

在官网下载node进行安装https://nodejs.org/en/

输入以下命令查看是否安装成功，安装成功则会显示对应版本号。

node -v

创建一个项目目录，我这里创建为js-selenium 。

执行以下命令初始化一个node项目：

npm init -y

2，添加selenium 

npm install –save selenium-webdriver

还需要根据不同的浏览器，下载不同的浏览器驱动：

npm install chromedriver@你的浏览器版本号

你可以参考这里：https://www.selenium.dev/documentation/en/selenium_installation/

我这里使用的是chrome浏览器，你需要先查看自己的浏览器版本，然后下载对应版本以及对应操作系统的的chrome驱动。

参考这里下载和安装基于mac系统的chromedriver：

3，开始尝试用javascript编写selenium测试代码

然后可以在工程目录里面创建一个目录：src

再创建一个测试文件：demo1.js

现在你的工程目录结构应该是这样的：

demo1.js里面可以写一段简单的测试代码：

import { Builder} from 'selenium-webdriver';

let driver = await new Builder().forBrowser('chrome').build();

driver.get("https://www.baidu.com/");

你还需要在你的package.json文件里面添加对es模块的支持：

添加方式：添加第6行到你的package.json文件里面。

4，运行：

运行之后，会自动打开chrome浏览器，并且会自动打开百度。

5, 添加TypeScript支持

安装typescript库:

cd 项目根目录

npm install -g typescript

输入 tsc -v 查看是否安装成功，如果显示了版本号，则typescript安装成功。

输入 tsc --init 进行初始化：

初始化完成之后，项目根目录出现了一个tsconfig.json文件。

可以编辑文件中的target值，来修改编译版本，例如：

"target": "ES2020",
"module": "commonjs",
"outDir": "./out",//指定输出文件夹
"rootDir": "./src"

我们可以继续在src目录下面新建一个demo2.ts文件，把刚刚demo1.js文件里面的内容全部拷贝过来。

执行文件的方式有两种：

运行方式一：

npm install ts-node

node --loader ts-node/esm demo2.ts

运行方式二：

vsCode编辑器：使用 command + shift + b 进行编译 

再像刚刚运行js文件那样使用node命令来运行out文件夹下对应的js文件。