分度器にスライダをドラッグアンドドロップする方法は？

HTMLコード：スライダをドラッグする方法

<div class="ngrs-range-slider ng-isolate-scope" range-slider="" min="0" max="30" attach-handle-values= 
"true" model-min="experience.minVal" model-max="experience.maxVal" style="margin: 28px 0px 0px 0px;"> 

`<div class="ngrs-runner"><div class`="ngrs-handle ngrs-handle-min" style="left: 0%;"><i></i></div> 

<div class="ngrs-handle ngrs-handle-max" style="left: 10%;"><i></i></div>

<div class="ngrs-value-runner ngrs-attached-handles"><div class="ngrs-value ngrs-value-min ng-hide" ng-show="showValues" style="left: 3.33333%;"><div class="ng-binding">1</div></div> 

<div class="ngrs-value ngrs-value-max ng-hide" ng-show="showValues" style="left: 10%; right: auto;"><div class="ng-binding">3</div></div></div></div>

、私はCSSセレクタで試してみましたが、それは動作しません。

私の問題では、Y位置ロケータ値ではなく、X位置ロケータ値を取得するだけです.2つのクラス値しか持っていません。ngrs-handle ngrs-handle-minと'ngrs-handle ngrs-handle-max'これらの2つの値を使用してスライダをドラッグします。

出典

2016-05-24 raghavendra t

はhttp://stackoverflow.com/questions/24315571/drag-drop-with-protractor-by-repeater?rq=（[この質問への回答]を参照してください見つかりました1）および/または[この質問]（http://stackoverflow.com/questions/25664551/how-to-simulate-a-drag-and-drop-action-in-protractor?rq=1） – Gunderson

@Gunderson I両方の答えを試して、まだスライダーをドラッグすることができません。このことから私を助けてもらえますか？私はこのエラーが発生しています：失敗：ロケータを使用している要素が見つかりません：By（css selector、.ngrs-handle.ngrs-handle-max.ngrs-over.ngrs-down）このエラーが発生するのは、スライダーをターゲット位置に移動してエラーが表示された後にのみロケーターが表示されるためです。私を助けてください。 –

は、最後に私は答え

this.test_slider = function(){ 
     var sliderBar = ptor.findElement(protractor.By.css(".ngrs-handle.ngrs-handle-max")); 
     browser.actions().dragAndDrop(sliderBar,{x:50,y:0}).perform(); 
     ptor.sleep(10000); 
     expect(sliderBar.getAttribute('value')).toEqual('7'); 

    };

出典

2016-05-31 04:48:03

分度器にスライダをドラッグアンドドロップする方法は？

答えて

関連する問題