• Protrator自动化测试(针对Angular 应用的自动化测试)


    环境准备工作:

    1,Protrator 是在NodeJs 环境下运行的,所以第一步是安装NodeJS

    2,测试本机是否安装了NodeJs 可以命令行下输入:node -v,将会输出NodeJS 的版本号,在Window下没有什么好的命令行工具,建议安装Git工具,可以在Git Bash下面输入命令行,有点类似Linux的命令行。

    3,安装npm,可以通过npm -version 命令检测是否安装了NPM

    4,通过NPM安装Protrator:npm install -g protractor

    5,可以通过:protrator --version命令检测Protractor 是否安装成功了。

    6,Protrator 安装成功后,会自动安装了:webdriver-manager,可以执行:webdriver-manager update ,命令更新最新的版本。

    7,启动Webdriver-manager,命令如下:webdriver-manager start

    8,Driver 启动后,可以打开网站:http://localhost:4444/wd/hub/static/resource/hub.html,则表明Driver启动成功了。

    环境准备成功,现在需要编写自动化测试脚本:

    1,创建一个项目的文件夹:Protrator Demo,并且创建两个JS脚本:conf.js 和spec.js

    1>,conf.js是Protrator 的配置文件脚本,代码如下:

    // conf.js
    exports.config = {
      seleniumAddress: 'http://localhost:4444/wd/hub',
      specs: ['spec.js']
    }

    2,spec.js 是自动化执行的脚本,代码如下:

    // spec.js
    describe('Protractor Demo App', function() {
      it('should add one and two', function() {
        browser.get('http://juliemr.github.io/protractor-demo/');
        element(by.model('first')).sendKeys(1);
        element(by.model('second')).sendKeys(2);
    
        element(by.id('gobutton')).click();
        expect(browser.getTitle()).toEqual('Super Calculator');
        expect(element(by.binding('latest')).getText()).
            toEqual('3'); // This is wrong!
      });
       
    
    });

    3,通过命令:protractor conf.js 执行测试用例,即可用看到效果。

    Demo 下载 密码:49e4

  • 相关阅读:
    通过如何通过js实现复制粘贴功能
    通过localstorage和cookie实现记录文章的功能
    HTML5表单提示placeholder属性兼容IE
    html5跨域数据传递(postMessage)
    js获取当前指定的前几天的日期(如当前时间的前七天的日期)
    html5本地存储(localStorage)使用介绍
    原生js动画效果(源码解析)
    如何通过js和jquery获取图片真实的宽度和高度
    echart-图表位置改变
    echart-渐变色背景
  • 原文地址:https://www.cnblogs.com/fanxiaojun/p/4600521.html
Copyright © 2020-2023  润新知