angularjs - Protractor: Drag-Drop function working with Mozilla and chrome but not with Internet Explorer 11 -

-

i trying automate drag-drop action using protractor. element's properties are:

element needs dragged:

<li id="activities-test123" class="ng-binding ng-scope ng-isolate-scope draggable" tooltip-placement="right" ng-attr-tooltip="{{activity.name.length > relationships.namelimit ? activity.name : ''}}" draggable="true" ng-class="{'draggable-disabled': activity.entityhasactivity, 'draggable': !activity.entityhasactivity}" ng-repeat="activity in relationships.activities | toarray:false | filter:searchactivities:strict" tooltip="">

the location element needs dropped:

<div class="tree-view ng-isolate-scope" drop="relationships.handledrop" datasource="relationships" droppable=""> <p class="content-help-text ng-hide" ng-hide="relationships.hasentity()">drag entity here</p> <div ui-tree="relationships.options"> <ol class="top-level ng-isolate-scope" droppable="" ui-tree-nodes=""> <!-- ngrepeat: item in relationships.tree --> </ol> </div> </div>

i using drag-drop-helper native script found in github

module.exports =function simulatedragdrop(sourcenode, destinationnode) { var event_types = {     drag_end: 'dragend',     drag_start: 'dragstart',     drop: 'drop' }  function createcustomevent(type) {     var event = new customevent("customevent")     event.initcustomevent(type, true, true, null)     event.datatransfer = {         data: {         },         setdata: function(type, val) {             this.data[type] = val         },         getdata: function(type) {             return this.data[type]         }     }     return event }  function dispatchevent(node, type, event) {     if (node.dispatchevent) {         return node.dispatchevent(event)     }     if (node.fireevent) {         return node.fireevent("on" + type, event)     } }  var event = createcustomevent(event_types.drag_start) dispatchevent(sourcenode, event_types.drag_start, event)  var dropevent = createcustomevent(event_types.drop) dropevent.datatransfer = event.datatransfer dispatchevent(destinationnode, event_types.drop, dropevent)  var dragendevent = createcustomevent(event_types.drag_end) dragendevent.datatransfer = event.datatransfer dispatchevent(sourcenode, event_types.drag_end, dragendevent)  }

the problem drag-drop action working in mozilla , chrome browsers. giving error: unknownerror: javascript error (warning: server did not provide stacktrace information) on running browser.executescript command in internet explorer 11.

i implementing code in following way:

var draganddrop = require("./../native_js_drag_and_drop_helper.js"); var input = element(by.xpath("xpath of element moved")); var target = element(by.xpath("xpath of target location")); browser.executescript(draganddrop, input.getwebelement(), target.getwebelement());

i verified browser.executescript command running browser.executescript('javascript:localstorage.clear(); alert("helloworld");'); , working fine ie11.
can give me idea missing here?

i got error fixed.
ie 11 browser doesn't support customevent constructor in line:var event = new customevent("customevent").
change customevent createevent. var event=document.createevent("customevent");. works charm!!


Comments

Post a Comment

Popular posts from this blog

SVG stroke-linecap doesn't work for circles in Firefox? -

-
i've got problem svg stroke-linecap attribute. i've got circular progress bar in angularjs , set outer circle (blue one) have rounded "ends". @ fiddle . <svg ... height="130" width="130"> <!-- ngif: background --> <circle ... ng-if="background" fill="#fff" class="ng-scope" stroke-width="13" stroke="#cc3399" r="57.5" cy="65" cx="65" stroke-linecap="round" /> <!-- end ngif: background --> <circle ... fill="none" stroke-dashoffset="36.12831551628261" stroke-dasharray="361.28315516282623" stroke-width="13" stroke="#432db3" stroke-linecap="round" r="57.5" cy="65" cx="65" transform="rotate(-89.9, 65, 65)" /> </svg> how can that? ...
Read more

routes - Laravel 4 Wildcard Routing to Different Controllers -

-
realizing i'm going take beating this, have several questions "best practices" when constructing laravel route. do laravel routes run "first come first serve" top bottom? if route found, pass control controller (or perform action) , terminate? i have part of application acts url shortner. so, route looks this: route::get('/{id}', array('as' => 'home.text', 'uses' => 'homecontroller@text'), function($id){ //make sure id exists before pushing controller. if (storage::where('shortcode','=', $id)->count() > 0) { // route found } }); how can improved? one, i'm not sure how pass processing on controller conditionally.. sort of controller::make() ..? 3) there better way in laravel check if record exists versus doing mode::where('column','=','value')->count() 4) have legacy urls http://url.com/?...
Read more

cross browser - XSLT namespace-alias Not Working in Firefox or Chrome -

-
i transforming xhtml xhtml, need xslt stylesheet part of resulting document (the stylesheet contained in <script type"text/template"> element. using the xsl:namespace-alias instruction, works fine in ie, fails in both chrome , firefox. here relevant code: <xsl:output doctype-system="about:legacy-compat" omit-xml-declaration="yes" indent="yes" method="html" media-type="application/xhml" encoding="utf-8"/> <xsl:namespace-alias stylesheet-prefix="wxsl" result-prefix="xsl" /> <xsl:template match="head"> <!-- code omitted clarity --> <script type="text/template"> <wxsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:eli="local"> ...
Read more