How to use invoke method in storybook-root

Best JavaScript code snippet using storybook-root

qqapi.js

Source:qqapi.js Github

copy

Full Screen

...989 }990 }991 , b = function(b, c) {992 c && (b.callback = mqq.callback(a(c), !1, !0)),993 mqq.invoke("qw_data", "getFriendRemark", b)994 }995 ;996 mqq.build("mqq.data.getFriendRemark", {997 iOS: b,998 android: b,999 supportInvoke: !0,1000 support: {1001 iOS: "5.8.0",1002 android: "5.8.0"1003 }1004 })1005}(),1006mqq.build("mqq.data.getPageLoadStamp", {1007 iOS: function(a) { ...

Full Screen

Full Screen

InvokeGraph.js

Source:InvokeGraph.js Github

copy

Full Screen

1/*2- has a to json method, addInvokes method, calculate, climbTree, descendTree, dedupInvoke, classifyInvoke, classifyCustom3- match every call with parent and children in invoke graph.js (calculates pending edges)4- merge nodes integrate new set of nodes in and dedupes5- backbone collection are fancy arrays with more helper - dedupe unique more methods (ok)6- added helper method for active nodes7*/8define([9 "backbone",10 "underscore",11 "../util/util",12 "text!../util/samples/ibex/invokeSample.txt",13], function (Backbone, _, util, invokeSample) {14 //console.log("invokeSample at beginning of InvokeGraph.js:", invokeSample);15 return Backbone.View.extend({16 rawInvokes: [],17 initialize: function (codeMirrors, sourceCollection, activeNodeCollection, jsBinRouter) {18 this.activeNodeCollection = activeNodeCollection;19 //console.log("activeNodeCollection: ", activeNodeCollection);20 /*_(this.activeNodeCollection.invokes).each(function (ani) {21 console.log("ANI: ", ani);22 });*/23 _(this.returnValueParsers).each(function (fn, i) {24 this.returnValueParsers[i] = _.bind(fn, this);25 }, this);26 _(this.argumentParsers).each(function (fn, i) {27 this.argumentParsers[i] = _.bind(fn, this);28 }, this);29 var instanceId = window.location.pathname.split("/")[1];30 //console.log("going into addInvokes if: ", !instanceId || instanceId.length < 1)31 if (!instanceId || instanceId.length < 1) {32 this.addInvokes(JSON.parse(invokeSample));33 }34 },35 toJSON: function () {36 var serializableInvokes = _(this.invokes).map(function (invoke) {37 var str = invoke.node.source;38 var isos = [];39 if (str) {40 _(str.split("iso_")).each(function (s) {41 var arr = s.split("_iso");42 if (arr.length > 1) {43 isos.push(arr[0])44 }45 });46 }47 return {48 childCalls: _(invoke.childCalls).map(function (i) {49 return i.invocationId50 }),51 childAsyncLinks: _(invoke.childAsyncLinks).map(function (i) {52 return i.invocationId53 }),54 childAsyncSerialLinks: _(invoke.childAsyncSerialLinks).map(function (i) {55 return i.invocationId56 }),57 parentCalls: _(invoke.parentCalls).map(function (i) {58 return i.invocationId59 }),60 parentAsyncLink: invoke.parentAsyncLink ? invoke.parentAsyncLink.invocationId : null,61 parentAsyncSerialLinks: _(invoke.parentAsyncSerialLinks).map(function (i) {62 return i.invocationId63 }),64 invocationId: invoke.invocationId,65 topLevelInvocationId: invoke.invocationId,66 isLib: invoke.invocationId,67 nodeId: invoke.nodeId,68 nodeName: invoke.node.name,69 nodeType: invoke.node.type,70 nodeSource: invoke.node.source ? invoke.node.source.substr(0, 300) : null,71 tick: invoke.tick,72 timestamp: invoke.timestamp,73 parents: invoke.parents,74 arguments: invoke.arguments,75 returnValue: invoke.returnValue,76 functionSerials: isos,77 repeatCallCount: invoke.repeatCallCount,78 aspectMap: invoke.aspectMap79 };80 }, this);81 return JSON.stringify(serializableInvokes, null, 2);82 },83 addInvokes: function (invokes) {84 //console.log("Adding invokes:", invokes.length);85 _(invokes).each(function (invoke) {86 this.rawInvokes.push(invoke);87 }, this);88 },89 calculate: function () {90 var startTime = new Date().getTime();91 console.log("Processing invokes:", this.rawInvokes.length);92 var pendingEdges = [];93 this.invokes = [];94 this.rootInvokes = [];95 this.nativeInvokes = [];96 this.nativeRootInvokes = [];97 this.argSourceToInvokes = [];98 this.invokeIdMap = {};99 this.edges = [];100 this.asyncEdgeMap = {};101 this.asyncEdges = [];102 this.asyncSerialEdgeMap = {};103 this.asyncSerialEdges = [];104 this.maxHitCount = 0;105 this.aspectCollectionMap = {106 click: [],107 wheel: [],108 scroll: [],109 mousemove: [],110 mousedown: [],111 mouseup: [],112 mouseout: [],113 mouseover: [],114 mouseenter: [],115 mouseleave: [],116 keydown: [],117 keypress: [],118 keyup: [],119 ajaxRequest: [],120 ajaxResponse: [],121 domQuery: [],122 jqDom: [],123 setup: []124 };125 126 _(this.activeNodeCollection.models).each(function (nodeModel) {127 nodeModel.set("invokes", []);128 try {129 //console.log("nodeModel:", nodeModel);130 //console.log("nodeModel attributes: ", nodeModel.attributes);131 //console.log("nodeModel name:", nodeModel.attributes.name);132 //console.log("nodeModel src:", nodeModel.attributes.source);133 //console.log("nodeModel path:", nodeModel.attributes.path);134 } catch {135 console.log("couldn't print all")136 }137 });138 var n_nodes_printed = 0;139 // Parse through invokes and populate simple lists of native/lib/top-levels140 _(this.rawInvokes).each(function (rawInvoke) {141 //console.log("rawInvoke before label announcement: ", rawInvoke);142 // Make a copy to leave the original143 var invoke = JSON.parse(JSON.stringify(rawInvoke));144 // invoke doesn't have the node yet145 this.invokes.push(invoke); 146 // adds to this.invokes here (which is what is drawn) 147 invoke.aspectMap = {};148 invoke.getLabel = _.bind(function () {149 return this.getInvokeLabel(invoke);150 }, this);151 this.invokes.push(invoke);152 // pushes invoke again after adding properties153 this.invokeIdMap[invoke.invocationId] = invoke;154 // README LIMITATIONS RELATED NOTE: please see the Limitations section of the readme, there is an issue invokeIdMap not having all the nodes needed to support all orange arrows155 // console.log("added invoke.invocationId to invokeIdMap: ", invoke.invocationId);156 // creating a dictionary from invocationID to invoke157 if (invoke.topLevelInvocationId === invoke.invocationId) {158 this.rootInvokes.push(invoke);159 invoke.rootInvoke = true;160 }161 // mark if invoke is a rootInvoke162 var nodeModel = this.activeNodeCollection.get(invoke.nodeId);163 if (!nodeModel) {164 this.activeNodeCollection.mergeNodes([{165 name: "",166 id: invoke.nodeId,167 source: "",168 invokes: []169 }]);170 // calls mergeNodes on the invoke.nodeId171 nodeModel = this.activeNodeCollection.get(invoke.nodeId);172 console.warn("Creating shell nodemodel for", invoke.nodeId);173 }174 invoke.nodeModel = nodeModel;175 invoke.node = nodeModel.toJSON();176 // adds the node177 if (invoke.rootInvoke){ // node may not be set yet ... 178 //console.log("rootInvoke property true, invoke.nodeModel name: ", invoke.nodeModel.attributes.name, n_nodes_printed, "invoke getLabel(): ", invoke.getLabel(), "invocationId:", invoke.invocationId, "timestamp:", invoke.timestamp); // invoke179 }180 else {181 //console.log("rootInvoke property false, invoke.nodeModel name: ", invoke.nodeModel.attributes.name, n_nodes_printed, "invoke getLabel(): ", invoke.getLabel(), "invocationId:", invoke.invocationId, "timestamp:", invoke.timestamp); // invoke182 }183 n_nodes_printed++;184 invoke.isLib = util.isKnownLibrary(invoke.nodeId);185 if (!invoke.isLib) {186 //console.log("invoke is not lib");187 this.nativeInvokes.push(invoke);188 var hasParentCaller = !!_(invoke.parents).find(function (parent) {189 return parent.type === "call";190 }); // the !! just checks for truthy191 //console.log("printing invoke.parents to determine why hasParentCaller is truthy:", invoke.parents);192 if (!hasParentCaller) {193 this.nativeRootInvokes.push(invoke);194 invoke.nativeRootInvoke = true;195 //console.log("gets added - 1 invoke.nativeRootInvoke at this stage is: ", invoke.getLabel(), invoke.nativeRootInvoke);196 }197 }198 // keeps track of non-lib "native" function calls (invokes) and "native root" function calls199 // Store parent links to process when the full invokeMap is done200 //console.log("adding edges for each of its parents: ", invoke.parents);201 _(invoke.parents).each(function (parent) {202 // this seems to only cover ORANGE arrow parents203 pendingEdges.push({204 parentAttributes: parent,205 childInvoke: invoke206 });207 }, this);208 // getting node arguments209 //console.log("invoke.arguments: ", invoke.arguments);210 _(invoke.arguments).each(function (arg) {211 if (arg.value && arg.value.type === "function" && arg.value.json) {212 // if we have a function passed as an argument213 var source;214 if (arg.value.json.indexOf("function") === -1) {215 var isoStr = arg.value.json;216 //console.log("isoStr:", isoStr);217 var isoStartIndex = isoStr.indexOf("iso_");218 var isoEndIndex = isoStr.indexOf("_iso");219 // collect the iso serial number220 if (isoStartIndex > -1 && isoEndIndex > -1) {221 var serial = isoStr.substring(isoStartIndex, isoEndIndex + 4);222 var nodeModel = this.activeNodeCollection.serialToNode[serial];223 if (nodeModel) {224 source = nodeModel.get("source");225 }226 }227 } else {228 source = arg.value.json;229 }230 //console.log("source:", source);231 232 if (!this.argSourceToInvokes[source]) {233 this.argSourceToInvokes[source] = [];234 }235 // Check if we already have this invoke236 var foundInvoke = _(this.argSourceToInvokes[source])237 .find(function (nrInvoke) {238 return nrInvoke.invocationId === invoke.invocationId239 });240 // Store the invoke arg source to be looked up later241 if (!foundInvoke) {242 this.argSourceToInvokes[source].push(invoke);243 }244 }245 }, this);246 }, this);247 // Parse through edges found and create two-way links between parent and child invokes248 // in two different types: direct call (yellow) and tom's async context (orange)249 _(pendingEdges).each(function (edge) {250 if (edge.childInvoke.getLabel().includes("drag"))251 //console.log("pendingEdges childInvoke got till here 1: ", edge.childInvoke.getLabel(), edge.childInvoke);252 if (!edge.parentAttributes || !edge.childInvoke) {253 console.warn("Got some disconnected parent/child invocations.");254 return;255 }256 /*if (edge.childInvoke.getLabel().includes("drag"))257 console.log("pendingEdges childInvoke got till here 2: ", edge.childInvoke.getLabel(), edge.childInvoke);258 */259 var parentInvoke = this.invokeIdMap[edge.parentAttributes.invocationId];260 var parentType = edge.parentAttributes.type;261 var childInvoke = edge.childInvoke;262 if (!parentInvoke || !childInvoke || !parentType) {263 /*if (edge.childInvoke.getLabel().includes("drag")) {264 console.log("edge:", edge);265 if (edge)266 console.log("edge.parentAttributes:", edge.parentAttributes);267 console.log("parentInvoke:", parentInvoke);268 if (edge && edge.parentAttributes)269 console.log("parentType:", edge.parentAttributes.type);270 console.warn("Couldn't find parent/child invocation nodes.");271 }*/272 // README LIMITATIONS RELATED NOTE - added this code to allow purple arrows to be drawn even if some orange are skipped 273 childInvoke.nativeRootInvoke = true;274 this.nativeRootInvokes.push(childInvoke);275 return;276 }277 //if (childInvoke.getLabel().includes("drag"))278 // console.log("pendingEdges childInvoke got till here 3: ", childInvoke.getLabel(), childInvoke);279 if (parentType === "async") {280 //if (childInvoke.getLabel().includes("drag"))281 // console.log("pendingEdges childInvoke got till here 4: ", childInvoke.getLabel(), childInvoke);282 if (!parentInvoke.childAsyncLinks) {283 parentInvoke.childAsyncLinks = [];284 }285 if (childInvoke.parentAsyncLink) {286 console.warn("Child invoke has multiple parents async links, should not happen!");287 }288 childInvoke.parentAsyncLink = parentInvoke;289 parentInvoke.childAsyncLinks.push(childInvoke);290 var asyncEdge = {291 parentInvoke: parentInvoke,292 childInvoke: childInvoke293 };294 var edgeId = asyncEdge.parentInvoke.invocationId + asyncEdge.childInvoke.invocationId;295 if (!this.asyncEdgeMap[edgeId]) {296 this.asyncEdgeMap[edgeId] = asyncEdge;297 this.asyncEdges.push(asyncEdge);298 }299 } else if (parentType === "call") {300 //if (childInvoke.getLabel().includes("drag"))301 // console.log("pendingEdges childInvoke got till here 5: ", childInvoke.getLabel(), childInvoke);302 if (!parentInvoke.childCalls) {303 parentInvoke.childCalls = [];304 }305 if (!childInvoke.parentCalls) {306 childInvoke.parentCalls = [];307 }308 childInvoke.parentCalls.push(parentInvoke);309 parentInvoke.childCalls.push(childInvoke);310 this.edges.push({311 parentInvoke: parentInvoke,312 childInvoke: childInvoke313 });314 // stores the edges and populates child's parent array and parent's child array 315 } else {316 console.log("Found a new parent type", parentType);317 }318 /*console.log("childInvoke.getLabel().includes(drag)", childInvoke.getLabel().includes("drag"));319 if (childInvoke.getLabel().includes("drag")){320 console.log("childInvoke: ", childInvoke.getLabel(), childInvoke);321 console.log("childInvoke.isLib: ", childInvoke.isLib);322 console.log("parentInvoke.isLib: ", parentInvoke.isLib);323 }*/324 if (!childInvoke.isLib && parentInvoke.isLib) {325 if (!childInvoke.nativeRootInvoke) {326 childInvoke.nativeRootInvoke = true;327 //console.log("gets added - 2 childInvoke.nativeRootInvoke at this stage is: ", childInvoke.getLabel(), childInvoke.invocationId, childInvoke.timestamp, childInvoke.nativeRootInvoke);328 this.nativeRootInvokes.push(childInvoke);329 }330 }331 }, this);332 // Parse through invoke arguments to determine final missing async serial links333 _(this.nativeRootInvokes).each(function (childInvoke) {334 if (childInvoke.node && childInvoke.node.name) {335 //console.log("name: ", childInvoke.node.name);336 }337 if (!childInvoke.node.source) {338 return;339 }340 //console.log("childInvoke: ", childInvoke.getLabel());341 //console.log("childInvoke.node.source", childInvoke.node.source);342 var parentInvokes = this.argSourceToInvokes[childInvoke.node.source]; 343 344 //console.log("childInvoke is:", childInvoke.getLabel(), childInvoke.timestamp);345 //console.log("parentInvokes are: ", parentInvokes);346 if (parentInvokes) {347 // HEURISTIC: only show purple line for closest async parent348 // THIS IS KEY TO PURPLE LINES349 // go from timewise latest parents to timewise earliest350 parentInvokes = parentInvokes.sort((a,b) => (a.tick > b.tick) ? 1 : ((b.tick > a.tick) ? -1 : 0));351 parentInvokes = parentInvokes.reverse(); 352 for (var pi = 0; pi < parentInvokes.length; pi++){353 parentInvoke = parentInvokes[pi];354 //console.log("nativeRootInvoke childInvoke ts is: ", childInvoke.timestamp, childInvoke);355 //console.log("parentInvoke ts is: ", parentInvoke.timestamp, parentInvoke);356 if (!parentInvoke.childAsyncSerialLinks) {357 parentInvoke.childAsyncSerialLinks = [];358 }359 if (!childInvoke.parentAsyncSerialLinks) {360 childInvoke.parentAsyncSerialLinks = [];361 }362 childInvoke.parentAsyncSerialLinks.push(parentInvoke);363 parentInvoke.childAsyncSerialLinks.push(childInvoke);364 var asyncSerialEdge = {365 parentInvoke: parentInvoke,366 childInvoke: childInvoke367 };368 var edgeId = asyncSerialEdge.parentInvoke.invocationId + asyncSerialEdge.childInvoke.invocationId;369 if (!this.asyncSerialEdgeMap[edgeId]) {370 this.asyncSerialEdgeMap[edgeId] = asyncSerialEdge;371 if (parentInvoke.tick < childInvoke.tick){ // should we use fondue's tick instead?372 this.asyncSerialEdges.push(asyncSerialEdge); 373 //console.log("pushed an async serial edge to: ", asyncSerialEdge.childInvoke.getLabel(), asyncSerialEdge);374 return false; // break out of loop375 }376 }377 } 378 }379 }, this);380 // Add setup attribute to all first tree nodes381 if (this.nativeInvokes[0]) {382 this.nativeInvokes[0].aspectMap["page load"] = true;383 var setupCollection = this.aspectCollectionMap.setup;384 this.descendTree(this.nativeInvokes[0], function (node) {385 node.aspectMap["setup"] = true;386 setupCollection.push(node);387 });388 }389 // Place invokes into queryable buckets390 _(this.invokes).map(this.classifyInvoke, this);391 var stopTime = new Date().getTime();392 console.log("Done processing invokeGraph", parseInt((stopTime - startTime) / 1000), "seconds");393 },394 climbTree: function (node, decorator, stopCondition) {395 decorator(node);396 if (stopCondition && stopCondition(node)) {397 return;398 }399 // Otherwise keep climbing400 _(node.parentCalls).find(function (parentNode) {401 return this.climbTree(parentNode, decorator, stopCondition)402 }, this);403 },404 descendTree: function (node, decorator, stopCondition) {405 decorator(node);406 if (stopCondition && stopCondition(node)) {407 return;408 }409 _(node.childCalls).each(function (node) {410 this.descendTree(node, decorator, stopCondition)411 }, this);412 },413 decorateAspect: function (node, aspect, nodeAspectArr) {414 var decorator = function (invokeNode) {415 invokeNode.aspectMap[aspect] = true;416 if (nodeAspectArr) {417 nodeAspectArr.push(invokeNode);418 }419 };420 decorator = _.bind(decorator, this);421 decorator(node);422 this.climbTree(node, decorator, null);423 // if (node.isLib) {424 // var stopCondition = function (node) {425 // return !node.isLib;426 // };427 this.descendTree(node, decorator, null)428 // }429 },430 parseEventFromArg: function (arg) {431 if (arg && arg.value && arg.value.ownProperties) {432 // jQuery 2, zepto event bindings433 if (arg.value.ownProperties.eventName) {434 if (arg.value.ownProperties.eventName.value.indexOf("Event") > -1) {435 if (arg.value.ownProperties.type) {436 return arg.value.ownProperties.type.value;437 }438 }439 } else if (arg.value.ownProperties.originalEvent) {440 // jQuery 1 event bindings441 if (arg.value.ownProperties.originalEvent.preview) {442 if (arg.value.ownProperties.originalEvent.preview.indexOf("Event") > -1) {443 if (arg.value.ownProperties.type) {444 return arg.value.ownProperties.type.value;445 }446 }447 }448 }449 }450 return null;451 },452 mouseEvents: [453 "click",454 "wheel",455 "scroll",456 "mousemove",457 "mousedown",458 "mouseup",459 "mouseout",460 "mouseover",461 "mouseenter",462 "mouseleave"463 ],464 keyEvents: [465 "keydown",466 "keypress",467 "keyup"468 ],469 ajaxEvents: [470 "ajaxStart",471 "ajaxRequest",472 "ajaxResponse"473 ],474 domQueries: [475 "domQuery",476 "jqDom"477 ],478 argumentParsers: [479 function (arg) {480 return this.parseEventFromArg(arg);481 },482 function (arg) {483 try {484 if ((arg.value.ownProperties.type.value === "load" ||485 arg.value.ownProperties.type.value === "readystatechange" ||486 arg.value.ownProperties.type.value === "xmlhttprequest") &&487 arg.value.ownProperties.status.value !== 0 &&488 arg.value.ownProperties.status.type === "number") {489 return "ajaxResponse";490 }491 } catch (ignored) {492 }493 return null;494 }495 ],496 returnValueParsers: [497 function (returnValue) {498 try {499 if (returnValue.ownProperties.length &&500 returnValue.ownProperties.selector.value) {501 return "jqDom";502 }503 } catch (ignored) {504 return null;505 }506 },507 function (returnValue) {508 try {509 if (returnValue.ownProperties.elementType &&510 returnValue.ownProperties.elementType.value.indexOf("HTML") > -1) {511 return "domQuery";512 }513 } catch (ignored) {514 return null;515 }516 },517 function (returnValue) {518 try {519 if (returnValue.ownProperties.type.value === "xmlhttprequest" ||520 returnValue.ownProperties.status.value === 0) {521 return "ajaxRequest";522 }523 } catch (ignored) {524 return null;525 }526 }527 ],528 deDupInvoke: function (invoke) {529 if (invoke.nodeModel) {530 var nodeInvokes = invoke.nodeModel.get('invokes');531 if (nodeInvokes.length > 0) {532 var hasPriorInvoke = false;533 var nodeMatch = function (invokeA, invokeB) {534 var a = _(invokeA.parentCalls || []).pluck("nodeId").join("");535 a += _(invokeA.childCalls || []).pluck("nodeId").join("");536 var b = _(invokeB.parentCalls || []).pluck("nodeId").join("");537 b += _(invokeB.childCalls || []).pluck("nodeId").join("");538 return a === b;539 };540 _(nodeInvokes).each(function (subInvoke) {541 if (nodeMatch(invoke, subInvoke)) {542 hasPriorInvoke = true;543 subInvoke.isSequentialRepeat = true;544 }545 }, this);546 if (hasPriorInvoke) {547 // Set latest invoke as the non-repeat548 invoke.isSequentialRepeat = false;549 }550 }551 nodeInvokes.push(invoke);552 }553 },554 classifyInvoke: function (invoke) {555 this.deDupInvoke(invoke);556 if (!this.maxHitCount || invoke.node.invokes.length > this.maxHitCount) {557 this.maxHitCount = invoke.node.invokes.length;558 }559 if (invoke.node && invoke.node.name &&560 (invoke.node.name === "('$' callback)" || invoke.node.name.indexOf(".js toplevel") > -1)) {561 invoke.aspectMap["setup"] = true;562 this.aspectCollectionMap.setup.push(invoke);563 }564 // Check return values565 _(this.returnValueParsers).each(function (parser) {566 var aspect = parser(invoke.returnValue);567 if (aspect) {568 this.decorateAspect(invoke, aspect, this.aspectCollectionMap[aspect]);569 }570 }, this);571 // Comb through arguments572 _(invoke.arguments).each(function (arg) {573 _(this.argumentParsers).each(function (parser) {574 var aspect = parser(arg);575 if (aspect) {576 this.decorateAspect(invoke, aspect, this.aspectCollectionMap[aspect]);577 }578 }, this);579 }, this);580 },581 classifyCustom: function (aspect, argTestFn, returnValTestFn) {582 if (!aspect || !(argTestFn || returnValTestFn)) {583 console.warn("Tried classify custom without required params.");584 return;585 }586 var testFn;587 if (argTestFn) {588 testFn = function (invoke) {589 return !!_(invoke.arguments).find(function (arg) {590 return argTestFn(util.unMarshshalVal(arg.value))591 })592 }593 } else if (returnValTestFn) {594 testFn = function (invoke) {595 return invoke.returnValue && !!returnValTestFn(util.unMarshshalVal(invoke.returnValue));596 }597 }598 _(this.invokes).each(function (invoke) {599 var hasAspect;600 try {601 hasAspect = testFn(invoke)602 } catch (ignored) {603 }604 if (hasAspect) {605 this.decorateAspect(invoke, aspect, null);606 }607 }, this);608 },609 getInvokeLabel: function (invoke) {610 if (invoke.node.customLabel) {611 return invoke.node.customLabel;612 }613 var aspects = invoke.aspectMap ? _(invoke.aspectMap).keys().join(", ") : "";614 var name = invoke.node.name;615 // var root = invoke.rootInvoke ? "rootInvoke" : "";616 // var nativeRoot = invoke.nativeRootInvoke ? "nativeRootInvoke" : "";617 var hits = invoke.node.invokes.length;618 if (aspects) {619 aspects = "[" + aspects + "]"620 }621 return [aspects, name, "×", hits].join(" ");622 },623 sort: function () {624 this.invokes.sort(function (a, b) {625 if (a.timestamp > b.timestamp) {626 return 1;627 } else if (a.timestamp < b.timestamp) {628 return -1;629 } else {630 // Secondary sort on tick631 if (a.tick > b.tick) {632 return 1;633 } else if (a.tick < b.tick) {634 return -1;635 } else {636 return 0;637 }638 }639 });640 }641 });...

Full Screen

Full Screen

CallGraphView.js

Source:CallGraphView.js Github

copy

Full Screen

1/*2- compiles all the graphs collections and draws the graph3- all bottom buttons laid out here, sets up custom colors, functions for all the buttons, draws async relations (Josh, Tom fondue); coloring of invoke nodes (blue, toplevel, ajax, click, etc); handlesNodeClick, handlesEdgeClick, heatmap, updates label, draws the actual graph; defines other buttons as well like downloading invokes etc4*/5define([6 "jquery",7 "backbone",8 "underscore",9 "handlebars",10], function ($, Backbone, _, Handlebars) {11 return Backbone.View.extend({12 events: {13 "click #draw": "draw", // comes from this.invokeGraph14 "click #markNonLib": "markNonLib",15 "click #markTopLevelNonLib": "markTopLevelNonLib",16 "click #drawTomAsync": "drawTomAsync",17 "click #drawJoshAsync": "drawJoshAsync",18 "click #pruneGraph": "pruneGraph",19 "click #resetGraph": "resetGraph",20 "click #markAllBlue": "markAllBlue",21 "click #markAjaxRequest": "markAjaxRequest",22 "click #markAjaxResponse": "markAjaxResponse",23 "click #markClick": "markClick",24 "click #hideRepeats": "hideRepeats",25 "click #hideLibs": "hideLibs",26 "click #hideUnknownAspectNodes": "hideUnknownAspectNodes",27 "click #showLibCode": "showLibCode",28 "click #showRepeats": "showRepeats",29 "click #showUnknown": "showUnknown",30 "click #drawHeatMap": "drawHeatMap",31 "click #downloadInvokes": "downloadInvokes",32 "click #downloadNodes": "downloadNodes",33 },34 customColors: {},35 colors: {36 nativeNode: "#bce9fd",37 libNode: "#bdbdbd",38 edge: "#e6da74",39 nativeRootInvoke: "#48ff60",40 asyncEdge: "#fd9620",41 asyncSerialEdge: "#bc95ff",42 ajaxStart: "#fff",43 ajaxRequest: "#fff",44 ajaxResponse: "#dd7382",45 domQuery: "#bc95ff",46 jqDom: "#bc95ff",47 mouseEvent: "#fd9620",48 click: "#fd9620",49 wheel: "#fd9620",50 mousemove: "#fd9620",51 mousedown: "#fd9620",52 mouseup: "#fd9620",53 mouseout: "#fd9620",54 mouseleave: "#fd9620",55 mouseenter: "#fd9620",56 mouseover: "#fd9620",57 selected: "#fff07b",58 edgeSelected: "#f7f7f7",59 },60 aspectFilters: [],61 negatedAspectFilters: [],62 draw: function () {63 this.invokeGraph.calculate();64 this.resetGraph();65 },66 initialize: function (invokeGraph, activeNodeCollection) {67 this.invokeGraph = invokeGraph;68 this.activeNodeCollection = activeNodeCollection;69 this.setElement($("#graphView")); // el should be in the dom at instantiation time70 this.$("#invokeGraph").height(parseInt(this.$el.height()) - parseInt(this.$("#graphControl").height()));71 this.filterByAspect = _.bind(this.filterByAspect, this);72 this.handleNodeClick = _.bind(this.handleNodeClick, this);73 this.handleEdgeClick = _.bind(this.handleEdgeClick, this);74 this.addCustomColor = _.bind(this.addCustomColor, this);75 },76 addCustomColor: function (aspect, color) {77 this.customColors[aspect] = color;78 },79 hideLibs: function () {80 this.showLibs = false;81 this.drawGraph();82 },83 hideRepeats: function () {84 this.showSequentialRepeats = false;85 this.drawGraph();86 },87 hideUnknownAspectNodes: function () {88 this.showUnknownAspects = false;89 this.drawGraph();90 },91 showLibCode: function () {92 this.showLibs = true;93 this.drawGraph();94 },95 showRepeats: function () {96 this.showSequentialRepeats = true;97 this.drawGraph();98 },99 showUnknown: function () {100 this.showUnknownAspects = true;101 this.drawGraph();102 },103 drawHeatMap: function () {104 _(this.visibleInvokes).each(function (invoke) {105 var heatColor = this.calcHeatColor(invoke.node.invokes.length, this.maxVisibleHitCount);106 this.cy.elements('node[id = "' + invoke.invocationId + '"]')107 .style({"background-color": heatColor});108 }, this);109 },110 resetGraph: function () {111 this.lastSelectedNodes = [];112 this.lastSelectedEdge = null;113 this.visibleInvokes = [];114 this.maxVisibleHitCount = 0;115 this.hideInvokeIdMap = {};116 this.showLibs = false;117 this.showSequentialRepeats = false;118 this.showUnknownAspects = false;119 this.drawGraph();120 },121 drawJoshAsync: function () {122 //console.log("Drawing async serial connections."); // ok this triggers the creation of purple arrows123 _(this.invokeGraph.asyncSerialEdges).each(function (edge, i, arr) {124 //console.log("drawJoshAsync - asyncSerialEdge: ", edge, "i: ", i, "arr: ", arr);125 //console.log("drawJoshAsync - parent: ", edge.parentInvoke.node.name, "child:", edge.childInvoke.node.name);126 if (this.hideInvokeIdMap[edge.parentInvoke.invocationId] ||127 this.hideInvokeIdMap[edge.childInvoke.invocationId]) {128 return;129 }130 var edgeElement = this.cy.elements('edge[source = "' + edge.parentInvoke.invocationId + '"][target="' + edge.childInvoke.invocationId + '"]');131 if (!edgeElement.length) {132 this.cy.add({133 group: 'edges', data: {134 source: edge.parentInvoke.invocationId,135 target: edge.childInvoke.invocationId,136 color: this.colors.asyncSerialEdge137 }138 });139 }140 }, this);141 },142 drawTomAsync: function () { // ok this triggers the creation of oranges arrows143 _(this.invokeGraph.asyncEdges).each(function (edge) {144 this.cy.remove('edge[source = "' + edge.parentInvoke.invocationId + '"][target="' + edge.childInvoke.invocationId + '"]');145 this.cy.add({146 group: 'edges', data: {147 source: edge.parentInvoke.invocationId,148 target: edge.childInvoke.invocationId,149 color: this.colors.asyncEdge150 }151 });152 }, this);153 },154 markAspectColor: function (aspectArr, color) {155 if (!aspectArr || !color) {156 console.warn("Tried to color invoke node without params.");157 return;158 }159 var allNodes = (aspectArr === "*");160 _(this.visibleInvokes).each(function (invoke) {161 var markAspect;162 if (allNodes) {163 markAspect = true;164 } else {165 markAspect = _(aspectArr).find(function (aspect) {166 return invoke.aspectMap[aspect];167 });168 }169 if (markAspect) {170 this.cy.elements('node[id = "' + invoke.invocationId + '"]')171 .style({"background-color": color});172 }173 }, this);174 },175 markAllBlue: function () {176 this.markAspectColor("*", this.colors.nativeNode);177 },178 markTopLevelNonLib: function () {179 _(this.invokeGraph.nativeRootInvokes).each(function (invoke) {180 this.cy.elements('node[id = "' + invoke.invocationId + '"]')181 .style({182 "background-color": this.colors.nativeRootInvoke183 });184 }, this);185 },186 markAjaxRequest: function () {187 this.markAspectColor(["ajaxRequest"], this.colors.ajaxRequest);188 },189 markAjaxResponse: function () {190 this.markAspectColor(["ajaxResponse"], this.colors.ajaxResponse);191 },192 markClick: function () {193 this.markAspectColor(this.invokeGraph.mouseEvents, this.colors.mouseEvent);194 },195 filterByAspect: function (aspectArr, negateAspectArr) {196 this.aspectFilters = aspectArr;197 this.negatedAspectFilters = negateAspectArr;198 this.drawGraph();199 },200 resetLastNodes: function () {201 if (!this.lastSelectedNodes.length) {202 return;203 }204 _(this.lastSelectedNodes).each(function (node) {205 this.cy.elements('node[id = "' + node.id + '"]')206 .style({207 "background-color": node.color,208 "border-color": "none",209 "border-width": "0"210 });211 }, this);212 this.lastSelectedNodes = [];213 if (this.lastSelectedEdge) {214 var edgeElement = this.cy.elements('edge[source = "' + this.lastSelectedEdge.sourceId + '"][target = "' + this.lastSelectedEdge.targetId + '"]');215 if (!edgeElement.length) {216 edgeElement = this.cy.elements('edge[target = "' + this.lastSelectedEdge.sourceId + '"][source = "' + this.lastSelectedEdge.targetId + '"]');217 }218 edgeElement.style({219 "line-color": this.lastSelectedEdge.color220 });221 this.lastSelectedEdge = null;222 }223 },224 handleNodeClick: function (nodeId, silent) {225 this.resetLastNodes();226 //console.log("Clicked invoke id:", nodeId);227 this.lastSelectedNodes = [{228 id: nodeId,229 color: this.cy.elements('node[id = "' + nodeId + '"]').style("background-color")230 }];231 this.cy.elements('node[id = "' + nodeId + '"]')232 .style({233 "background-color": this.colors.selected,234 "border-color": "white",235 "border-width": "3px"236 });237 if (!silent) {238 this.trigger("nodeClick", nodeId);239 }240 },241 handleEdgeClick: function (sourceId, targetId, silent) {242 this.resetLastNodes();243 _([sourceId, targetId]).each(function (nodeId) {244 this.lastSelectedNodes.push({245 id: nodeId,246 color: this.cy.elements('node[id = "' + nodeId + '"]').style("background-color")247 });248 this.cy.elements('node[id = "' + nodeId + '"]')249 .style({250 "background-color": this.colors.selected,251 "border-color": "white",252 "border-width": "3px"253 });254 }, this);255 var edgeElement = this.cy.elements('edge[source = "' + sourceId + '"][target = "' + targetId + '"]');256 if (!edgeElement.length) {257 edgeElement = this.cy.elements('edge[target = "' + sourceId + '"][source = "' + targetId + '"]');258 }259 this.lastSelectedEdge = {260 sourceId: sourceId,261 targetId: targetId,262 color: edgeElement.style("line-color")263 };264 edgeElement265 .style({266 "line-color": this.colors.edgeSelected,267 });268 if (!silent) {269 this.trigger("edgeClick", [sourceId, targetId]);270 }271 },272 getNodeColor: function (node) {273 var customColors = _(this.customColors).keys();274 if (customColors.length) {275 var colorKey = _(customColors).find(function (aspect) {276 return node.aspectMap[aspect];277 });278 if (colorKey) {279 return this.customColors[colorKey];280 }281 }282 if (node.isLib) {283 return this.colors.libNode;284 }285 if (node.nativeRootInvoke) {286 return this.colors.nativeRootInvoke;287 }288 var aspectArr = _(node.aspectMap).keys();289 var last = _(aspectArr).last();290 if (this.colors[last]) {291 return this.colors[last];292 }293 return this.colors.nativeNode;294 },295 calcHeatColor: function (val, max) {296 var heatNum = val / max;297 var r = parseInt(heatNum * 255);298 var b = 255 - r;299 return "#" + ((1 << 24) + (r << 16) + (0 << 8) + b).toString(16).slice(1);300 },301 updateLabel: function (invokeId) {302 this.cy.elements('node[id = "' + invokeId + '"]')303 .data("label", this.invokeGraph.invokeIdMap[invokeId].getLabel());304 },305 childrenHaveAsyncChild: function childrenHaveAsyncChild(invoke) {306 if (invoke.childAsyncSerialLinks && invoke.childAsyncSerialLinks.length > 0)307 return true;308 if (invoke.childCalls) {309 for (var i = 0; i < invoke.childCalls.length; i++) {310 var child_invoke = invoke.childCalls[i];311 if (childrenHaveAsyncChild(child_invoke))312 return true;313 }314 }315 return false;316 },317 drawGraph: function () {318 //console.log("Emptying old graph.")319 this.$("#invokeGraph").empty();320 this.hideInvokeIdMap = {};321 this.maxVisibleHitCount = 0;322 var n_nodes_shown = 0;323 var nodes = _(this.invokeGraph.invokes).reduce(function (displayNodes, invoke) {324 //console.log("CGV node:", invoke.node);325 //console.log("CGV node name:", invoke.node.name);326 //console.log("CGV node source:", invoke.node.source);327 if (!this.showLibs && invoke.isLib) {328 //console.log("it is considered a lib");329 this.hideInvokeIdMap[invoke.invocationId] = true;330 return displayNodes;331 }332 if (!this.showUnknownAspects && _(invoke.aspectMap).keys().length < 1) {333 //console.log("it is considered an unknown aspect");334 //console.log("invoke:", invoke);335 //console.log("invoke.aspectMap: ", invoke.aspectMap);336 //console.log("_(invoke.aspectMap): ", _(invoke.aspectMap));337 //console.log("_(invoke.aspectMap).keys()", _(invoke.aspectMap).keys());338 this.hideInvokeIdMap[invoke.invocationId] = true;339 return displayNodes;340 }341 if (!this.showSequentialRepeats && invoke.isSequentialRepeat) {342 //console.log("it is considered a sequential repeat");343 this.hideInvokeIdMap[invoke.invocationId] = true;344 return displayNodes;345 }346 if (this.aspectFilters.length) {347 //console.log("need to check some aspectFilters");348 var found = _(this.aspectFilters).find(function (aspect) {349 return invoke.aspectMap[aspect]350 });351 if (!found) {352 this.hideInvokeIdMap[invoke.invocationId] = true;353 return displayNodes;354 }355 }356 if (this.negatedAspectFilters.length) {357 //console.log("need to check negatedAspectFilters");358 var negateFound = _(this.negatedAspectFilters).find(function (aspect) {359 return invoke.aspectMap[aspect]360 });361 if (negateFound) {362 this.hideInvokeIdMap[invoke.invocationId] = true;363 return displayNodes;364 }365 }366 //console.log("considering invoke: ", invoke.getLabel());367 //console.log("invoke.nativeRootInvoke: ", invoke.nativeRootInvoke);368 //console.log("invoke.childAsyncSerialLinks: ", invoke.childAsyncSerialLinks);369 //console.log("invoke: ", invoke);370 if (!invoke.nativeRootInvoke){371 // only show nodes that are top level calls372 if (!invoke.childAsyncSerialLinks || invoke.childAsyncSerialLinks.length < 1) { 373 // or they have async children374 //console.log("childrenHaveAsyncChild(invoke):", this.childrenHaveAsyncChild(invoke));375 if (!this.childrenHaveAsyncChild(invoke)) {376 // or they have descendents that have async children377 378 // COMMMENT FOLLOWING LINES TO TEMPORARILY DEBUG:379 this.hideInvokeIdMap[invoke.invocationId] = true;380 return displayNodes;381 }382 }383 }384 /*if (invoke.topLevelInvocationId != invoke.invocationId) {385 return displayNodes;386 }*/ // true way of getting top level nodes only, but excludes those with async children387 if (this.hideInvokeIdMap[invoke.invocationId]) {388 //console.log("it is explicitly in the hideInvokeIdMap");389 return displayNodes;390 }391 var label = invoke.getLabel();392 393 if (invoke.nativeRootInvoke) { // considering only top level calls394 var events_to_parse_out = ["load", "resize", "scroll", "unload", "change", "copy", "focus", "keydown, keypress, keyup", "paste", "reset", "select", "submit", "copy, cut, paste", "keydown", "keypress", "keyup", "click", "contextmenu", "dblclick", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "right click", "scrolling"]395 for (i = 0; i < events_to_parse_out.length; i++) {396 ev = events_to_parse_out[i];397 if (label.includes("[" + ev)) {398 // deal with xN399 var fn = label.search(/]/i)400 var xn = label.search(/\s×\s[0-9]/i)401 var fn_text = label.substr(fn+1, xn-(fn+1)).trim()402 var xn_text = label.substr(xn)403 label = "[" + ev + " callback] " + fn_text + xn_text; // *404 break;405 }406 }407 }408 console.log("label:", label, "invoke.childAsyncSerialLinks: ", invoke.childAsyncSerialLinks);409 if (invoke.childAsyncSerialLinks){410 var label_has_been_set = false;411 for (var aci = 0; aci < invoke.childAsyncSerialLinks.length; aci++){412 async_child = invoke.childAsyncSerialLinks[aci];413 console.log("async_child:", async_child);414 var events_to_parse_out = ["load", "resize", "scroll", "unload", "change", "copy", "focus", "keydown, keypress, keyup", "paste", "reset", "select", "submit", "copy, cut, paste", "keydown", "keypress", "keyup", "click", "contextmenu", "dblclick", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "right click", "scrolling"]415 for (i = 0; i < events_to_parse_out.length; i++) {416 ev = events_to_parse_out[i];417 if (async_child.getLabel().includes("[" + ev)) {418 // deal with xN419 var fn = label.search(/]/i)420 var xn = label.search(/\s×\s[0-9]/i)421 var fn_text = label.substr(fn+1, xn-(fn+1)).trim()422 var xn_text = label.substr(xn)423 console.log("invoke.node.source:", invoke.node.source);424 if (invoke.node.source.includes(".off(") || invoke.node.source.includes(".unbind(")) {425 label = "[" + ev + " unbinding] " + fn_text + xn_text; // *426 console.log("label:", label);427 label_has_been_set = true;428 }429 else {430 label = "[" + ev + " binding] " + fn_text + xn_text; // *431 console.log("label:", label);432 label_has_been_set = true; 433 }434 //if (label.includes("mousemove")) 435 // console.log("mousemove invoke: ", invoke);436 break;437 }438 }439 if (label_has_been_set) break;440 }441 }442 443 //console.log("node to be drawn:", invoke);444 var node = {445 data: {446 id: invoke.invocationId,447 label: label,448 color: this.getNodeColor(invoke) // "#d13r23"449 }450 };451 //console.log(n_nodes_shown, "node getting shown: ", invoke.getLabel()); 452 n_nodes_shown++;453 //console.log("node:", label);454 this.visibleInvokes.push(invoke);455 if (invoke.node.invokes.length > this.maxVisibleHitCount) {456 this.maxVisibleHitCount = invoke.node.invokes.length;457 }458 displayNodes.push(node);459 return displayNodes;460 }, [], this);461 //console.log("Filtered to node count", nodes.length, "of", this.invokeGraph.invokes.length);462 var edges = _(this.invokeGraph.edges).reduce(function (displayEdges, edge) {463 if (this.hideInvokeIdMap[edge.parentInvoke.invocationId] ||464 this.hideInvokeIdMap[edge.childInvoke.invocationId]) {465 return displayEdges;466 }467 //console.log("drawGraph - edge: ", edge)468 //console.log("drawGraph - parent: ", edge.parentInvoke.node.name, "child:", edge.childInvoke.node.name);469 displayEdges.push({470 data: {471 source: edge.parentInvoke.invocationId,472 target: edge.childInvoke.invocationId,473 color: this.colors.edge474 }475 });476 return displayEdges;477 }, [], this);478 //console.log("Filtered to edge count", edges.length, "of", this.invokeGraph.edges.length);479 //console.log("Drawing graph...");480 this.cy = cytoscape({481 container: this.$("#invokeGraph")[0],482 boxSelectionEnabled: false,483 autounselectify: true,484 layout: {485 name: 'dagre',486 avoidOverlap: true,487 pan: 'fix',488 fit: true,489 padding: 20,490 minLen: function (edge) {491 return 2;492 }493 },494 style: [495 {496 selector: 'node',497 style: {498 'min-zoomed-font-size': 6,499 // 'font-family': 'system, "helvetica neue"',500 // 'font-size': 14,501 // 'font-weight': 400,502 'shape': 'roundrectangle',503 // 'overlay-color': "white",504 // 'overlay-padding': 1,505 'width': 'label',506 'height': 'label',507 'padding': 8,508 'content': 'data(label)',509 // 'text-opacity': 1,510 'text-valign': 'center',511 // 'text-halign': 'center',512 // 'color': "black",513 'background-color': 'data(color)'514 }515 },516 {517 selector: 'edge',518 style: {519 'width': 2,520 'target-arrow-shape': 'triangle',521 'line-color': 'data(color)',522 'target-arrow-color': 'data(color)',523 'curve-style': 'bezier'524 }525 }526 ],527 elements: {528 nodes: nodes,529 edges: edges530 },531 });532 //console.log("cy:", this.cy);533 //console.log("cy.nodes:", this.cy.nodes());534 // get all the nodes and stagger them535 // Returns a random number between min (inclusive) and max (exclusive)536 function getRandomArbitrary(min, max) {537 return Math.random() * (max - min) + min;538 } // thanks to http://man.hubwiz.com/docset/JavaScript.docset/Contents/Resources/Documents/developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random.html539 this.cy.nodes().forEach(function(ele){540 //console.log("in cy nodes each: ", ele);541 //console.log("in cy nodes each node pos: ", ele.position());542 ele_pos = ele.position();543 ele_pos.y += getRandomArbitrary(-50, 50);544 ele.position(ele_pos);545 })546 var callGraphView = this;547 this.cy.on('click', 'node', function () {548 callGraphView.handleNodeClick(this.id());549 });550 this.cy.on('click', 'edge', function () {551 callGraphView.handleEdgeClick(this.data("source"), this.data("target"));552 });553 //console.log("Graph initial draw done.");554 // this.drawJoshAsync();555 //console.log("DrawGraph completed.");556 },557 downloadInvokes: function () {558 this.downloadStr(JSON.stringify(this.invokeGraph.rawInvokes, null, 2), "invokeSample.txt");559 },560 downloadNodes: function () {561 this.downloadStr(JSON.stringify(this.activeNodeCollection.rawNodes, null, 2), "nodeSample.txt");562 },563 downloadStr: function (str, fileName) {564 var textFileAsBlob = new Blob([str], {type: 'text/plain'});565 var downloadLink = document.createElement("a");566 downloadLink.download = fileName;567 downloadLink.innerHTML = "Download File";568 downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);569 downloadLink.click();570 }571 });...

Full Screen

Full Screen

event-tests.js

Source:event-tests.js Github

copy

Full Screen

...226 t.equal(event.payload.toString(), "Event 0," + evtstring, "Successfully received expected chaincode event payload");227 eh.unregisterChaincodeEvent(regid);228 });229 // Trigger the invoke transaction230 var invokeTx = test_user_Member1.invoke(invokeRequest);231 // set timout on event sent by chaincode invoke232 timeoutId = setTimeout(function() {233 if(timedout) {234 eh.unregisterChaincodeEvent(regid);235 t.fail("Failed to receive chaincode event");236 process.exit(1);237 }238 },239 duration);240 // Print the invoke results241 invokeTx.on('complete', function (results) {242 // Invoke transaction submitted successfully243 t.pass(util.format("Successfully completed chaincode invoke transaction: request=%j, response=%j", invokeRequest, results));244 });245 invokeTx.on('error', function (err) {246 // Invoke transaction submission failed247 t.fail(util.format("Failed to submit chaincode invoke transaction: request=%j, error=%j", invokeRequest, err));248 // Exit the test script after a failure249 process.exit(1);250 });251});252//253// Issue a chaincode invoke to generate event and listen for the event254// on 2 registrations255//256test('Invoke chaincode, have it generate an event, and receive event on 2 registrations', function (t) {257 t.plan(3);258 var evtstring = "event-test";259 // Construct the invoke request260 var invokeRequest = {261 // Name (hash) required for invoke262 chaincodeID: testChaincodeID,263 // Function to trigger264 fcn: "invoke",265 // Parameters for the invoke function266 args: [evtstring]267 };268 var eh = chain.getEventHub();269 var duration = chain.getInvokeWaitTime() * 1000;270 var timedout = true;271 var timeoutId = null;272 var eventcount = 0;273 // register for chaincode event274 var regid1 = eh.registerChaincodeEvent(testChaincodeID, "^evtsender$", function(event) {275 eventcount++;276 if (eventcount > 1) {277 if (timeoutId) {278 clearTimeout(timeoutId);279 }280 }281 t.equal(event.payload.toString(), "Event 1," + evtstring, "Successfully received expected chaincode event payload");282 eh.unregisterChaincodeEvent(regid1);283 });284 // register for chaincode event285 var regid2 = eh.registerChaincodeEvent(testChaincodeID, "^evtsender$", function(event) {286 eventcount++;287 if (eventcount > 1) {288 if (timeoutId) {289 clearTimeout(timeoutId);290 }291 }292 t.equal(event.payload.toString(), "Event 1," + evtstring, "Successfully received expected chaincode event payload");293 eh.unregisterChaincodeEvent(regid2);294 });295 // Trigger the invoke transaction296 var invokeTx = test_user_Member1.invoke(invokeRequest);297 // set timout on event sent by chaincode invoke298 timeoutId = setTimeout(function() {299 if(eventcount > 1) {300 eh.unregisterChaincodeEvent(regid1);301 eh.unregisterChaincodeEvent(regid2);302 t.fail("Failed to receive chaincode event");303 process.exit(1);304 }305 },306 duration);307 // Print the invoke results308 invokeTx.on('complete', function (results) {309 // Invoke transaction submitted successfully310 t.pass(util.format("Successfully completed chaincode invoke transaction: request=%j, response=%j", invokeRequest, results));311 });312 invokeTx.on('error', function (err) {313 // Invoke transaction submission failed314 t.fail(util.format("Failed to submit chaincode invoke transaction: request=%j, error=%j", invokeRequest, err));315 // Exit the test script after a failure316 process.exit(1);317 });318});319//320// Issue a chaincode invoke to generate event and listen for the event321// by registering with chaincode id and wildcarded event name322//323test('Generate chaincode event and receive it with wildcard', function (t) {324 t.plan(2);325 var evtstring = "event-test";326 // Construct the invoke request327 var invokeRequest = {328 // Name (hash) required for invoke329 chaincodeID: testChaincodeID,330 // Function to trigger331 fcn: "invoke",332 // Parameters for the invoke function333 args: [evtstring]334 };335 var eh = chain.getEventHub();336 var duration = chain.getInvokeWaitTime() * 1000;337 var timedout = true;338 var timeoutId = null;339 // register for chaincode event with wildcard event name340 var regid = eh.registerChaincodeEvent(testChaincodeID, ".*", function(event) {341 timedout = false;342 if (timeoutId) {343 clearTimeout(timeoutId);344 }345 t.equal(event.payload.toString(), "Event 2," + evtstring, "Successfully received expected chaincode event payload");346 eh.unregisterChaincodeEvent(regid);347 });348 // Trigger the invoke transaction349 var invokeTx = test_user_Member1.invoke(invokeRequest);350 // set timout on event sent by chaincode invoke351 timeoutId = setTimeout(function() {352 if(timedout) {353 eh.unregisterChaincodeEvent(regid);354 t.fail("Failed to receive chaincode event");355 process.exit(1);356 }357 },358 duration);359 // Print the invoke results360 invokeTx.on('complete', function (results) {361 // Invoke transaction submitted successfully362 t.pass(util.format("Successfully completed chaincode invoke transaction: request=%j, response=%j", invokeRequest, results));363 });364 invokeTx.on('error', function (err) {365 // Invoke transaction submission failed366 t.fail(util.format("Failed to submit chaincode invoke transaction: request=%j, error=%j", invokeRequest, err));367 // Exit the test script after a failure368 process.exit(1);369 });370});371//372// Issue a chaincode invoke to generate event and listen for the event373// by registering with chaincode id and a bogus event name374//375test('Generate an event that fails to be received', function (t) {376 t.plan(2);377 var evtstring = "event-test";378 // Construct the invoke request379 var invokeRequest = {380 // Name (hash) required for invoke381 chaincodeID: testChaincodeID,382 // Function to trigger383 fcn: "invoke",384 // Parameters for the invoke function385 args: [evtstring]386 };387 var eh = chain.getEventHub();388 var duration = chain.getInvokeWaitTime() * 1000;389 var timedout = true;390 var timeoutId = null;391 // register for chaincode event with bogus event name392 var regid = eh.registerChaincodeEvent(testChaincodeID, "bogus", function(event) {393 timedout = false;394 if (timeoutId) {395 clearTimeout(timeoutId);396 }397 t.fail("Received chaincode event from bogus registration");398 eh.unregisterChaincodeEvent(regid);399 process.exit(1);400 });401 // Trigger the invoke transaction402 var invokeTx = test_user_Member1.invoke(invokeRequest);403 // set timout on event sent by chaincode invoke404 timeoutId = setTimeout(function() {405 if(timedout) {406 eh.unregisterChaincodeEvent(regid);407 t.pass("Failed to receive chaincode event");408 }409 },410 duration);411 // Print the invoke results412 invokeTx.on('complete', function (results) {413 // Invoke transaction submitted successfully414 t.pass(util.format("Successfully completed chaincode invoke transaction: request=%j, response=%j", invokeRequest, results));415 });416 invokeTx.on('error', function (err) {...

Full Screen

Full Screen

InvokeApp.js

Source:InvokeApp.js Github

copy

Full Screen

...69 else if (console.log("invokeApp.js: downloading android: ", a.android.app_url),70 WeixinJSBridge.invoke) {71 var c;72 console.log("invokeApp.js: downloading android with Weixin sdk"),73 WeixinJSBridge.invoke("addDownloadTask", {74 task_name: "兴趣部落",75 task_url: a.android.app_url,76 file_md5: a.android.md577 }, function(a) {78 c = a.download_id,79 console.log("invokeApp.js: ", a, a.download_id, a.err_msg)80 }),81 WeixinJSBridge.on("wxdownload:state_change", function(a) {82 console.log("wxdownload:state_change: ", a.state),83 "download_succ" === a.state && (console.log("wxdownload success!"),84 console.log("installing apk..."),85 WeixinJSBridge.invoke("installDownloadTask", {86 download_id: c87 }, function(a) {88 console.log("installDownloadTask done: ", a.err_msg)89 }))90 })91 } else92 console.log("downloading android with url"),93 window.location = a.android.app_url94 }95 function f(a) {96 v ? (Q.tdw({97 opername: "tribe_app",98 module: "web_view",99 action: "web_see",100 ver3: 3,101 ver4: a || "",102 ver5: C103 }),104 window.location = q) : (Q.tdw({105 opername: "tribe_app",106 module: "web_view",107 action: "web_see",108 ver3: 2,109 ver4: a || "",110 ver5: C111 }),112 Util.openUrl("http://buluo.qq.com/mobile/download_app.html?from=" + B, !0))113 }114 function g(a) {115 if (a = a ? a : {},116 y)117 return void e(a);118 if (x)119 d(a);120 else {121 var b, c = v;122 a.isIOS === !0 && (c = !0),123 c ? (console.log("downloading ios: ", a.ios.app_url),124 b = q) : (console.log("downloading android: ", a.android.app_url),125 b = a.android.app_url),126 window.location = b127 }128 }129 function h(a, b) {130 b = b ? b : {};131 var c;132 v ? c = r : u && (c = s),133 mqq.app.isAppInstalled(c, function(c) {134 console.log("app is installed: " + c),135 c ? (Q.tdw({136 opername: "tribe_app",137 module: "web_view",138 action: "web_see",139 ver3: 1,140 ver4: a,141 ver5: C142 }),143 b.success && b.success()) : b.fail ? b.fail() : f(a)144 })145 }146 function i(a, b) {147 function c() {148 window.WeixinJSBridge.invoke("getInstallState", {149 packageName: s,150 packageUrl: t151 }, function(c) {152 var d = c.err_msg.indexOf("get_install_state:yes") > -1;153 d ? (console.log("app is installed: " + d),154 Q.tdw({155 opername: "tribe_app",156 module: "web_view",157 action: "web_see",158 ver3: 1,159 ver4: a,160 ver5: C161 }),162 b.success && b.success()) : b.fail ? b.fail() : f(a) ...

Full Screen

Full Screen

CardView.js

Source:CardView.js Github

copy

Full Screen

1/*2- toggleView - toggles side panels / views; resizepane?3- toggle inputs, outputs, etc, showing actions - inputs, outputs, declarations, parent, delegates, binding4*/5define([6 "jquery",7 "backbone",8 "underscore",9 "handlebars",10 "views/CodeMirrorView",11 "util/util",12 "text!../templates/CardView.html",13], function ($, Backbone, _, Handlebars, CodeMirrorView, util, CardViewTemplate) {14 return Backbone.View.extend({15 template: Handlebars.compile(CardViewTemplate),16 tagName: "div",17 className: "cardView",18 events: {19 "click .invoke-inputs": "toggleInputs",20 "click .invoke-binding": "toggleBinding",21 "click .invoke-declaration": "toggleDeclaration",22 "click .invoke-parent": "toggleParent",23 "click .invoke-outputs": "toggleOutputs",24 "click .invoke-delegates": "toggleDelegates",25 "click .invoke-effects": "toggleEffects",26 "keyup .invoke-label": "setCustomLabel",27 "blur .invoke-label": "checkEmptyLabel"28 },29 initialize: function (nodeId, invokeGraph, callGraphView) {30 this.invokeGraph = invokeGraph;31 this.callGraphView = callGraphView;32 this.invoke = this.invokeGraph.invokeIdMap[nodeId];33 if (!this.invoke) {34 console.warn("Tried to draw cardview without invoke.");35 return;36 }37 this.render();38 },39 render: function () {40 this.$el.append(this.template({41 description: this.invoke.getLabel()42 }));43 this.showActions();44 var source = this.invoke.node.displaySource || this.invoke.node.source || "";45 this.mainCodeMirrorView = new CodeMirrorView(source, "265px");46 this.bindMirrorToNodeSource(this.mainCodeMirrorView, this.invoke);47 this.$(".main-javascript").append(this.mainCodeMirrorView.$el);48 if (!source) {49 this.$(".main-javascript").hide();50 this.$(".empty-javascript").show();51 }52 },53 bindMirrorToNodeSource: function (codeMirrorView, invoke) {54 codeMirrorView.on("keyup", function (newCode) {55 invoke.node.displaySource = newCode;56 });57 },58 toggleView: function (btnPath, viewPath, renderFn, leftRight) {59 var hideSideViews = _.bind(function () {60 leftRight === "right" ? this.$(".right-column .colview").hide() : this.$(".left-column .colview").hide();61 }, this);62 if (!this.$(btnPath).hasClass("active")) {63 leftRight === "right" ? this.$(".right-button-column span").removeClass("active") : this.$(".left-button-column span").removeClass("active");64 }65 this.$(btnPath).toggleClass("active");66 var $viewPathEl = this.$(viewPath);67 if ($viewPathEl.is(":visible")) {68 var callback = _.bind(function () {69 $viewPathEl.hide();70 hideSideViews();71 }, this);72 leftRight === "right" ? this.hideRight(callback) : this.hideLeft(callback);73 } else {74 if (renderFn) {75 renderFn();76 }77 hideSideViews();78 $viewPathEl.show();79 leftRight === "right" ? this.showRight() : this.showLeft();80 }81 },82 resizePane: function (panePath, width, callback) {83 this.$(panePath).animate({84 width: width85 }, 300, _(function (e) {86 if (callback) {87 callback(e);88 }89 }).bind(this));90 },91 setCustomLabel: function () {92 this.invoke.node.customLabel = this.$(".invoke-label").val();93 this.callGraphView.updateLabel(this.invoke.invocationId);94 },95 checkEmptyLabel: function () {96 this.invoke.node.customLabel = this.$(".invoke-label").val();97 if (!this.invoke.node.customLabel) {98 this.$(".invoke-label").val(this.invoke.getLabel());99 }100 },101 showLeft: function (callback) {102 this.resizePane(".left-column", "500px", callback);103 },104 hideLeft: function (callback) {105 this.resizePane(".left-column", "0px", callback);106 },107 showRight: function (callback) {108 this.resizePane(".right-column", "500px", callback);109 },110 hideRight: function (callback) {111 this.resizePane(".right-column", "0px", callback);112 },113 toggleInputs: function () {114 var args = this.invoke.arguments || [];115 if (!this.inputCodeMirrors) {116 this.inputCodeMirrors = [];117 _(args).each(function (arg) {118 var val = util.unMarshshalVal(arg.value);119 if (typeof val !== "string") {120 val = JSON.stringify(val, null, 2);121 }122 var codeMirrorView = new CodeMirrorView(val, "120px");123 this.inputCodeMirrors.push(codeMirrorView);124 this.$(".invoke-inputs-view").append(codeMirrorView.$el);125 }, this);126 }127 this.toggleView(".invoke-inputs span", ".invoke-inputs-view", null, "left");128 },129 toggleBinding: function () {130 var binders = this.invoke.parentAsyncSerialLinks || [];131 var $view = this.$(".invoke-binding-view");132 $view.empty();133 _(binders).each(function (invoke) {134 var codeMirrorView = new CodeMirrorView(invoke.node.displaySource || invoke.node.source, "220px");135 this.bindMirrorToNodeSource(codeMirrorView, invoke);136 $view.append(this.getNavCardHTML(invoke));137 $view.append(codeMirrorView.$el);138 }, this);139 this.toggleView(".invoke-binding span", ".invoke-binding-view", null, "left");140 },141 toggleDeclaration: function () {142 if (!this.invoke.parentAsyncLink) {143 return;144 }145 var $view = this.$(".invoke-declaration-view");146 $view.empty();147 var codeMirrorView = new CodeMirrorView(this.invoke.parentAsyncLink.node.displaySource || this.invoke.parentAsyncLink.node.source || "", "270px");148 this.bindMirrorToNodeSource(codeMirrorView, this.invoke.parentAsyncLink);149 $view.append(this.getNavCardHTML(this.invoke.parentAsyncLink));150 $view.append(codeMirrorView.$el);151 this.toggleView(".invoke-declaration span", ".invoke-declaration-view", null, "left");152 },153 toggleParent: function () {154 if (!this.invoke.parentCalls || !this.invoke.parentCalls[0]) {155 return;156 }157 var codeMirrorView = new CodeMirrorView(this.invoke.parentCalls[0].node.displaySource || this.invoke.parentCalls[0].node.source, "270px");158 this.bindMirrorToNodeSource(codeMirrorView, this.invoke.parentCalls[0]);159 var $view = this.$(".invoke-parent-view");160 $view.empty();161 $view.append(this.getNavCardHTML(this.invoke.parentCalls[0]));162 $view.append(codeMirrorView.$el);163 this.toggleView(".invoke-parent span", ".invoke-parent-view", null, "left");164 },165 toggleOutputs: function () {166 if (!this.invoke.returnValue) {167 return;168 }169 var source = util.unMarshshalVal(this.invoke.returnValue);170 if (typeof source !== "string") {171 source = JSON.stringify(source, null, 2);172 }173 var codeMirrorView = new CodeMirrorView(source, "270px");174 var $view = this.$(".invoke-outputs-view");175 $view.empty();176 $view.append(codeMirrorView.$el);177 this.toggleView(".invoke-outputs span", ".invoke-outputs-view", null, "right");178 },179 toggleDelegates: function () {180 if(!this.invoke.childCalls){181 return;182 }183 var children = this.invoke.childCalls || [];184 var $delegatesView = this.$(".invoke-delegates-view");185 $delegatesView.empty();186 _(children).each(function (invoke) {187 var codeMirrorView = new CodeMirrorView(invoke.node.displaySource || invoke.node.source, "120px");188 this.bindMirrorToNodeSource(codeMirrorView, invoke);189 $delegatesView.append(this.getNavCardHTML(invoke));190 $delegatesView.append(codeMirrorView.$el);191 }, this);192 this.toggleView(".invoke-delegates span", ".invoke-delegates-view", null, "right");193 },194 toggleEffects: function () {195 if(!this.invoke.childAsyncSerialLinks){196 return;197 }198 var children = this.invoke.childAsyncSerialLinks || [];199 var $effectsView = this.$(".invoke-effects-view");200 $effectsView.empty();201 _(children).each(function (invoke) {202 var codeMirrorView = new CodeMirrorView(invoke.node.displaySource || invoke.node.source, "180px");203 this.bindMirrorToNodeSource(codeMirrorView, invoke);204 $effectsView.append(this.getNavCardHTML(invoke));205 $effectsView.append(codeMirrorView.$el);206 }, this);207 this.toggleView(".invoke-effects span", ".invoke-effects-view", null, "right");208 },209 getNavCardHTML: function (invoke) {210 var invisibleNote = this.isVisibleInvoke(invoke.invocationId) ? "(Hidden in Graph) " : "";211 return "<div class='navCard' targetId = '" + this.invoke.invocationId + "' sourceId ='" + invoke.invocationId + "'>Show Details: " + invisibleNote + invoke.getLabel() + "</div>";212 },213 containsInvoke: function (arr) {214 if (!arr || arr.length < 1) {215 return false;216 }217 return true;218 },219 isVisibleInvoke: function (invokeId) {220 return !this.callGraphView.hideInvokeIdMap[invokeId];221 },222 showActions: function () {223 if (this.invoke.arguments && this.invoke.arguments.length) {224 this.$(".invoke-inputs").show();225 } else {226 this.$(".invoke-inputs").hide();227 }228 if (this.invoke.returnValue) {229 this.$(".invoke-outputs").show();230 } else {231 this.$(".invoke-outputs").hide();232 }233 if (this.invoke.parentAsyncLink) {234 this.$(".invoke-declaration").show();235 } else {236 this.$(".invoke-declaration").hide();237 }238 if (this.containsInvoke(this.invoke.parentCalls)) {239 this.$(".invoke-parent").show();240 } else {241 this.$(".invoke-parent").hide();242 }243 if (this.containsInvoke(this.invoke.childCalls)) {244 this.$(".invoke-delegates").show();245 } else {246 this.$(".invoke-delegates").hide();247 }248 if (this.containsInvoke(this.invoke.parentAsyncSerialLinks)) {249 this.$(".invoke-binding").show();250 } else {251 this.$(".invoke-binding").hide();252 }253 if (this.containsInvoke(this.invoke.childAsyncSerialLinks)) {254 this.$(".invoke-effects").show();255 } else {256 this.$(".invoke-effects").hide();257 }258 }259 });...

Full Screen

Full Screen

graphs.js

Source:graphs.js Github

copy

Full Screen

1$.ajaxSetup({cache: false});2$.getJSON("/javascripts/invoke-json.json", null, function (invokes) {3// $.getJSON("/javascripts/invoke-normal.json", null, function (invokes) {4 var invokeMap = {};5 _(invokes).each(function (invoke) {6 invokeMap[invoke.invocationId] = invoke;7 });8 var nodes = [];9 var edges = [];10 var nativeInvokes = [];11 var topLevelInvokes = [];12 _(invokes).each(function (invoke) {13 if (invoke.topLevelInvocationId === invoke.invocationId) {14 topLevelInvokes.push(invoke);15 }16 invoke.isLib = invoke.node.id.indexOf("zepto") > -1;17 var graphNode = {18 id: invoke.invocationId,19 label: invoke.node.name && invoke.node.name.length < 44 ? invoke.node.name : "",20 color: "yellow"21 };22 if (!invoke.isLib) {23 nativeInvokes.push(invoke);24 }25 nodes.push(graphNode);26 invoke.graphNode = graphNode;27 _(invoke.parents).each(function (parent) {28 if (parent.type === "async") {29 //do nothing;30 } else {31 edges.push({from: parent.invocationId, to: invoke.invocationId, color: 'blue'});32 if (!invokeMap[parent.invocationId].children) {33 invokeMap[parent.invocationId].children = [];34 }35 invokeMap[parent.invocationId].children.push(invoke);36 }37 });38 });39 var count = 0;40 var nativeRoots = [];41 var findNativeRoots = function (invoke) {42 invoke.visited = true;43 var hasAsyncOrLibParent = _(invoke.parents).find(function (p) {44 return p.type === "async" || invokeMap[p.invocationId].isLib45 });46 if (!invoke.isLib && (!invoke.parents || hasAsyncOrLibParent)) {47 nativeRoots.push(invoke);48 }49 _(invoke.children).each(function (childNode) {50 findNativeRoots(childNode);51 });52 invoke.visited = false;53 count++;54 };55 _(topLevelInvokes).each(findNativeRoots);56 var network = null;57 var layoutMethod = "directed";58 function destroy() {59 if (network !== null) {60 network.destroy();61 network = null;62 }63 }64 function draw() {65 destroy();66 // create a network67 var container = $("#graph")[0];68 var nodeDataSet = new vis.DataSet();69 nodeDataSet.add(nodes);70 var edgeDataSet = new vis.DataSet();71 edgeDataSet.add(edges);72 // create a network73 var data = {74 nodes: nodeDataSet,75 edges: edgeDataSet76 };77 var options = {78 layout: {79 hierarchical: {80 sortMethod: layoutMethod81 }82 },83 edges: {84 smooth: true,85 arrows: {to: true}86 }87 };88 network = new vis.Network(container, data, options);89 window.network = network;90 $("#topGreen").click(function () {91 _(nativeRoots).each(function (invoke) {92 nodeDataSet.update({93 id: invoke.invocationId,94 color: "green"95 });96 });97 });98 $("#customRed").click(function () {99 _(nativeInvokes).each(function (invoke) {100 nodeDataSet.update({101 id: invoke.invocationId,102 color: "red"103 });104 });105 });106 var ids = _(nativeInvokes).pluck("invocationId");107 var without = _(invokeMap).chain().keys().difference(ids).value();108 $("#prune").click(function () {109 _(without).each(function (id) {110 nodeDataSet.remove({id: id})111 });112 });113 var traverseInvokeTreeForArg = function (invoke, fromId, source, edges) {114 var argMatch = _(invoke.arguments).find(function (arg) {115 return arg.value && arg.value.type === "function"116 && arg.value.json === source;117 });118 if (argMatch) {119 edges.push({from: fromId, to: invoke.invocationId, color: "purple"});120 }121 _(invoke.children).each(function (child) {122 traverseInvokeTreeForArg(child, fromId, source, edges);123 });124 };125 $("#drawMissing").click(function () {126 _(nativeRoots).each(function (aInvoke) {127 var edges = [];128 _(nativeRoots).each(function (bInvoke) {129 if (aInvoke.invocationId !== bInvoke.invocationId) {130 if (aInvoke.node.source) {131 traverseInvokeTreeForArg(bInvoke, aInvoke.invocationId, aInvoke.node.source, edges);132 }133 }134 });135 if(edges.length === 0){136 if(aInvoke.parents && aInvoke.parents[0] &&137 aInvoke.parents[0].type && aInvoke.parents[0].type === "async"){138 edges.push({from: aInvoke.invocationId, to: aInvoke.parents[0].invocationId, color: "green"})139 }140 }141 _(edges).each(function (edge) {142 edgeDataSet.add(edge);143 });144 });145 });146 }147 draw();148});149function addNode() {150 try {151 nodes.add({152 id: document.getElementById('node-id').value,153 label: document.getElementById('node-label').value154 });155 }156 catch (err) {157 alert(err);158 }159}160function updateNode() {161 try {162 nodes.update({163 id: document.getElementById('node-id').value,164 label: document.getElementById('node-label').value165 });166 }167 catch (err) {168 alert(err);169 }170}171function removeNode() {172 try {173 nodes.remove({id: document.getElementById('node-id').value});174 }175 catch (err) {176 alert(err);177 }178}179function addEdge() {180 try {181 edges.add({182 id: document.getElementById('edge-id').value,183 from: document.getElementById('edge-from').value,184 to: document.getElementById('edge-to').value185 });186 }187 catch (err) {188 alert(err);189 }190}191function updateEdge() {192 try {193 edges.update({194 id: document.getElementById('edge-id').value,195 from: document.getElementById('edge-from').value,196 to: document.getElementById('edge-to').value197 });198 }199 catch (err) {200 alert(err);201 }202}203function removeEdge() {204 try {205 edges.remove({id: document.getElementById('edge-id').value});206 }207 catch (err) {208 alert(err);209 }210}211var options = {212 nodes: {213 shape: 'dot',214 scaling: {215 min: 10,216 max: 30,217 label: {218 min: 8,219 max: 30,220 drawThreshold: 12,221 maxVisible: 20222 }223 },224 font: {225 size: 12,226 face: 'Tahoma'227 }228 },229 edges: {230 width: 0.15,231 color: {inherit: 'from'},232 smooth: {233 type: 'continuous'234 }235 },236 physics: false,237 interaction: {238 tooltipDelay: 200,239 hideEdgesOnDrag: true240 }...

Full Screen

Full Screen

array-invoke-coverage.js

Source:array-invoke-coverage.js Github

copy

Full Screen

...31 calledFunctions: 0,32 path: "build/array-invoke/array-invoke.js",33 code: []34};35_yuitest_coverage["build/array-invoke/array-invoke.js"].code=["YUI.add('array-invoke', function (Y, NAME) {","","/**","@module collection","@submodule array-invoke","*/","","/**","Executes a named method on each item in an array of objects. Items in the array","that do not have a function by that name will be skipped.","","@example",""," Y.Array.invoke(arrayOfDrags, 'plug', Y.Plugin.DDProxy);","","@method invoke","@param {Array} items Array of objects supporting the named method.","@param {String} name the name of the method to execute on each item.","@param {Any} [args*] Any number of additional args are passed as parameters to"," the execution of the named method.","@return {Array} All return values, indexed according to the item index.","@static","@for Array","**/","Y.Array.invoke = function(items, name) {"," var args = Y.Array(arguments, 2, true),"," isFunction = Y.Lang.isFunction,"," ret = [];",""," Y.Array.each(Y.Array(items), function(item, i) {"," if (item && isFunction(item[name])) {"," ret[i] = item[name].apply(item, args);"," }"," });",""," return ret;","};","","","}, '3.8.0', {\"requires\": [\"yui-base\"]});"];36_yuitest_coverage["build/array-invoke/array-invoke.js"].lines = {"1":0,"25":0,"26":0,"30":0,"31":0,"32":0,"36":0};37_yuitest_coverage["build/array-invoke/array-invoke.js"].functions = {"(anonymous 2):30":0,"invoke:25":0,"(anonymous 1):1":0};38_yuitest_coverage["build/array-invoke/array-invoke.js"].coveredLines = 7;39_yuitest_coverage["build/array-invoke/array-invoke.js"].coveredFunctions = 3;40_yuitest_coverline("build/array-invoke/array-invoke.js", 1);41YUI.add('array-invoke', function (Y, NAME) {42/**43@module collection44@submodule array-invoke45*/46/**47Executes a named method on each item in an array of objects. Items in the array48that do not have a function by that name will be skipped.49@example50 Y.Array.invoke(arrayOfDrags, 'plug', Y.Plugin.DDProxy);51@method invoke52@param {Array} items Array of objects supporting the named method.53@param {String} name the name of the method to execute on each item.54@param {Any} [args*] Any number of additional args are passed as parameters to55 the execution of the named method.56@return {Array} All return values, indexed according to the item index.57@static58@for Array59**/60_yuitest_coverfunc("build/array-invoke/array-invoke.js", "(anonymous 1)", 1);61_yuitest_coverline("build/array-invoke/array-invoke.js", 25);62Y.Array.invoke = function(items, name) {63 _yuitest_coverfunc("build/array-invoke/array-invoke.js", "invoke", 25);64_yuitest_coverline("build/array-invoke/array-invoke.js", 26);...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { html, render } from 'lit-html';2import { withKnobs } from '@storybook/addon-knobs';3import { withWebComponentsKnobs } from 'storybook-addon-web-components-knobs';4import { withA11y } from '@storybook/addon-a11y';5import { withWebComponents } from 'storybook-addon-web-components';6import { withActions } from '@storybook/addon-actions';7import { withCode } from 'storybook-addon-code';8import { withContexts } from '@storybook/addon-contexts/vue';9import { withDesign } from 'storybook-addon-designs';10import { withHTML } from '@whitespace/storybook-addon-html/vue';11import { withInfo } from 'storybook-addon-vue-info';12import { withNotes } from '@storybook/addon-notes';13import { withOptions } from '@storybook/addon-options';14import { withPropsTable } from 'storybook-addon-vue-info';15import { withReadme } from 'storybook-readme/vue';16import { withSource } from '@storybook/addon-storysource';17import { withTests } from '@storybook/addon-jest';18import { withViewport } from '@storybook/addon-viewport';19import { withWebComponents } from 'storybook-addon-web-components';20import { withXray } from 'storybook-addon-xray';21const storybookRoot = document.querySelector('storybook-root');22storybookRoot.invoke('withKnobs');23storybookRoot.invoke('withWebComponentsKnobs');24storybookRoot.invoke('withA11y');25storybookRoot.invoke('withWebComponents');26storybookRoot.invoke('withActions');27storybookRoot.invoke('withCode');28storybookRoot.invoke('withContexts');29storybookRoot.invoke('withDesign');30storybookRoot.invoke('withHTML');31storybookRoot.invoke('withInfo');32storybookRoot.invoke('withNotes');33storybookRoot.invoke('withOptions');34storybookRoot.invoke('withPropsTable');35storybookRoot.invoke('withReadme');36storybookRoot.invoke('withSource');37storybookRoot.invoke('withTests');38storybookRoot.invoke('withViewport');39storybookRoot.invoke('withWebComponents');40storybookRoot.invoke('withXray');41const storybookRoot = document.querySelector('storybook-root');42storybookRoot.invoke('withKnobs', withKnobs);43storybookRoot.invoke('withWebComponentsKnobs', withWebComponentsKnobs);44storybookRoot.invoke('withA11y', withA11

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { invoke } from 'storybook-root'2invoke('hello', 'world')3import { invoke } from 'storybook-root'4invoke('hello', 'world')5import { invoke } from 'test'6invoke('hello', 'world')7import { invoke } from 'storybook-root'8invoke('hello', 'world')9import { invoke } from 'test'10invoke('hello', 'world')11import { invoke } from 'storybook-root'12invoke('hello', 'world')13import { invoke } from 'storybook-root'14invoke('hello', 'world')15import { invoke } from 'test'16invoke('hello', 'world')17import { invoke } from 'storybook-root'18invoke('hello', 'world')19import { invoke } from 'test'20invoke('hello', 'world')21import { invoke } from 'storybook-root'22invoke('hello', 'world')23import { invoke } from 'storybook-root'24invoke('hello', 'world')25import { invoke } from 'test'26invoke('hello', 'world')27import { invoke } from 'storybook-root'28invoke('hello', 'world')29import { invoke } from 'storybook-root'30invoke('hello', 'world')31import

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { invoke } from 'storybook-root';2invoke('myMethod', 'arg1', 'arg2');3export const invoke = (method, ...args) => {4 const root = document.getElementById('root');5 root[method](...args);6};7import { invoke } from 'storybook-root';8invoke('myMethod', 'arg1', 'arg2');9export const invoke = (method, ...args) => {10 const root = document.getElementById('root');11 root[method](...args);12};13import { invoke } from 'storybook-root';14invoke('myMethod', 'arg1', 'arg2');15export const invoke = (method, ...args) => {16 const root = document.getElementById('root');17 root[method](...args);18};19import { invoke } from 'storybook-root';20invoke('myMethod', 'arg1', 'arg2');21export const invoke = (method, ...args) => {22 const root = document.getElementById('root');23 root[method](...args);24};25import { invoke } from 'storybook-root';26invoke('myMethod', 'arg1', 'arg2');27export const invoke = (method, ...args) => {28 const root = document.getElementById('root');29 root[method](...args);30};31import { invoke } from 'storybook-root';32invoke('myMethod', 'arg1', 'arg2');33export const invoke = (method, ...args) => {34 const root = document.getElementById('root');35 root[method](...args);36};

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { invoke } from 'storybook-root';2invoke('my-story', { prop1: 'value1', prop2: 'value2' });3import { invoke } from 'storybook-root';4invoke('my-story', { prop1: 'value1', prop2: 'value2' });5import { invoke } from 'storybook-root';6invoke('my-story', { prop1: 'value1', prop2: 'value2' });7import { invoke } from 'storybook-root';8invoke('my-story', { prop1: 'value1', prop2: 'value2' });9import { invoke } from 'storybook-root';10invoke('my-story', { prop1: 'value1', prop2: 'value2' });11import { invoke } from 'storybook-root';12invoke('my-story', { prop1: 'value1', prop2: 'value2' });13import { invoke } from 'storybook-root';14invoke('my-story', { prop1: 'value1', prop2: 'value2' });15import { invoke } from 'storybook-root';16invoke('my-story', { prop1: 'value1', prop2: 'value2' });17import { invoke } from 'storybook-root';18invoke('my-story', { prop1: 'value1', prop2: 'value2' });19import { invoke } from 'storybook-root';20invoke('my-story', { prop1: 'value1', prop2: 'value2' });21import { invoke } from 'storybook-root';22invoke('my-story', { prop1: '

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import {invoke} from 'storybook-root-provider';2invoke('test', 'test', 1, 2, 3);3import {invoke} from 'storybook-root-provider';4invoke('test', 'test', 1, 2, 3);5import {invoke} from 'storybook-root-provider';6invoke('test', 'test', 1, 2, 3);7import {invoke} from 'storybook-root-provider';8invoke('test', 'test', 1, 2, 3);9import {invoke} from 'storybook-root-provider';10invoke('test', 'test', 1, 2, 3);11import {invoke} from 'storybook-root-provider';12invoke('test', 'test', 1, 2, 3);13import {invoke} from 'storybook-root-provider';14invoke('test', 'test', 1, 2, 3);15import {invoke} from 'storybook-root-provider';16invoke('test', 'test', 1, 2, 3);17import {invoke} from 'storybook-root-provider';18invoke('test', 'test', 1, 2, 3);19import {invoke} from 'storybook-root-provider';20invoke('test', 'test', 1, 2, 3);21import {invoke} from 'storybook-root-provider';22invoke('test', 'test', 1, 2, 3);23import {invoke} from 'storybook-root-provider';24invoke('test',

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { invoke } from 'storybook-root';2invoke({3 payload: {4 },5});6import { invoke } from 'storybook-root';7invoke({8 payload: {9 },10});11import { invoke } from 'storybook-root';12invoke({13 payload: {14 },15});16import { invoke } from 'storybook-root';17invoke({18 payload: {19 },20});21import { invoke } from 'storybook-root';22invoke({23 payload: {24 },25});26import { invoke } from 'storybook-root';27invoke({28 payload: {29 },30});31import { invoke } from 'storybook-root';32invoke({33 payload: {34 },35});36import { invoke } from 'storybook-root';37invoke({38 payload: {39 },40});41import { invoke } from 'storybook-root';42invoke({43 payload: {44 },45});

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 storybook-root 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