How to use cancelCallback method in Playwright Internal
Best JavaScript code snippet using playwright-internal
HostSdk.js
Source:HostSdk.js 
1/**2 * ä¸å®¢æ·ç«¯äº¤äºçSDK3 */4(function() {5 // å¤æå¹³å°çå·¥å
·æ¹æ³6 var ua = navigator.userAgent;7 var clientTool = {8 // æ¯å¦æ¯Android9 isAndroid: ua.toLowerCase().indexOf("android") > -1 || ua.toLowerCase().indexOf("linux") > -1,10 // æ¯å¦æ¯iPad11 isIpad: ua.indexOf("iPad") > -1,12 // æ¯å¦æ¯iPhone13 isIphone: ua.indexOf("iPhone") > -1,14 // æ¯å¦å¨è¹æ设å¤15 isApple: false16 };17 clientTool.isApple = (clientTool.isIphone === true || clientTool.isIpad === true);18 // 客æ·ç«¯åè°19 window.host_sdk = {20 // å·²ç»åå§åè¿21 initialized: false,22 // çå½å¨ææ¹æ³ï¼åå§å23 onInit: function() {24 window.host_sdk.initialized = true;25 if (hostsdk && hostsdk.onInit) hostsdk.onInit();26 },27 // çå½å¨ææ¹æ³ï¼æåæ§è¡28 onPause: function() {29 if (hostsdk && hostsdk.onPause) hostsdk.onPause();30 },31 // çå½å¨ææ¹æ³ï¼æ¢å¤æ§è¡32 onResume: function() {33 if (hostsdk && hostsdk.onResume) hostsdk.onResume();34 },35 // çå½å¨ææ¹æ³ï¼ç»ææ§è¡36 onStop: function() {37 if (hostsdk && hostsdk.onStop) hostsdk.onStop();38 },39 // åçé误çåè°40 errorCallback: function(errorMsg) {},41 // åæ¶æä½åçåè°42 cancelCallback: function() {},43 // æä½æåååè°44 successCallback: function() {}45 };46 // è¹æ客æ·ç«¯jbridge47 window.setupWebViewJavascriptBridge = function(callback) {48 if (window.WebViewJavascriptBridge) {49 return callback(WebViewJavascriptBridge);50 }51 if (window.WVJBCallbacks) {52 return window.WVJBCallbacks.push(callback);53 }54 window.WVJBCallbacks = [callback];55 var WVJBIframe = document.createElement('iframe');56 WVJBIframe.style.display = 'none';57 WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';58 document.documentElement.appendChild(WVJBIframe);59 setTimeout(function() {60 document.documentElement.removeChild(WVJBIframe)61 }, 0);62 };63 if (clientTool.isApple) {64 setupWebViewJavascriptBridge(function(bridge) {65 window.ios_hostsdk = bridge;66 });67 }68 // å°è£
SDK69 var hostsdk = {70 // åå§åæ¶è¦æ§è¡çåè°éå71 initCallbacks: [],72 init: function(callback) {73 if (window.host_sdk.initialized) {74 callback();75 }76 window.hostsdk.initCallbacks.push(callback);77 },78 onInit: function() {79 for (var i = 0; i < window.hostsdk.initCallbacks.length; i++) {80 window.hostsdk.initCallbacks[i]();81 }82 },83 share: function(options) {84 if (!window.host_sdk.initialized) {85 location.href = "protocol://share?jsondata=" + JSON.stringify({86 desc: options.description,87 url: options.url,88 title: options.title,89 icon: options.icon,90 productid: "",91 coin: "0"92 });93 return;94 }95 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;96 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;97 if (options.cancelCallback) window.host_sdk.cancelCallback = options.cancelCallback;98 if (clientTool.isApple) {99 ios_hostsdk.callHandler("share", {100 "title": options.title,101 "desc": options.description,102 "url": options.url,103 "icon": options.icon,104 "platforms": options.platforms105 });106 } else {107 android_hostsdk.share(options.title, options.url, options.description, options.icon, options.platforms);108 }109 },110 login: function(options) {111 if (!window.host_sdk.initialized) {112 location.href = "protocol://login";113 return;114 }115 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;116 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;117 if (options.cancelCallback) window.host_sdk.cancelCallback = options.cancelCallback;118 if (clientTool.isApple) {119 ios_hostsdk.callHandler("login");120 } else {121 android_hostsdk.login();122 }123 },124 recharge: function(options) {125 if (!window.host_sdk.initialized) {126 location.href = "protocol://recharge?jsondata=" + JSON.stringify({127 payway: "other"128 });129 return;130 }131 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;132 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;133 if (options.cancelCallback) window.host_sdk.cancelCallback = options.cancelCallback;134 if (clientTool.isApple) {135 ios_hostsdk.callHandler("recharge");136 } else {137 android_hostsdk.recharge();138 }139 },140 downloadBook: function(options) {141 if (!window.host_sdk.initialized) {142 var ids = options.bookId.split(",");143 location.href = "protocol://downloadbook?jsondata=" + JSON.stringify(ids);144 return;145 }146 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;147 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;148 if (clientTool.isApple) {149 ios_hostsdk.callHandler("downloadBook", options.bookId);150 } else {151 android_hostsdk.downloadBook(options.bookId);152 }153 },154 getVip: function(options) {155 if (!window.host_sdk.initialized) {156 location.href = "protocol://getvip";157 return;158 }159 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;160 if (options.cancelCallback) window.host_sdk.cancelCallback = options.cancelCallback;161 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;162 if (clientTool.isApple) {163 ios_hostsdk.callHandler("getVip");164 } else {165 android_hostsdk.getVip();166 }167 },168 openUserCategory: function(options) {169 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;170 if (options.cancelCallback) window.host_sdk.cancelCallback = options.cancelCallback;171 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;172 if (clientTool.isApple) {173 ios_hostsdk.callHandler("openUserCategory");174 } else {175 android_hostsdk.openUserCategory();176 }177 },178 getInfo: function(options) {179 if (!window.host_sdk.initialized) {180 var search = location.href.split("?").length > 1 ? href.split("?")[1] : "";181 if (search.indexOf("#")) {182 search = search.split("#")[0];183 }184 var params = {};185 var i, p;186 if (search && search.trim().length >= 0) {187 var strs = search.split("&");188 for (i = 0; i < strs.length; i++) {189 p = strs[i].split("=");190 if (p.length > 1) {191 params[p[0].toLowerCase()] = p[1];192 } else {193 params[p[0].toLowerCase()] = p[0];194 }195 }196 }197 params.userId = params.uid;198 if (options.successCallback) options.successCallback(params);199 return;200 }201 if (options.successCallback) window.host_sdk.successCallback = options.successCallback;202 if (options.errorCallback) window.host_sdk.errorCallback = options.errorCallback;203 if (clientTool.isApple) {204 ios_hostsdk.callHandler("getInfo");205 } else {206 android_hostsdk.getInfo();207 }208 },209 openBook: function(bookId, errorCallback) {210 if (!window.host_sdk.initialized) {211 location.href = "protocol://openbook?jsondata=" + JSON.stringify({212 bookid: bookId213 });214 return;215 }216 if (errorCallback) window.host_sdk.errorCallback = errorCallback;217 if (clientTool.isApple) {218 ios_hostsdk.callHandler("openBook", bookId);219 } else {220 android_hostsdk.openBook(bookId);221 }222 },223 showBookDetail: function(bookId, errorCallback) {224 if (errorCallback) window.host_sdk.errorCallback = errorCallback;225 if (clientTool.isApple) {226 ios_hostsdk.callHandler("showBookDetail", bookId);227 } else {228 android_hostsdk.showBookDetail(bookId);229 }230 },231 openBookList: function(bookListId, errorCallback) {232 if (!window.host_sdk.initialized) {233 location.href = "protocol://seriesbook?jsondata=" + JSON.stringify({234 seriesid: bookListId235 });236 return;237 }238 if (errorCallback) window.host_sdk.errorCallback = errorCallback;239 if (clientTool.isApple) {240 ios_hostsdk.callHandler("openBookList", bookListId);241 } else {242 android_hostsdk.openBookList(bookListId);243 }244 },245 searchBook: function(keyword, errorCallback) {246 if (!window.host_sdk.initialized) {247 location.href = "protocol://searchbook?jsondata=" + JSON.stringify({248 keywords: keyword249 });250 return;251 }252 if (errorCallback) window.host_sdk.errorCallback = errorCallback;253 if (clientTool.isApple) {254 ios_hostsdk.callHandler("searchBook", keyword);255 } else {256 android_hostsdk.searchBook(keyword);257 }258 },259 exit: function(errorCallback) {260 if (!window.host_sdk.initialized) {261 location.href = "protocol://exit";262 return;263 }264 if (errorCallback) window.host_sdk.errorCallback = errorCallback;265 if (clientTool.isApple) {266 ios_hostsdk.callHandler("exit");267 } else {268 android_hostsdk.exit();269 }270 },271 setCloseable: function(closable, errorCallback) {272 if (errorCallback) window.host_sdk.errorCallback = errorCallback;273 if (clientTool.isApple) {274 ios_hostsdk.callHandler("setCloseable", closable);275 } else {276 android_hostsdk.setCloseable(closable);277 }278 }279 };280 window.hostsdk = hostsdk;281})();282if (typeof exports !== "undefined") {283 if (typeof module !== "undefined" && module.exports) {284 exports = module.exports = hostsdk;285 }286 exports.hostsdk = hostsdk;287} else if (typeof define === "function" && define.amd) {288 define([], hostsdk);...
PickerManager.js
Source:PickerManager.js
...83 },84 onPickerCancel: (pickedValue) => {85 console.log('num', pickedValue);86 if (!!cancelCallback) {87 cancelCallback();88 }89 },90 onPickerSelect: (pickedValue) => {91 console.log('num', pickedValue);92 }93 });94 Picker.show();95 }96 _showDatePicker(selectedValue, confirmCallback, cancelCallback) {97 Picker.init({98 pickerData: this._createDateData(),99 pickerToolBarFontSize: 16,100 pickerFontSize: 16,101 pickerFontColor: [255, 0 ,0, 1],102 selectedValue:selectedValue,103 pickerTitleText:'éæ©æ¥æ',104 pickerCancelBtnText:'åæ¶',105 pickerConfirmBtnText:'ç¡®å®',106 onPickerConfirm: (pickedValue, pickedIndex) => {107 console.log('date', pickedValue, pickedIndex);108 if (!!confirmCallback) {109 confirmCallback(pickedValue, pickedIndex);110 }111 },112 onPickerCancel: (pickedValue, pickedIndex) => {113 console.log('date', pickedValue, pickedIndex);114 if (!!cancelCallback) {115 cancelCallback();116 }117 },118 onPickerSelect: (pickedValue, pickedIndex) => {119 console.log('date', pickedValue, pickedIndex);120 }121 });122 Picker.show();123 }124 _showAreaPicker(confirmCallback, cancelCallback) {125 Picker.init({126 pickerData: this._createAreaData(),127 selectedValue: ['æ²³å', 'åå±±', 'å¤å¶åº'],128 onPickerConfirm: pickedValue => {129 console.log('area', pickedValue);130 if (!!confirmCallback) {131 confirmCallback(pickedValue);132 }133 },134 onPickerCancel: pickedValue => {135 console.log('area', pickedValue);136 if (!!cancelCallback) {137 cancelCallback();138 }139 },140 onPickerSelect: pickedValue => {141 //Picker.select(['å±±ä¸', 'éå²', 'é»å²åº'])142 console.log('area', pickedValue);143 }144 });145 Picker.show();146 }147 _showCitiesPicker(selectedValue, confirmCallback, cancelCallback) {148 Picker.init({149 pickerData: ImportantCity.cities,150 selectedValue: [selectedValue],151 pickerTitleText:'éæ©åå¸',152 pickerCancelBtnText:'åæ¶',153 pickerConfirmBtnText:'ç¡®å®',154 onPickerConfirm: pickedValue => {155 console.log('area', pickedValue);156 if (!!confirmCallback) {157 confirmCallback(pickedValue);158 }159 },160 onPickerCancel: pickedValue => {161 console.log('area', pickedValue);162 if (!!cancelCallback) {163 cancelCallback();164 }165 },166 onPickerSelect: pickedValue => {167 console.log('area', pickedValue);168 }169 });170 Picker.show();171 }172 _showTimePicker(confirmCallback, cancelCallback) {173 let years = [],174 months = [],175 days = [],176 hours = [],177 minutes = [];178 for(let i=1;i<51;i++){179 years.push(i+1980);180 }181 for(let i=1;i<13;i++){182 months.push(i);183 hours.push(i);184 }185 for(let i=1;i<32;i++){186 days.push(i);187 }188 for(let i=1;i<61;i++){189 minutes.push(i);190 }191 let pickerData = [years, months, days, ['am', 'pm'], hours, minutes];192 let date = new Date();193 let selectedValue = [194 [date.getFullYear()],195 [date.getMonth()+1],196 [date.getDate()],197 [date.getHours() > 11 ? 'pm' : 'am'],198 [date.getHours() === 12 ? 12 : date.getHours()%12],199 [date.getMinutes()]200 ];201 Picker.init({202 pickerData,203 selectedValue,204 pickerTitleText: 'Select Date and Time',205 wheelFlex: [2, 1, 1, 2, 1, 1],206 onPickerConfirm: pickedValue => {207 console.log('area', pickedValue);208 if (!!confirmCallback) {209 confirmCallback(pickedValue);210 }211 },212 onPickerCancel: pickedValue => {213 console.log('area', pickedValue);214 if (!!cancelCallback) {215 cancelCallback();216 }217 },218 onPickerSelect: pickedValue => {219 let targetValue = [...pickedValue];220 if(parseInt(targetValue[1]) === 2){221 if(targetValue[0]%4 === 0 && targetValue[2] > 29){222 targetValue[2] = 29;223 }224 else if(targetValue[0]%4 !== 0 && targetValue[2] > 28){225 targetValue[2] = 28;226 }227 }228 else if(targetValue[1] in {4:1, 6:1, 9:1, 11:1} && targetValue[2] > 30){229 targetValue[2] = 30;...
mylayer.js
Source:mylayer.js
...17 btn: ["ç¡®å®"],18 cancel: function(index){19 $layer.close(index);20 if(typeof cancelCallback == 'function'){21 cancelCallback();22 }23 }24 });25 }else{26 var ops = $.extend({27 title: "æ示",28 shade: 0.6,29 icon: 1,30 closeBtn: 0,31 btn: ["è¿åå表","继ç»æ·»å "],32 yes: function(index, layero){33 $layer.close(index);34 if(typeof yesCallback == 'function'){35 yesCallback();36 }37 },38 cancel: function(index){39 $layer.close(index);40 if(typeof cancelCallback == 'function'){41 cancelCallback();42 }43 }44 },option);45 updateOptionIcon(option, ops);46 $layer.alert(option.msg, ops);47 }48}49/**50 * å¼¹åºæ¶æ¯æ示ï¼ç¹å»ç¡®å®æ§è¡å½æ°51 * layer.alert å¼¹çª52 * btn: ["è¿åå表","继ç»æ·»å "]53 * @param option æ¾ç¤ºçå
容54 * @param yesCallback ç¹å»[è¿åå表]æ¯å¦éè¦åè°çæ¹æ³55 */56window.alert = function(option, yesCallback){57 if(typeof(option) == 'string'){58 $layer.alert(option, {59 title: "æ示",60 shade: 0.6,61 //icon: 1,62 closeBtn: 0,63 btn: ["ç¡®å®"],64 cancel: function(index){65 $layer.close(index);66 if(typeof cancelCallback == 'function'){67 cancelCallback();68 }69 }70 });71 }else{72 var ops = $.extend({73 title: "æ示",74 shade: 0.6,75 icon: 1,76 closeBtn: 0,77 btn: ["ç¡®å®"],78 yes: function(index, layero){79 $layer.close(index);80 if(typeof yesCallback == 'function'){81 yesCallback();82 }83 }84 },option);85 updateOptionIcon(option, ops);86 $layer.alert(option.msg, ops);87 }88}89/**90 * åªæ示æ¶æ¯ç¨91 * @param content92 */93function alertMsg(content){94// alert({msg:content,btn:["ç¡®å®"]});95 $layer.alert(content,{96 title: "æ示",97 shade: 0.6,98 icon: 2,99 closeBtn: 0,100 btn: ["ç¡®å®"],101 yes: function(index, layero){102 $layer.close(index);103 }104 });105}106/**107 * ä¿å æ示æ¶æ¯108 * layer.msg æ示æ¶æ¯109 * @param option æ示æ¶æ¯å
容110 * @param cancelCallback 2ç§éåçåè°æ¹æ³111 */112function toast(option,cancelCallback){113 if(typeof option == 'string'){114 $layer.msg(option,{icon: 1, shade:0.6, time: 1500 }, function(){115 if(typeof cancelCallback=='function'){116 cancelCallback();117 }118 });119 }else{120 var ops = $.extend({icon: 1, shade:0.6, time: 1500 },option);121 updateOptionIcon(option, ops);122 if(ops.icon==2){123 $layer.alert(option.msg,{124 title: "æ示",125 shade: ops.shade,126 icon: ops.icon,127 closeBtn: 0,128 btn: ["ç¡®å®"],129 yes: function(index, layero){130 $layer.close(index);131 if(typeof cancelCallback=='function'){132 cancelCallback();133 }134 }135 });136 }else{137 $layer.msg(option.msg,ops,function(){138 if(typeof cancelCallback=='function'){139 cancelCallback();140 }141 });142 }143 }144}145/**146 * å é¤ æ示æ¶æ¯147 * layer.confirm æ示148 * @param option éè¦æ示çæ¶æ¯å
容149 * @param yesCallback ç¹å»ç¡®å®çåè°å½æ°150 */151window.confirm = function(option, yesCallback, cancelCallback){152 if(typeof option == 'string'){153 $layer.confirm(option,{icon: 3,title:'æ示'}, function(index){154 $layer.close(index);155 if(typeof yesCallback=='function'){156 yesCallback();157 }158 }, function(index){159 $layer.close(index);160 if(typeof cancelCallback=='function'){161 cancelCallback();162 }163 });164 }else{165 var ops = $.extend({icon: 3,title:'æ示'}, option);166 updateOptionIcon(option, ops);167 $layer.confirm(option.msg, ops, function(index){168 $layer.close(index);169 if(typeof yesCallback=='function'){170 yesCallback();171 }172 }, function(index){173 $layer.close(index);174 if(typeof cancelCallback=='function'){175 cancelCallback();176 }177 });178 }179}180window.prompt = function(option, yesCallback){181 var ops = $.extend({formType: 2,value: '',title: '请è¾å
¥'}, option);182 $layer.prompt(ops, function(value, index, elem){183 $layer.close(index);184 if(typeof yesCallback=='function'){185 yesCallback(value);186 }187 });188}189/**190 * ç³»ç»å
é¨é误 æ示æ¶æ¯191 * layer.alertæ示192 * btn: ["åæ¶"]193 * @param cancelCallback ç¹å»[åæ¶]åè°å½æ°194 */195function error(option, cancelCallback){196 if(typeof option == 'undefined'){197 $layer.alert("ç³»ç»å
é¨é误ï¼",{198 title: "æ示",199 shade: 0.6, //é®ç½©éæ度200 icon: 2,201 closeBtn: 0,202 btn: ["åæ¶"],203 yes: function(index){204 $layer.close(index);205 if(typeof cancelCallback=='function'){206 cancelCallback();207 }208 }209 });210 }else{211 var ops = $.extend({212 title: "é误æ示",213 shade: 0.6, //é®ç½©éæ度214 icon: 2,215 closeBtn: 0,216 btn: ["åæ¶"],217 yes: function(index){218 $layer.close(index);219 if(typeof cancelCallback=='function'){220 cancelCallback();221 }222 }223 },option);224 if(option.code==403 || option.code=='403' ){225 $layer.alert(option.msg, ops);226 }else if(option.code== 504 || option.code=='504' ){227 $layer.alert(option.msg, ops);228 top.location = webRoot + "/login.do";229 }else{230 if(option.code == 1){231 $layer.alert(option.msg, ops);232 }else{233 $layer.alert("ç³»ç»å
é¨é误ï¼", ops);234 }...
vuefire.js
Source:vuefire.js
1var Vue // late binding2/**3 * Returns the key of a Firebase snapshot across SDK versions.4 *5 * @param {FirebaseSnapshot} snapshot6 * @return {string|null}7 */8function _getKey (snapshot) {9 return typeof snapshot.key === 'function'10 ? snapshot.key()11 : snapshot.key12}13/**14 * Returns the original reference of a Firebase reference or query across SDK versions.15 *16 * @param {FirebaseReference|FirebaseQuery} refOrQuery17 * @return {FirebaseReference}18 */19function _getRef (refOrQuery) {20 if (typeof refOrQuery.ref === 'function') {21 refOrQuery = refOrQuery.ref()22 } else if (typeof refOrQuery.ref === 'object') {23 refOrQuery = refOrQuery.ref24 }25 return refOrQuery26}27/**28 * Check if a value is an object.29 *30 * @param {*} val31 * @return {boolean}32 */33function isObject (val) {34 return Object.prototype.toString.call(val) === '[object Object]'35}36/**37 * Convert firebase snapshot into a bindable data record.38 *39 * @param {FirebaseSnapshot} snapshot40 * @return {Object}41 */42function createRecord (snapshot) {43 var value = snapshot.val()44 var res45 if (isObject(value)) {46 res = value47 } else {48 res = {}49 Object.defineProperty(res, '.value', {50 value: value51 })52 }53 Object.defineProperty(res, '.key', {54 value: _getKey(snapshot)55 })56 return res57}58/**59 * Find the index for an object with given key.60 *61 * @param {array} array62 * @param {string} key63 * @return {number}64 */65function indexForKey (array, key) {66 for (var i = 0; i < array.length; i++) {67 if (array[i]['.key'] === key) {68 return i69 }70 }71 /* istanbul ignore next */72 return -173}74/**75 * Bind a firebase data source to a key on a vm.76 *77 * @param {Vue} vm78 * @param {string} key79 * @param {object} source80 */81function bind (vm, key, source) {82 var asObject = false83 var cancelCallback = null84 var readyCallback = null85 // check { source, asArray, cancelCallback } syntax86 if (isObject(source) && source.hasOwnProperty('source')) {87 asObject = source.asObject88 cancelCallback = source.cancelCallback89 readyCallback = source.readyCallback90 source = source.source91 }92 if (!isObject(source)) {93 throw new Error('VueFire: invalid Firebase binding source.')94 }95 var ref = _getRef(source)96 vm.$firebaseRefs[key] = ref97 vm._firebaseSources[key] = source98 if (cancelCallback) {99 cancelCallback = cancelCallback.bind(vm)100 }101 // bind based on initial value type102 if (asObject) {103 bindAsObject(vm, key, source, cancelCallback)104 } else {105 bindAsArray(vm, key, source, cancelCallback)106 }107 if (readyCallback) {108 source.once('value', readyCallback.bind(vm))109 }110}111/**112 * Define a reactive property in a given vm if it's not defined113 * yet114 *115 * @param {Vue} vm116 * @param {string} key117 * @param {*} val118 */119function defineReactive (vm, key, val) {120 if (key in vm) {121 vm[key] = val122 } else {123 Vue.util.defineReactive(vm, key, val)124 }125}126/**127 * Bind a firebase data source to a key on a vm as an Array.128 *129 * @param {Vue} vm130 * @param {string} key131 * @param {object} source132 * @param {function|null} cancelCallback133 */134function bindAsArray (vm, key, source, cancelCallback) {135 var array = []136 defineReactive(vm, key, array)137 var onAdd = source.on('child_added', function (snapshot, prevKey) {138 var index = prevKey ? indexForKey(array, prevKey) + 1 : 0139 array.splice(index, 0, createRecord(snapshot))140 }, cancelCallback)141 var onRemove = source.on('child_removed', function (snapshot) {142 var index = indexForKey(array, _getKey(snapshot))143 array.splice(index, 1)144 }, cancelCallback)145 var onChange = source.on('child_changed', function (snapshot) {146 var index = indexForKey(array, _getKey(snapshot))147 array.splice(index, 1, createRecord(snapshot))148 }, cancelCallback)149 var onMove = source.on('child_moved', function (snapshot, prevKey) {150 var index = indexForKey(array, _getKey(snapshot))151 var record = array.splice(index, 1)[0]152 var newIndex = prevKey ? indexForKey(array, prevKey) + 1 : 0153 array.splice(newIndex, 0, record)154 }, cancelCallback)155 vm._firebaseListeners[key] = {156 child_added: onAdd,157 child_removed: onRemove,158 child_changed: onChange,159 child_moved: onMove160 }161}162/**163 * Bind a firebase data source to a key on a vm as an Object.164 *165 * @param {Vue} vm166 * @param {string} key167 * @param {Object} source168 * @param {function|null} cancelCallback169 */170function bindAsObject (vm, key, source, cancelCallback) {171 defineReactive(vm, key, {})172 var cb = source.on('value', function (snapshot) {173 vm[key] = createRecord(snapshot)174 }, cancelCallback)175 vm._firebaseListeners[key] = { value: cb }176}177/**178 * Unbind a firebase-bound key from a vm.179 *180 * @param {Vue} vm181 * @param {string} key182 */183function unbind (vm, key) {184 var source = vm._firebaseSources && vm._firebaseSources[key]185 if (!source) {186 throw new Error(187 'VueFire: unbind failed: "' + key + '" is not bound to ' +188 'a Firebase reference.'189 )190 }191 var listeners = vm._firebaseListeners[key]192 for (var event in listeners) {193 source.off(event, listeners[event])194 }195 vm[key] = null196 vm.$firebaseRefs[key] = null197 vm._firebaseSources[key] = null198 vm._firebaseListeners[key] = null199}200/**201 * Ensure the related bookkeeping variables on an instance.202 *203 * @param {Vue} vm204 */205function ensureRefs (vm) {206 if (!vm.$firebaseRefs) {207 vm.$firebaseRefs = Object.create(null)208 vm._firebaseSources = Object.create(null)209 vm._firebaseListeners = Object.create(null)210 }211}212var init = function () {213 var bindings = this.$options.firebase214 if (typeof bindings === 'function') bindings = bindings.call(this)215 if (!bindings) return216 ensureRefs(this)217 for (var key in bindings) {218 bind(this, key, bindings[key])219 }220}221var VueFireMixin = {222 created: init, // 1.x and 2.x223 beforeDestroy: function () {224 if (!this.$firebaseRefs) return225 for (var key in this.$firebaseRefs) {226 if (this.$firebaseRefs[key]) {227 this.$unbind(key)228 }229 }230 this.$firebaseRefs = null231 this._firebaseSources = null232 this._firebaseListeners = null233 }234}235/**236 * Install function passed to Vue.use() in manual installation.237 *238 * @param {function} _Vue239 */240function install (_Vue) {241 Vue = _Vue242 Vue.mixin(VueFireMixin)243 var mergeStrats = Vue.config.optionMergeStrategies244 mergeStrats.firebase = mergeStrats.provide245 // extend instance methods246 Vue.prototype.$bindAsObject = function (key, source, cancelCallback, readyCallback) {247 ensureRefs(this)248 bind(this, key, {249 source: source,250 asObject: true,251 cancelCallback: cancelCallback,252 readyCallback: readyCallback253 })254 }255 Vue.prototype.$bindAsArray = function (key, source, cancelCallback, readyCallback) {256 ensureRefs(this)257 bind(this, key, {258 source: source,259 cancelCallback: cancelCallback,260 readyCallback: readyCallback261 })262 }263 Vue.prototype.$unbind = function (key) {264 unbind(this, key)265 }266}267// auto install268/* istanbul ignore if */269if (typeof window !== 'undefined' && window.Vue) {270 install(window.Vue)271}...
api.js
Source:api.js
1/*2 * This file is part of the IoT Management Service3 * Copyright 2019 Canonical Ltd.4 *5 * This program is free software: you can redistribute it and/or modify it6 * under the terms of the GNU Affero General Public License version 3, as7 * published by the Free Software Foundation.8 *9 * This program is distributed in the hope that it will be useful, but WITHOUT10 * ANY WARRANTY; without even the implied warranties of MERCHANTABILITY,11 * SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR PURPOSE.12 * See the GNU Affero General Public License for more details.13 *14 * You should have received a copy of the GNU Affero General Public License15 * along with this program. If not, see <http://www.gnu.org/licenses/>.16 */17import axios from 'axios'18import constants from './constants'19var service = {20 version: (query, cancelCallback) => {21 return axios.get(constants.baseUrl + 'version');22 },23 getToken: () => {24 return axios.get(constants.baseUrl + 'token')25 },26 getAuthToken: () => {27 return axios.get(constants.baseUrl + 'authtoken')28 },29 accountsList: (query, cancelCallback) => {30 return axios.get(constants.baseUrl + 'organizations');31 },32 accountsNew: (query, cancelCallback) => {33 return axios.post(constants.baseUrl + 'organizations', query);34 },35 accountsGet: (id, cancelCallback) => {36 return axios.get(constants.baseUrl + 'organizations/' + id);37 },38 accountsUpdate: (id, query, cancelCallback) => {39 return axios.put(constants.baseUrl + 'organizations/' + id, query);40 },41 accountsForUsers: (username, cancelCallback) => {42 return axios.get(constants.baseUrl + 'users/' + username + '/organizations');43 },44 accountsUpdateForUser: (userId, accountId, cancelCallback) => {45 return axios.post(constants.baseUrl + 'users/' + userId + '/organizations/' + accountId);46 },47 groupsList: (account, cancelCallback) => {48 return axios.get(constants.baseUrl + account + '/groups');49 },50 groupsGet: (account, name, cancelCallback) => {51 return axios.get(constants.baseUrl + account + '/groups/' + name);52 },53 groupsGetDevices: (account, name, cancelCallback) => {54 return axios.get(constants.baseUrl + account + '/groups/' + name + '/devices');55 },56 groupsGetDevicesExcluded: (account, name, cancelCallback) => {57 return axios.get(constants.baseUrl + account + '/groups/' + name + '/devices/excluded');58 },59 groupsCreate: (account, name, cancelCallback) => {60 return axios.post(constants.baseUrl + account + '/groups', {orgid: account, name: name});61 },62 groupsUpdate: (account, nameFrom, nameTo, cancelCallback) => {63 return axios.put(constants.baseUrl + account + '/groups', {orgid: account, nameFrom: nameFrom, nameTo: nameTo});64 },65 groupsDeviceLink: (account, name, deviceId, cancelCallback) => {66 return axios.post(constants.baseUrl + account + '/groups/' + name + '/' + deviceId);67 },68 groupsDeviceUnlink: (account, name, deviceId, cancelCallback) => {69 return axios.delete(constants.baseUrl + account + '/groups/' + name + '/' + deviceId);70 },71 snapsList: (account, device, cancelCallback) => {72 return axios.get(constants.baseUrl + 'device/' + account + '/' + device + '/snaps');73 },74 75 snapsInstallRefresh: (account, device, cancelCallback) => {76 return axios.post(constants.baseUrl + 'snaps/' + account + '/' + device.device.deviceId + '/list');77 },78 snapsRemove: (account,device, snap, cancelCallback) => {79 return axios.delete(constants.baseUrl + 'snaps/' + account + '/' + device.device.deviceId + '/' + snap);80 },81 snapsInstall: (account, device, snap, cancelCallback) => {82 return axios.post(constants.baseUrl + 'snaps/' + account + '/' + device.device.deviceId + '/' + snap);83 },84 snapsUpdate: (account, device, snap, action, cancelCallback) => {85 return axios.put(constants.baseUrl + 'snaps/' + account + '/' + device.device.deviceId + '/' + snap + '/' + action);86 },87 snapsSettings: (account, device, snap, cancelCallback) => {88 return axios.get(constants.baseUrl + 'snaps/' + account + '/' + device.device.deviceId + '/' + snap + '/settings');89 },90 snapsSettingsUpdate: (account, device, snap, settings, cancelCallback) => {91 return axios.put(constants.baseUrl + 'snaps/' + account + '/' + device.device.deviceId + '/' + snap + '/settings', settings);92 },93 storeSearch: (snapName,cancelCallback) => {94 return axios.get(constants.baseUrl + 'store/snaps/' + snapName);95 },96 clientsList: (account, query, cancelCallback) => {97 return axios.get(constants.baseUrl + account + '/register/devices');98 },99 clientsGet: (account, device, cancelCallback) => {100 return axios.get(constants.baseUrl + account + '/register/devices/' + device);101 },102 clientsGetDownloadHREF: (account, device) => {103 return constants.baseUrl + account + '/register/devices/' + device + '/download';104 },105 clientsNew: (account, device, cancelCallback) => {106 return axios.post(constants.baseUrl + account + '/register/devices', device);107 },108 clientsDeviceObject: (account, query, cancelCallback) => {109 return axios.get(constants.baseUrl + account + '/clients/' + query + '/device');110 },111 clientsUpdate: (account, deviceId, status, deviceData, cancelCallback) => {112 return axios.put(constants.baseUrl + account + '/register/devices/' + deviceId, {status: status, deviceData: deviceData});113 },114 devicesUpdate: (account, device, cancelCallback) => {115 return axios.put(constants.baseUrl + device.accountCode + '/devices/' + device.id, device);116 },117 devicesList: (account, cancelCallback) => {118 return axios.get(constants.baseUrl + account + '/devices');119 },120 devicesGet: (account, id, cancelCallback) => {121 return axios.get(constants.baseUrl + account + '/devices/' + id);122 },123 actionsList: (account, id, cancelCallback) => {124 return axios.get(constants.baseUrl + account + '/devices/' + id + '/actions');125 },126 usersList: (query, cancelCallback) => {127 return axios.get(constants.baseUrl + 'users');128 },129 usersNew: (query, cancelCallback) => {130 return axios.post(constants.baseUrl + 'users', query);131 },132 usersGet: (username, cancelCallback) => {133 return axios.get(constants.baseUrl + 'users/' + username);134 },135 usersUpdate: (id, query, cancelCallback) => {136 return axios.put(constants.baseUrl + 'users/' + id, query);137 },138 usersDelete: (username, cancelCallback) => {139 return axios.delete(constants.baseUrl + 'users/' + username);140 }141}...
notie-js.js
Source:notie-js.js
...54 time: 1.555 });56 }57 },58 cancelCallback: function cancelCallback() {59 if (options.cancelCallback && typeof window[options.cancelCallback] === 'function') {60 window[options.cancelCallback]();61 } else {62 notie.alert({63 type: 3,64 text: options.cancelMsg,65 time: 1.566 });67 }68 }69 }));70 break;71 case 'input':72 notie.input(babelHelpers.objectSpread({}, options, {73 submitCallback: function submitCallback(value) {74 if (options.submitCallback && typeof window[options.submitCallback] === 'function') {75 window[options.submitCallback](value);76 } else {77 notie.alert({78 type: 1,79 text: "you entered: ".concat(value),80 time: 1.581 });82 }83 },84 cancelCallback: function cancelCallback(value) {85 if (options.cancelCallback && typeof window[options.cancelCallback] === 'function') {86 window[options.cancelCallback](value);87 } else {88 notie.alert({89 type: 1,90 text: "You cancelled with this value: ".concat(value),91 time: 1.592 });93 }94 }95 }));96 break;97 case 'select':98 notie.select(options);...
Confirm.js
Source:Confirm.js
1var alertify = require('alertifyjs');23class Confirm {45 /**6 * Construct7 * @param title8 * @param message9 * @param okCallback10 * @param cancelCallback11 */12 constructor(title, message, okCallback, cancelCallback = function(){}){13 this.title = title;14 this.message = message;15 this.okCallback = okCallback;16 this.cancelCallback = cancelCallback;17 }1819 /**20 * Show the notification21 */22 show(){23 alertify.confirm(this.title, this.message, this.okCallback, this.cancelCallback).set({transition:'zoom'});24 }2526 /**27 * Spawn a confirm window28 * @param title29 * @param message30 * @param okCallback31 * @param cancelCallback32 */33 static spawn(title, message, okCallback, cancelCallback = function(){}){34 alertify.confirm(title, message, okCallback, cancelCallback).set({transition:'zoom'});35 }3637}38
...
spinner.js
Source:spinner.js
1var exec = require('cordova/exec');2module.exports = {3 show : function(title, message, cancelCallback) {4 if (cancelCallback == true && typeof cancelCallback !== "function") {5 cancelCallback = function () {}; 6 }7 cordova.exec(cancelCallback, null, 'SpinnerDialog', 'show', [ title, message, !!cancelCallback ]);8 },9 hide : function(success, fail) {10 cordova.exec(success, fail, 'SpinnerDialog', 'hide', [ "","" ]);11 }...
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/utils/utils');2const { chromium } = require('playwright');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 const [response] = await Promise.all([8 page.waitForResponse('**/*'),9 ]);10 cancelCallback(response);11 await page.close();12 await context.close();13 await browser.close();14})();15const { cancelCallback } = require('playwright/lib/utils/utils');16const { chromium } = require('playwright');17(async () => {18 const browser = await chromium.launch();19 const context = await browser.newContext();20 const page = await context.newPage();21 const [response] = await Promise.all([22 page.waitForResponse('**/*'),23 ]);24 cancelCallback(response);25 await page.close();26 await context.close();27 await browser.close();28})();29const { cancelCallback } = require('playwright/lib/utils/utils');30const { chromium } = require('playwright');31(async () => {32 const browser = await chromium.launch();33 const context = await browser.newContext();34 const page = await context.newPage();35 const [response] = await Promise.all([36 page.waitForResponse('**/*'),37 ]);38 cancelCallback(response);39 await page.close();40 await context.close();41 await browser.close();42})();43const { cancelCallback } = require('playwright/lib/utils/utils');44const { chromium } = require('playwright');45(async () => {46 const browser = await chromium.launch();47 const context = await browser.newContext();48 const page = await context.newPage();49 const [response] = await Promise.all([50 page.waitForResponse('**/*'),51 ]);52 cancelCallback(response);53 await page.close();54 await context.close();55 await browser.close();56})();
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/server/frames');2const { chromium } = require('playwright');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 const handle = page.on('request', () => {});8 cancelCallback(handle);9 await browser.close();10})();11const { cancelCallback } = require('playwright/lib/server/frames');12const { chromium } = require('playwright');13(async () => {14 const browser = await chromium.launch();15 const context = await browser.newContext();16 const page = await context.newPage();17 const handle = page.on('request', () => {});18 cancelCallback(handle);19 await browser.close();20})();21const { cancelCallback } = require('playwright/lib/server/frames');22const { chromium } = require('playwright');23(async () => {24 const browser = await chromium.launch();25 const context = await browser.newContext();26 const page = await context.newPage();27 const handle = page.on('request', () => {});28 cancelCallback(handle);29 await browser.close();30})();31const { cancelCallback } = require('playwright/lib/server/frames');32const { chromium } = require('playwright');33(async () => {34 const browser = await chromium.launch();35 const context = await browser.newContext();36 const page = await context.newPage();37 const handle = page.on('request', () => {});38 cancelCallback(handle);39 await browser.close();40})();41const { cancelCallback } = require('playwright/lib/server/frames');42const { chromium } = require('playwright');43(async () => {44 const browser = await chromium.launch();45 const context = await browser.newContext();46 const page = await context.newPage();47 await page.goto('https
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/internal/utils');2const { chromium } = require('playwright');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 const callback = () => {8 console.log('Hello World');9 };10 const cancel = await cancelCallback(callback, 1000);11 cancel();12 await browser.close();13})();
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 let request = null;7 page.route('**/*', route => {8 request = route.request();9 route.continue();10 });11 await request.cancelCallback();12 await browser.close();13})();
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/internal/utils/stackTrace');2const { chromium } = require('playwright');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 await page.screenshot({ path: `example.png` });8 await browser.close();9 cancelCallback();10})();
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/internal/inspectorInstrumentation');2const { chromium } = require('playwright');3(async () => {4 const browser = await chromium.launch();5 const page = await browser.newPage();6 await page.fill('input[title="Search"]', 'playwright');7 await page.keyboard.press('Enter');8 await page.waitForNavigation();9 await page.click('text=Playwright - Node.js library to automate Chromium, Firefox and WebKit with a single API');10 await page.waitForLoadState();11 await page.click('text=Get started');12 await page.waitForLoadState();13 cancelCallback();14 await page.screenshot({ path: 'example.png' });15 await browser.close();16})();17 at Page._onLoadingFailed (C:\Users\hp\Desktop\playwright\playwright\lib\server\page.js:172:31)18 at CDPSession.Page._client.on.event (C:\Users\hp\Desktop\playwright\playwright\lib\server\page.js:98:59)19 at CDPSession.emit (events.js:315:20)20 at CDPSession._onMessage (C:\Users\hp\Desktop\playwright\playwright\lib\server\cdp.js:131:12)21 at Connection._onMessage (C:\Users\hp\Desktop\playwright\playwright\lib\server\connection.js:200:19)22 at WebSocketTransport._ws.addEventListener.event (C:\Users\hp\Desktop\playwright\playwright\lib\server\connection.js:30:24)23 at WebSocketTransport.emit (events.js:315:20)24 at WebSocketTransport._ws.onmessage (C:\Users\hp\Desktop\playwright\playwright\lib\server\webSocketTransport.js:32:10)25 at WebSocket.onMessage (C:\Users\hp\Desktop\playwright\playwright\lib\server\webSocket.js:101:22)26 at WebSocket.emit (events.js:315:20)
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/internal/cancelablePromise');2const { chromium } = require('playwright-chromium');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 let timeout = setTimeout(async () => {8 await browser.close();9 console.log('Browser closed');10 }, 10000);11 console.log('Page loaded');12 cancelCallback(timeout);13 await page.screenshot({ path: `example.png` });14 await browser.close();15})();16#### 3. Use the `page.on('close')` event17const { chromium } = require('playwright-chromium');18(async () => {19 const browser = await chromium.launch();20 const context = await browser.newContext();21 const page = await context.newPage();22 page.on('close', async () => {23 await browser.close();24 console.log('Browser closed');25 });26 console.log('Page loaded');27 await page.screenshot({ path: `example.png` });28 await page.close();29})();30const { chromium } = require('playwright-chromium');31(async () => {32 const browser = await chromium.launch();33 const context = await browser.newContext();34 const page = await context.newPage();35 console.log('Page loaded');
Using AI Code Generation
1const { Playwright } = require('playwright');2const { BrowserContext } = require('playwright');3const browser = await Playwright.chromium.launch();4const context = await browser.newContext();5const page = await context.newPage();6const controller = new AbortController();7const { signal } = controller;8controller.abort();9await browser.close();
Using AI Code Generation
1const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');2const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');3const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');4const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');5const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');6const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');7const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');8const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');9const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');10const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');11const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');12const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');13const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');14const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');15const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');16const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');17const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');18const { cancelCallback } = require('playwright/lib/internal/timeoutSettings');
Playwright tutorial
LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.
Chapters:
- What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
- How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
- Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
- What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
- Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
- Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
- Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
- Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
- Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
- Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
- Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
- Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.
Run Playwright Internal automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
