web前端测试—

开发环境：安装有node的macbook（windows没测）

第一步：

创建自己需要测试的项目，如在桌面创建一个test目录作为我们的项目根目录。

打开sublim text ，并将项目拖到sublim text中，方便管理。

第二步：

打开终端，输入命令cd Desktop/test进入到项目根目录，输入npm init ，一路回车生成package.json文件。

第三步：

配置package.json文件。

"e2e":"node ./e2e/index.js"

第四步：

在test目录下创建e2e文件夹，并在e2e文件夹下创建index.js文件。

index.js文件内容：

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

(async function example() {
  let driver = await new Builder().forBrowser('firefox').build();
  try {
    await driver.get('https://www.baidu.com/

');
await driver.findElement(By.name

('wd')).sendKeys('abc', Key.RETURN);
    await driver.wait(until.titleIs('abc_百度搜索'), 1000);
  } finally {
    await driver.quit();
  }
})();

第五步：

安装e2e需要的测试包：selenium-webdriver

npm install selenium-webdriver --save-dev

第六步：

添加测试浏览器所需要要的驱动，打开www.npmjs.com，输入selenium-webdriver点击打开selenium-webdriver下载使用说明。

选择自己需要测试的浏览器驱动，比如选择第一个chrome，点击进入下载页面

自己的电脑是什么系统就下载对应系统的驱动

下载完后解压，将解压后的小黑窗文件拖到你项目的根目录。

第七步：

在终端输入：npm run e2e进行测试。

注意事项：

一、安装测试需要的包：selenium-webdriver

二、index.js书写正确。

三、注意自己要测试的浏览器（chrome浏览器的版本多，我为了方便使用的是ff浏览器）

四、是否进入到项目目录进行安装。

五、驱动是否已经添加进项目。

六、需要测试的页面元素的name值，搜索值，得到的值。

web前端测试——e2e测试相关推荐

Web前端小测试——Vue简易投票(根据票数实时更新排名)
前言:新人投稿,不足之处,还望斧正! 这段时间有个Web前端实验上机测试,当时没有在限定的时间内做出来的,真的感觉自己好笨好笨,所有积累的理论基础感觉自己没有任何一丢丢可以拿上台面来,过后也因此不敢去 ...
手把手教你构建一个web前端项目，全网最详细教程！
为什么80%的码农都做不了架构师?>>> 1. 选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种:选择现成的项目模板.自己搭建项目骨架. 选择一个现成项目模 ...
前端如何实现网络速度测试功能_分析Web前端测试要点，从架构原理上进行分析，希望大家能够掌握...
基于Web前端分析过程,大概有十几个测试要点,我们今天主要来讲解结合前五个要点进行详细解说.前端测试点主要针对前端展开,什么叫前端分析呢?就是我们所有的分析和测试要点所站的视角都是针对客户端或者浏览器 ...
Web前端页面的浏览器兼容性测试心得（三）总结一些IE8兼容问题的解决方案
Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案参考文章: (1)Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案 (2)https://www. ...
web前端移动端项目测试的几种方法
web前端移动端项目测试的几种方法本人只是个做前端刚刚半年的小白技术还不熟练见识也不够广希望大家不喜勿喷如果有不对的地方欢迎大家指出我更加会努力的学习提高自己的水平! 本人只是 ...
Web前端设计基础测试
Web前端设计基础测试一. 多选题(共6 题,30.0分) 二. 单选题(共4 题,20.0分) 三. 判断题(共10 题,50.0分) 一. 多选题(共6 题,30.0分) (多选题,5.0分)关 ...
前端E2E测试略详解（以cypress为例）
上一篇文章很简略的介绍了E2E测试的一些框架,本文从相对更详细的层面进行整理 E2E测试 (by cypress): cypress安装 npm install cypress --save-dev ...
Web前端开发技术期末测试及解析一
一.选择题(每题 1 分,共 20 分) HTML 指的是( ). (A)超链接的文本标记语言 (B)超文本标识语言 (C)家庭工具标记语言 (D)以上都不是 [答案]B 下列能够实现美化页面的语言是 ...
e2e测试框架之Cypress
谈起web自动化测试,大家首先想到的是Selenium!随着近几年前端技术的发展,出现了不少前端测试框架,这些测试框架大多并不依赖于Selenium,这一点跟后端测试框架有很大不同,如Robot Fr ...

web前端测试——e2e测试

web前端测试——e2e测试相关推荐

最新文章

热门文章