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 · 71 阅读 · 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 · 112 阅读 · 0 评论 -
javascript---标识符,常量、变量
JavaScript起源: 是由Netscape公司(网景)发明的,它是一种描述性语言,与java语言没什么关系,只是在结构和语法上与Java类似,与当初的sun公司是一个联盟,所以起名Javascript。javaScript作为一个草案提交给ECMA(欧洲计算机制造商协会),该协会发布了名为ECMAScript的全新脚本语言(ES6),es6是新标准一些老版本的浏览器可能不支持。 ...原创 2018-12-19 13:08:00 · 523 阅读 · 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 · 223 阅读 · 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 · 1207 阅读 · 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 · 281 阅读 · 0 评论 -
protractor环境安装
1、安装ide,webstorm或者vs 2、安装node.js,node.js能够使用javascript脱离browser单独运行; 3、安装protractor,最好使用全局安装(-g),在windwos命令行执行如下命令: npm install -g protractor 这条命令会安装rotractorandwebdriver-manager两个组件. 运行命令prot...原创 2019-03-13 13:54:08 · 543 阅读 · 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 · 661 阅读 · 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 · 453 阅读 · 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 · 307 阅读 · 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 · 1803 阅读 · 0 评论 -
protractor测试框架3----数据驱动
1、数据驱动的模块: jasmine-data-provider 2、使用json作为数据驱动文件: 如下是正常登陆脚本的数据驱动文件: { "normal_login": { "test system_admin role login": { "role": "xxxxxx", "username": ...原创 2019-03-14 19:47:40 · 287 阅读 · 0 评论 -
protractor测试框架2----测试用例
测试用例放在page-specs文件夹中: 因为用例太多了,所以在page-specs目录下又新建了二级目录: 登陆正常用例: //login_normal.js var env = require('../../environment.js'); var loginpage=require("../../page-objects/login_page.js"); //log...原创 2019-03-14 19:41:35 · 477 阅读 · 0 评论 -
protractor测试框架1----页面对象模式
在上一篇的page-objects文件夹中放的是每个页面的代码: 页面中的代码如下: //login_page.js var login=function(){ var username_input = element(by.id('username')); var passwd_input = element(by.id('password')); var l...原创 2019-03-14 19:27:33 · 479 阅读 · 0 评论 -
protractor项目的目录结构
1、官方推荐的目录结构: |-- project-folder |-- app |-- css |-- img |-- partials home.html profile.html contacts.html |-- js |-- controllers |-- directives ...原创 2019-03-14 18:59:17 · 394 阅读 · 0 评论