How to use this.getWindowSize method in Appium Base Driver

Best JavaScript code snippet using appium-base-driver

pz_dialog.js

Source:pz_dialog.js Github

copy

Full Screen

...146 this.mask.insertBefore(this.J_PZDialog).fadeIn(500);147 },148 setMaskCenter:function(){149 this.mask.css({150 width:this.getWindowSize().width+(/MSIE\s+6\.0/.test(window.navigator.userAgent)?document.documentElement.scrollLeft:0)+"px",151 height:this.getWindowSize().height+(/MSIE\s+6\.0/.test(window.navigator.userAgent)?document.documentElement.scrollTop:0)+"px"152 });153 },154 setDialogCenter:function(){//设置弹出层居中显示155 var top=(this.getWindowSize().height-this.dialogHeight-10)/2<0?30:(this.getWindowSize().height-this.dialogHeight-20)/2;156 this.J_PZDialog.css({157 left:(this.getWindowSize().width-this.dialogWidth-10)/2+"px",158 top:top+"px"159 });160 },161 getWindowSize:function(){//获取窗口大小162 return {163 width:window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,164 height:window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight165 };166 },167 closeDialog:function(){168 var _this=this;169 //隐藏并删除对话框170 this.J_PZDialog.fadeOut("fast",function(){171 _this.J_PZDialog.remove();172 });173 //隐藏并删除幕布174 if(this.isMask){175 this.mask.fadeOut("fast",function(){176 _this.mask.remove();177 });178 };179 },180 addEvts:function(){//添加相关事件181 var _this=this;182 //给关闭按钮添加事件183 this.J_PZDialog_close.click(function(){184 _this.closeDialog();185 });186 //当窗口发生改变的时候实时设置居中187 $(window).resize(function(){188 //优化反复调整窗口大小带来的阻塞189 window.clearTimeout(t);190 var t=window.setTimeout(function(){191 _this.setDialogCenter() ;192 },300);193 //如果开起幕布，就实时调整大小194 if(_this.isMask){195 _this.setMaskCenter();196 };197 });198 //兼容ie6199 if(/MSIE\s+6\.0/.test(window.navigator.userAgent)){200 $(window).scroll(function(){201 if(_this.isMask){202 _this.mask.height(_this.getWindowSize().height+document.documentElement.scrollTop+"px");203 };204 _this.J_PZDialog.css("top",(_this.getWindowSize().height-_this.dialogHeight-10)/2+document.documentElement.scrollTop-100+"px");205 });206 };207 },208 insertDialogDOM:function(){ //创建DOM结构209 this.J_PZDialog=$("<div class='J_PZDialog'></div>"),//创建弹出层最外层DOM210 this.J_PZDialog_box=$("<div class='J_PZDialog_box'></div>"),//创建内层inner211 this.J_PZDialog_caption=$("<div class='popHd iw'></div>"),//创建弹出层头212 this.J_PZDialog_close=$("<i class='icon_close'></i>"),//创建关闭按钮213 this.J_PZDialog_caption_text=$("<span class='J_PZDialog_caption_text'></span>"),//创建文本提示信息214 this.J_PZDialog_content=$("<div class='popBd'></div>");//创建内容区域215 //拼接DOM结构216 this.J_PZDialog.append(this.J_PZDialog_box);217 this.J_PZDialog_box.append(this.J_PZDialog_caption,this.J_PZDialog_content);218 this.J_PZDialog_caption.append(this.J_PZDialog_close,this.J_PZDialog_caption_text);219 //设置提示框文本220 this.J_PZDialog_caption_text.html(this.dialogText);221 //为了兼容IE8 一下，这里需要指定J_PZDialog_box的宽度222 this.J_PZDialog_box.width(this.dialogWidth);223 //设置对话框的整体宽高224 this.J_PZDialog.width(this.dialogWidth);225 this.J_PZDialog.height(this.dialogHeight);226 //设置对话框居中显示227 this.setDialogCenter();228 //绑定相关事件229 this.addEvts();230 //插入到最底部231 this.J_PZDialog.appendTo(document.body).fadeIn(500); 232 //如果开起幕布遮罩233 if(this.isMask){234 this.createMask();235 } 236 //如果Dialog类型存在237 if(this.dialogType=="alert"){238 //设置alert内容239 this.setDialogAlert();240 }else if(this.dialogType=="confirm"){241 this.setDialogConfirm();242 }else if(this.dialogType=="tips"){243 this.setDialogTips();244 }else if(this.dialogType=="prompt"){245 this.setDialogPrompt();246 }else{247 this.setDialogDef();248 //如果是么人弹窗,并且开起了拖动，就要阻止关闭按钮事件冒泡249 if(this.dialogDrag){250 this.J_PZDialog_close.mousedown(function(e){e.stopPropagation();});251 };252 };253 //如果配置了拖动参数254 if(this.dialogDrag){255 this.J_PZDialog_caption.css("cursor","move");256 new PZ_DND({257 handle:this.J_PZDialog_caption,258 target:this.J_PZDialog259 });260 };261 }262};263//注册到全局对象264window["PZ_Dialog"]=PZ_Dialog;265/**266@基于jQuery拖放函数267@new PZ_DND({268 handle:this.J_PZDialog_caption, //指定拖动的手柄269 target:this.J_PZDialog //指定拖动的目标元素270 });271@杨永272@QQ:377746756273@call:18911082352274@版本:1.0275*/276function PZ_DND(args){277 var _this_=this;278 //初始化参数279 this.handle=args.handle;280 this.target=args.target;281 //绑定事件282 this.handle.mousedown(function(evt){283 //为了解决ie鼠标移除浏览器无法捕捉284 if(this.setCapture){this.setCapture();};285 evt.preventDefault();286 //获取鼠标相对于拖动目标的偏移287 var $this=this,288 layerX=_this_.getLayerPos(evt).x,289 layerY=_this_.getLayerPos(evt).y;290 //注册document移动事件291 $(document).mousemove(function(evt){292 evt.preventDefault();293 _this_.move(evt,layerX,layerY);294 }).mouseup(function(){295 $(this).unbind("mousemove");296 $(this).unbind("mouseup");297 //取消ie鼠标移除浏览器无法捕捉298 if(this.releaseCapture){this.releaseCapture();};299 _this_.target.css({300 opacity:1301 });302 });303 //鼠标按下拖动时的样式304 _this_.target.css({305 opacity:0.8306 });307 });308};309PZ_DND.prototype={310 setTargetPos:function(left,top){311 //防止因滚动条产生的距离312 if(!/MSIE\s+6\.0/.test(window.navigator.userAgent)){//ie6不需要减313 left=left-(document.documentElement.scrollLeft||document.body.scrollLeft);314 top=top-(document.documentElement.scrollTop||document.body.scrollTop);315 };316 top=top<0?0:top>(this.getWindowSize().height-this.target.get(0).offsetHeight)?this.getWindowSize().height-this.target.get(0).offsetHeight:top;317 left=left<0?0:left>(this.getWindowSize().width-this.target.get(0).offsetWidth)?this.getWindowSize().width-this.target.get(0).offsetWidth:left;318 this.target.css({319 left:left+"px",320 top:top+"px"321 });322 },323 move:function(evt,layerX,layerY){//鼠标在document上移动要执行的函数324 this.setTargetPos(evt.pageX-layerX,evt.pageY-layerY); 325 },326 getLayerPos:function(evt){//获取鼠标相对于拖动目标的偏移327 return {328 x:evt.pageX-this.target.offset().left,329 y:evt.pageY-this.target.offset().top330 };331 },...

Full Screen

Full Screen

dwz.scrollCenter.js

Source:dwz.scrollCenter.js Github

copy

Full Screen

...15 // 扩展参数16 var op = $.extend({ z: 1000000, mode:"WH"}, options);17 18 // 追加到 document.body 并设置其样式19 var windowSize = this.getWindowSize();20 return this.each(function(){21 var $this = $(this).css({22 'position': 'absolute',23 'z-index': op.z24 });25 26 // 当前位置参数27 var bodyScrollTop = $(document).scrollTop();28 var bodyScrollLeft = $(document).scrollLeft();29 var movedivTop = (windowSize.height - $this.height()) / 2 + bodyScrollTop;30 var movedivLeft = (windowSize.width - $this.width()) / 2 + bodyScrollLeft;31 32 if (op.mode == "W") {33 $this.appendTo(document.body).css({34 'left': movedivLeft + 'px'35 });36 } else if (op.model == "H"){37 $this.appendTo(document.body).css({38 'top': movedivTop + 'px'39 }); 40 } else {41 $this.appendTo(document.body).css({42 'top': (windowSize.height - $this.height()) / 2 + $(window).scrollTop() + 'px',43 'left': movedivLeft + 'px'44 });45 }46 47 // 滚动事件48 $(window).scroll(function(e){49 var windowSize = $this.getWindowSize();50 var tmpBodyScrollTop = $(document).scrollTop();51 var tmpBodyScrollLeft = $(document).scrollLeft();52 53 movedivTop += tmpBodyScrollTop - bodyScrollTop;54 movedivLeft += tmpBodyScrollLeft - bodyScrollLeft;55 bodyScrollTop = tmpBodyScrollTop;56 bodyScrollLeft = tmpBodyScrollLeft;57 // 以动画方式进行移动58 if (op.mode == "W") {59 $this.stop().animate({60 'left': movedivLeft + 'px'61 });62 } else if (op.mode == "H") {63 $this.stop().animate({64 'top': movedivTop + 'px'65 });66 } else {67 $this.stop().animate({68 'top': movedivTop + 'px',69 'left': movedivLeft + 'px'70 });71 }72 73 });74 75 // 窗口大小重设事件76 $(window).resize(function(){77 var windowSize = $this.getWindowSize();78 movedivTop = (windowSize.height - $this.height()) / 2 + $(document).scrollTop();79 movedivLeft = (windowSize.width - $this.width()) / 2 + $(document).scrollLeft();80 81 if (op.mode == "W") {82 $this.stop().animate({83 'left': movedivLeft + 'px'84 });85 } else if (op.mode == "H") {86 $this.stop().animate({87 'top': movedivTop + 'px'88 });89 } else {90 $this.stop().animate({91 'top': movedivTop + 'px',...

Full Screen

Full Screen

Renderer.js

Source:Renderer.js Github

copy

Full Screen

...19 /**20 * Set the stores width and height on resize21 */22 setStore() {23 RendererStore.set('width', this.getWindowSize()[0]);24 RendererStore.set('height', this.getWindowSize()[1]);25 RendererStore.set('stageCenter', new PIXI.Point(this.getWindowSize()[0] / 2, this.getWindowSize()[1] / 2));26 }27 /**28 * Start the animation loop29 * @return {null}30 */31 start() {32 this.active = true;33 window.requestAnimationFrame(this.animate.bind(this));34 }35 /**36 * Stop the animation loop37 * @return {null}38 */39 stop() {40 this.active = false;41 }42 /**43 * Main animation loop, updates animation store44 * @return {null}45 */46 animate() {47 stats.begin();48 this.renderRenderables();49 if(this.active) {50 window.requestAnimationFrame(this.animate.bind(this));51 AnimationStore.emitChange();52 }53 stats.end();54 }55 /**56 * Sets's store and emits Change57 * @return {null}58 */59 resizeHandler() {60 this.resize(...this.getWindowSize());61 this.setStore();62 RendererStore.emitChange();63 }64 /**65 * Get the current window size66 * @return {null}67 */68 getWindowSize() {69 var width = window.innerWidth;70 var height = window.innerHeight;71 return [width, height];72 }73 /**74 * Add a renderable object to the animation loop...

Full Screen

Full Screen

MainNav.js

Source:MainNav.js Github

copy

Full Screen

...13 mobile:false,14 }15 componentDidMount(){16 //mount get window size method17 this.getWindowSize()18 //bind this to VR DOM19 window.addEventListener("resize", this.getWindowSize.bind(this))20 }21 toggleMobileView = () =>{22 //toggle mobile state to true or false23 this.setState({mobile:!this.state.mobile}, () => '')24 }25 activeLink = (value) =>{26 // let target = document.querySelectorAll(['data-name=${value}']);27 // console.log(target)28 }29 getWindowSize = () => {30 const {mobile} = this.state31 //check if window size is greater than 700px and mobile state is true...

Full Screen

Full Screen

viewportMixin.js

Source:viewportMixin.js Github

copy

Full Screen

...12 },13 mounted() {14 this.$nextTick(() => {15 window.addEventListener("resize", this.getWindowSize);16 this.getWindowSize();17 });18 },19 methods: {20 getWindowSize() {21 this.windowWidth = document.documentElement.clientWidth;22 this.windowHeight = document.documentElement.clientHeight;23 }24 },25 beforeDestroy() {26 window.removeEventListener("resize", this.getWindowSize);27 }...

Full Screen

Full Screen

resize.js

Source:resize.js Github

copy

Full Screen

...6 }7 },8 created () {9 window.addEventListener('resize', this.getWindowSize)10 this.getWindowSize()11 },12 mounted () {13 this.getWindowSize()14 },15 beforeDestroy () {16 window.removeEventListener('resize', this.getWindowSize)17 },18 methods: {19 getWindowSize () {20 if (this.$el) {21 this.windowHeight = this.$el.clientHeight22 this.windowWidth = this.$el.clientWidth23 }24 }25 }...

Full Screen

Full Screen

window_size.js

Source:window_size.js Github

copy

Full Screen

...6 }7 },8 created () {9 window.addEventListener('resize', this.getWindowSize)10 this.getWindowSize()11 },12 mounted () {13 this.getWindowSize()14 },15 beforeDestroy () {16 window.removeEventListener('resize', this.getWindowSize)17 },18 methods: {19 getWindowSize () {20 if (this.$el) {21 this.windowHeight = this.$el.clientHeight22 this.windowWidth = this.$el.clientWidth23 }24 }25 }...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1let windowSize = await driver.getWindowSize();2let windowRect = await driver.getWindowRect();3await driver.setWindowSize(500, 500);4await driver.setWindowRect(500, 500, 500, 500);5let orientation = await driver.getOrientation();6await driver.setOrientation("LANDSCAPE");7await driver.rotate("LANDSCAPE");8let location = await driver.getGeoLocation();9await driver.setGeoLocation({latitude: 12.34, longitude: 56.78, altitude: 10.0});10let networkConnection = await driver.getNetworkConnection();11await driver.setNetworkConnection(6);12let settings = await driver.getSettings();13await driver.updateSettings({ignoreUnimportantViews: true});14let performanceData = await driver.getPerformanceData("com.example.android.myApp", "cpuinfo", 1000);15let performanceDataTypes = await driver.getPerformanceDataTypes();16await driver.toggleAirplaneMode();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1var wd = require('wd');2var driver = wd.remote();3driver.init({4}, function() {5 driver.getWindowSize(function(err, size) {6 console.log(size);7 });8});9driver.getWindowSize(function(err, size) {10 console.log(size);11 });

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import wd from 'wd';2import chai from 'chai';3import chaiAsPromised from 'chai-as-promised';4import {startServer} from 'appium';5import { HOST, PORT, BUNDLE_ID } from './config';6chai.should();7chai.use(chaiAsPromised);8describe('iOS Test', function () {9 let driver;10 let allPassed = true;11 before(async function () {12 let server = await startServer({port: PORT, host: HOST});13 driver = wd.promiseChainRemote(HOST, PORT);14 await driver.init({15 });16 });17 after(async function () {18 await driver.quit();19 allPassed = allPassed && this.currentTest.state === 'passed';20 });21 afterEach(function () {22 allPassed = allPassed && this.currentTest.state === 'passed';23 });24 it('should get window size', async function () {25 let windowSize = await driver.getWindowSize();26 console.log(windowSize);27 });28});29let windowSize = await driver.getWindowSize('window');30let windowSize = await driver.getWindowSize('current');31let windowSize = await driver.getWindowSize('current');32let windowSize = await driver.getWindowSize('current');33let windowSize = await driver.getWindowSize('current');

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { BaseDriver } = require('appium-base-driver');2const { getScreenshotData } = require('appium-support');3const { util } = require('appium-support');4const { errors } = require('appium-base-driver');5const { MJSONWP } = require('appium-base-driver');6const { status } = require('appium-base-driver');7const { system } = require('appium-support');8const { fs } = require('appium-support');9const { logger } = require('appium-support');10const { tempDir } = require('appium-support');11const { tempFile } = require('appium-support');12const { escapeSpace } = require('appium-support');13const { waitForCondition } = require('asyncbox');14const { retryInterval } = require('asyncbox');15const { retry } = require('asyncbox');16const { SubProcess } = require('teen_process');17const { exec } = require('teen_process');18const { execSubProcess } = require('teen_process');19const { SubProcessError } = require('teen_process');20const { getJavaForOs } = require('teen_process');21const { getJavaHome } = require('teen_process');22const { getJavaVersion } = require('teen_process');23const { getJavaForOs } = require('teen_process');24const { getJavaHome } = require('teen_process');25const { getJavaVersion } = require('teen_process');26const { getJavaForOs } = require('teen_process');27const { getJavaHome } = require('teen_process');28const { getJavaVersion } = require('teen_process');29const { getJavaForOs } = require('teen_process');30const { getJavaHome } = require('teen_process');31const { getJavaVersion } = require('teen_process');32const { getJavaForOs } = require('teen_process');33const { getJavaHome } = require('teen_process');34const { getJavaVersion } = require('teen_process');35const { getJavaForOs } = require('teen_process');36const { getJavaHome } = require('teen_process');37const { getJavaVersion } = require('teen_process');38const { getJavaForOs } = require('teen_process');39const { getJavaHome } = require('teen_process');40const { getJavaVersion } = require('teen_process');41const { getJavaForOs } = require('teen_process');42const { getJavaHome

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1describe('Test Appium Base Driver', function() {2 it('should get the window size', function() {3 return this.getWindowSize().then(function(size) {4 size.width.should.equal(100);5 size.height.should.equal(200);6 });7 });8});

Full Screen

Full Screen

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run Appium Base Driver automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful