javascript+protractor
关注
分享
扫一扫
文章平均质量分 51
weixin_39430584
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js---BOM
1）BOM：Bom是浏览器对象模型（顶级对象为windows,可以省略）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c原创 2021-07-11 17:13:56 · 117 阅读 · 0 评论 -
js-----基础知识
1、js由三部分组成：ECMAscript(基本语法）、dom(操作页面元素）、bom（操作浏览器）1）html页面中css和js引用都有三种方式2）alert（）和console.log()介绍3）数据类型：数字 var num=100; 字符串(单引号或者双引号） var str="javascript" 布尔类型 var bool=true; var bool=false; Undefined类型 ...原创 2021-07-11 15:18:51 · 170 阅读 · 0 评论 -
javascript---标识符，常量、变量
JavaScript起源： 是由Netscape公司（网景）发明的，它是一种描述性语言，与java语言没什么关系，只是在结构和语法上与Java类似，与当初的sun公司是一个联盟，所以起名Javascript。javaScript作为一个草案提交给ECMA(欧洲计算机制造商协会),该协会发布了名为ECMAScript的全新脚本语言（ES6），es6是新标准一些老版本的浏览器可能不支持。...原创 2018-12-19 13:08:00 · 618 阅读 · 0 评论 -
javascript----if、for、
if结构:1、if（条件成立）{ 条件成立时执行代码；}<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>if语句</title><...原创 2019-01-07 15:53:29 · 289 阅读 · 0 评论 -
protractor中元素定位方式
protractor常用元素定位方式：1、by.css<div class="parent"> <div class="child"> Child text <div>{{person.phone}}</div> </div></div>var/let child原创 2019-03-13 14:59:15 · 1282 阅读 · 0 评论 -
protractor的页面对象模式
1、如同selenium一样，protractor也提倡使用页面对象模式来进行测试，如下是官网的例子：没有页面对象模式是这样的：describe('angularjs homepage', function() { it('should greet the named user', function() { browser.get('http://www.angularj...原创 2019-03-13 14:21:53 · 321 阅读 · 0 评论 -
protractor环境安装
1、安装ide,webstorm或者vs2、安装node.js，node.js能够使用javascript脱离browser单独运行；3、安装protractor,最好使用全局安装（-g），在windwos命令行执行如下命令：npm install -g protractor这条命令会安装rotractorandwebdriver-manager两个组件. 运行命令prot...原创 2019-03-13 13:54:08 · 615 阅读 · 0 评论 -
protractor自动化测试注意事项
1、使用PageObject模式写代码的时候：expect(element(by.binding('notPresent')).isPresent()).toBe(false);这句代码需要分开写：page中写：greeting=element(by.binding('notPresent')).isPresent()；test中写expect(greeting).toBe(false)...原创 2019-03-13 13:58:51 · 709 阅读 · 0 评论 -
protractor测试框架6----报告、公共方法、公共变量
1、报告在protractor.conf.js中配置后会自动生成，保存在如下目录 ：会自动生成html报告，用例执行失败的时候会有截图放在screenshots目录下2、公共方法，如node.js读写excel的方法：//functionlib.js//读取excel表格内容的函数:excelPath:excel的路径,如：xxx.xlsx，sheetName:sheet的名...原创 2019-03-14 20:08:58 · 497 阅读 · 0 评论 -
protractor测试框架5----Layout比对
Layout比对用到的模块主要有:var BlinkDiff=require('blink-diff');const PixDiff = require('pix-diff');Login layout代码：var env = require('../../environment.js');var loginpage=require("../../page-objects/...原创 2019-03-14 20:02:15 · 372 阅读 · 0 评论 -
protractor测试框架4----配置文件
配置文件protractor.conf.js是protractor里面非常重要的组成部分，项目的所有配置都在这里var env = require('./environment.js');var func=require("./functionlib.js");var SpecReporter=require('jasmine-spec-reporter').SpecReporter; ...原创 2019-03-14 19:55:10 · 1894 阅读 · 0 评论 -
protractor测试框架3----数据驱动
1、数据驱动的模块：jasmine-data-provider2、使用json作为数据驱动文件：如下是正常登陆脚本的数据驱动文件：{ "normal_login": { "test system_admin role login": { "role": "xxxxxx", "username": ...原创 2019-03-14 19:47:40 · 350 阅读 · 0 评论 -
protractor测试框架2----测试用例
测试用例放在page-specs文件夹中：因为用例太多了，所以在page-specs目录下又新建了二级目录：登陆正常用例：//login_normal.jsvar env = require('../../environment.js'); var loginpage=require("../../page-objects/login_page.js"); //log...原创 2019-03-14 19:41:35 · 523 阅读 · 0 评论 -
protractor测试框架1----页面对象模式
在上一篇的page-objects文件夹中放的是每个页面的代码：页面中的代码如下：//login_page.jsvar login=function(){ var username_input = element(by.id('username')); var passwd_input = element(by.id('password')); var l...原创 2019-03-14 19:27:33 · 544 阅读 · 0 评论 -
protractor项目的目录结构
1、官方推荐的目录结构：|-- project-folder |-- app |-- css |-- img |-- partials home.html profile.html contacts.html |-- js |-- controllers |-- directives...原创 2019-03-14 18:59:17 · 463 阅读 · 0 评论